.prev-next-btns .next-btn,.byopc-step-buy-now-button button{background:linear-gradient(90deg,#7e7e7e,#505050)}.build-your-pc__notification{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:#fee2e2;color:#b91c1c;padding:12px 20px;border-radius:6px;box-shadow:0 4px 12px #00000026;font-size:12px;font-weight:400;text-transform:capitalize;z-index:9999;transition:opacity .3s ease,transform .3s ease;opacity:0;pointer-events:none;display:flex;align-items:center;gap:6px;font-family:Poppins}.build-your-pc__notification svg.icon-error{width:16px}.build-your-pc__notification.show{opacity:1;pointer-events:auto}.steps-popup{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.steps-popup .popup-inner{border-radius:8px;background:linear-gradient(0deg,#ffffff1a 0% 100%),#000;padding:7% 4.5% 5%;max-width:600px;width:90%;box-shadow:0 10px 30px #0000004d;position:relative}.steps-popup .popup-product-list{margin-top:20px;display:flex;flex-direction:column;gap:32px}.steps-popup .filter-popup-container .popup-product-list{gap:16px}.steps-popup .popup-confirm-btn{color:#fff;font-family:Play;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;background:linear-gradient(90deg,#7e7e7e,#505050);border-radius:8px;max-width:163px;max-height:42px;width:100%;padding:12px 0;margin-top:32px}.popup-inner .popup-actions{display:flex;justify-content:end}.popup-inner .filter-popup-container{display:flex;gap:1rem;padding-top:16px}.popup-inner .filter-popup-container .brand-filter{width:200px;flex-shrink:0}.popup-inner .filter-popup-container .brand-filter .brand-heading{color:#fff;font-family:Play;font-size:20px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;padding:10px 0;margin-bottom:24px}.popup-inner .filter-popup-container .brand-filter .clear-brands-container{margin-top:24px}.popup-inner .filter-popup-container .brand-filter .clear-brands-container .clear-brands{color:#02cb16;font-family:Play;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;text-transform:capitalize}.popup-inner .bundle-total-price{color:#02cb16;font-family:Play;font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;margin-top:32px;margin-bottom:24px}.popup-inner .bundle-total-price .total-text{color:#fff}.popup-inner .bundle-total-atc{border-radius:8px;background:transparent;color:#0ad905;border:1px solid #0ad905;font-family:Play;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;width:100%;display:flex;height:50px;padding:10px;justify-content:center;align-items:center;gap:10px;align-self:stretch}.popup-inner .bundle-total-atc:hover{background:linear-gradient(90deg,#0ad505,#056f03);color:#fff}.popup-inner .filter-popup-container .popup-search-sort-container{flex:1}.popup-inner .filter-popup-container .popup-search-sort-container .filter-controls{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.popup-inner .filter-popup-container .popup-search-sort-container .filter-controls input{flex:1;color:#fff;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal}.popup-inner .filter-popup-container .popup-search-sort-container .brand-tags{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.popup-inner .filter-popup-container .popup-search-sort-container .brand-tags:empty{display:none}.popup-inner .popup-product-list .popup-product-steptype{color:#02cb16;font-family:Play;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;margin-bottom:-20px}.filter-popup-container .brand-filter .brand-list.checkbox-brand-list{align-items:flex-start}.filter-popup-container .brand-filter .brand-list.checkbox-brand-list .custom-check{height:16px;width:16px}.popup-inner:has(.popup-product.selected) .popup-actions .popup-confirm-btn{border:1px solid #0ad905;background:transparent;color:#0ad905}.popup-inner:has(.popup-product.selected) .popup-actions .popup-confirm-btn:hover{background:linear-gradient(90deg,#0ad505,#056f03);color:#fff}.steps-popup .popup-product{padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:linear-gradient(0deg,#ffffff1a 0% 100%),#000;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff;cursor:pointer}.steps-popup .popup-product-list .popup-product .popup-product-title,.steps-popup .popup-product-list .popup-product .popup-product-price{font-family:Play;font-size:16px;font-style:normal;font-weight:400;text-transform:uppercase}.steps-popup .popup-product-list .popup-product .popup-product-title{color:#fff;max-width:364px}.steps-popup .popup-product-list .popup-product .popup-product-price{color:#02cb16;white-space:nowrap}.steps-popup .popup-product-list .popup-product .popup-product-details{display:flex;align-items:center;gap:16px}.steps-popup .popup-product-list .popup-product .popup-product-details img{width:54px;height:54px;border-radius:8px}.steps-popup button{padding:.5rem 1rem;border:none;background:#000;color:#fff;border-radius:4px;cursor:pointer;transition:background .2s ease}.products-popup .product-selected-text .step-selected-product{display:flex;align-items:center;gap:24px}.products-popup .product-selected-text .step-selected-product .popup-product-title{color:#fff;font-family:Play;font-size:16px;font-style:normal;font-weight:400;text-transform:uppercase;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.products-popup .product-selected-text .step-selected-product .popup-product-price{color:#02cb16;font-family:Play;font-size:16px;font-style:normal;font-weight:400;text-transform:uppercase;white-space:nowrap}.steps-popup .popup-header .popup-close-btn:hover{background:#ffffff80}.pc-build-steps .pc-build-step-detail .products-popup{display:flex;justify-content:space-between;align-items:center;border-radius:8px;border:1px solid rgba(255,255,255,.3);width:100%;padding:8px;text-align:left;gap:16px}.next-btn.product-selected,.byopc-step-buy-now-button button.active-product{background:transparent;border:1px solid #0ad905;color:#0ad905}.next-btn.product-selected:hover,.byopc-step-buy-now-button button.active-product:hover{background:linear-gradient(90deg,#0ad505,#056f03);color:#fff}.pc-build-step.active-step{border:1px solid rgba(2,203,22,.5)}.step-product-price.price-green{color:#02cb16}.steps-popup{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;color:#fff;z-index:9999;overflow:auto;padding:2rem;font-family:Arial,sans-serif}.steps-popup .popup-inner{max-width:1200px;margin:auto}.brand-filter h4{font-size:1rem;margin-bottom:10px}.brand-filter .brand-list{display:flex;flex-direction:column;gap:12px;max-height:40vh;overflow:auto}.popup-inner .filter-popup-container .brand-filter label{color:#fff;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;cursor:pointer}.popup-inner .filter-popup-container .popup-search-sort-container .filter-controls input:focus-visible,.popup-inner .filter-popup-container .popup-search-sort-container .filter-controls select:focus-visible{box-shadow:none;outline:none}.popup-inner .filter-popup-container .popup-search-sort-container .brand-tags .brand-tag{color:#fff;font-family:Poppins;font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase;background:inherit;padding:3px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.brand-filter input[type=checkbox]{margin-right:6px}.brand-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:1rem}.brand-tag span{margin-left:12px;font-weight:400;color:#fff;cursor:pointer;font-size:18px;display:inline-block;line-height:1;padding:0;vertical-align:bottom}.popup-product-list{display:flex;flex-direction:column;gap:1rem;max-height:40vh;overflow-y:auto;padding-right:10px}.popup-product-list::-webkit-scrollbar{width:6px}.popup-product-list::-webkit-scrollbar-thumb{background:#0f0;border-radius:10px}.filter-controls input[type=search]{padding:10px;border:1px solid rgba(255,255,255,.1);background:#1a1a1a;color:#fff}.filter-controls select{padding:10px;border:1px solid rgba(255,255,255,.1);background:#1a1a1a;color:#fff;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize;cursor:pointer}.clear-brands{cursor:pointer;text-decoration:underline}.pc-build-step .step-product-image{border-radius:8px;width:100%}.popup-header{background:linear-gradient(0deg,#ffffff1a 0% 100%),#000;z-index:4;padding-bottom:12px}.popup-header h2{color:#fff;font-family:Play;font-size:32px;font-style:normal;font-weight:700;text-transform:uppercase}.popup-header .popup-close-btn{position:absolute;top:4%;right:4.5%;border:none;font-size:24px;cursor:pointer;height:34px;width:34px;border-radius:8px;display:flex;background:linear-gradient(0deg,#ffffff1a 0% 100%),#000;align-items:center;padding:0;justify-content:center;opacity:1;box-shadow:none}.popup-header .popup-close-btn:before{content:"";width:50%;border-top:2px solid #fff;position:absolute;border-radius:5px;top:50%;transform-origin:center;transform:rotate(45deg) translateY(0)}.popup-header .popup-close-btn:after{content:"";width:50%;border-top:2px solid #fff;position:absolute;border-radius:5px;top:50%;transform-origin:center;transform:rotate(-45deg) translateY(0)}.popup-product.selected{border:1px solid #02CB1680}.popup-inner .popup-container{border-radius:8px;border:1px solid rgba(255,255,255,.1);padding:24px}.product-list{color:#000}.checkbox-brand-list{display:flex;align-items:center;gap:34px}.checkbox-brand-list .checkbox-brand{display:inline-flex;align-items:center;position:relative;padding-left:28px;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:normal;font-size:16px;font-style:normal;font-weight:400;text-transform:uppercase}.checkbox-brand-list .checkbox-brand input[type=checkbox]{accent-color:#02CB16;height:16px;width:16px;position:absolute;opacity:0;cursor:pointer}.custom-check{position:absolute;left:0;top:50%;transform:translateY(-50%);height:18px;width:18px;border:1px solid #fff}.checkbox-brand input:checked+.custom-check{background-color:#02cb16}.checkbox-brand input:checked+.custom-check:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}@media screen and (min-width: 750px){.build-your-pc .splide.is-initialized:not(.is-active) .splide__list.pc-build-step-container{display:flex;align-items:center;gap:2.4rem;flex-wrap:wrap}.build-your-pc .splide__list.pc-build-step-container .splide__slide{width:calc(25% - 1.8rem)}}@media screen and (max-width: 750px){.pc-build-step-detail{display:flex;flex-wrap:wrap;gap:24px}.pc-build-step-detail .pc-build-step-detail__image{width:calc(51% - 12px)}.pc-build-step-detail .pc-build-step-detail__steps_popup{width:calc(49% - 12px);border:none;padding-right:0}.pc-build-step-detail .pc-build-step-detail__steps_popup .checkbox-brand-list{flex-direction:column;align-items:flex-start;gap:16px}.pc-build-step-detail .pc-build-step-detail__totals,.pc-build-step-container .pc-build-step{width:100%}}.shimmer-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,120px);gap:20px;margin-bottom:40px;background:#0b0d0b;padding:10px;border-radius:12px}.shimmer-step-card{display:flex;align-items:center;gap:16px;padding:12px;background:#121411;border-radius:10px;overflow:hidden;position:relative}.shimmer-step-card .shimmer-step-image{width:80px;height:80px;border-radius:8px;background:#1a1d19;position:relative;overflow:hidden;flex-shrink:0}.shimmer-step-card .shimmer-step-text{flex:1;display:flex;flex-direction:column;gap:8px;position:relative}.shimmer-step-card .shimmer-line-short,.shimmer-step-card .shimmer-line-long{height:14px;border-radius:7px;background:#1a1d19;position:relative;overflow:hidden}.shimmer-step-card .shimmer-line-short{width:50%}.shimmer-step-card .shimmer-line-long{width:80%}.shimmer-step-details{display:grid;grid-template-columns:2fr 3fr 1.5fr;gap:24px;background:#121411;border-radius:12px;padding:24px;overflow:hidden}.shimmer-step-details .shimmer-details-image{width:100%;height:300px;border-radius:12px;background:#1a1d19;position:relative;overflow:hidden}.shimmer-step-details .shimmer-details-text{display:flex;flex-direction:column;gap:12px;position:relative}.shimmer-step-details .shimmer-line-medium,.shimmer-step-details .shimmer-line-small{height:16px;border-radius:8px;background:#1a1d19;position:relative;overflow:hidden}.shimmer-step-details .shimmer-line-medium{width:90%}.shimmer-step-details .shimmer-line-small{width:60%}.shimmer-step-details .shimmer-details-buttons{display:flex;flex-direction:column;gap:14px;position:relative}.shimmer-step-details .shimmer-btn-heading{height:20px;width:70%;border-radius:10px;background:#1a1d19;position:relative;overflow:hidden}.shimmer-step-details .shimmer-btn{height:36px;width:100%;border-radius:8px;background:#1a1d19;position:relative;overflow:hidden}.shimmer-step-image:before,.shimmer-step-text .shimmer-line-short:before,.shimmer-step-text .shimmer-line-long:before,.shimmer-details-image:before,.shimmer-details-text .shimmer-line-medium:before,.shimmer-details-text .shimmer-line-small:before,.shimmer-details-buttons .shimmer-btn-heading:before,.shimmer-details-buttons .shimmer-btn:before,.build-your-pc__shimmer .shimmer-heading:before{content:"";position:absolute;top:0;left:-150px;height:100%;width:150px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 1.5s infinite;pointer-events:none}.build-your-pc__shimmer .shimmer-heading{height:32px;width:200px;border-radius:8px;background:#1a1d19;position:relative;overflow:hidden;margin-bottom:30px}.build-your-pc__shimmer div:empty{display:block}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(300%)}}.prev-next-btns-mobile{display:none}.prev-next-btns-desktop{display:flex}@media screen and (max-width: 1200px){.prev-next-btns-desktop{display:none}.prev-next-btns-mobile{display:flex;width:100%}}@media screen and (max-width: 749px){.build-your-pc .step-contents .step-product-title{-webkit-line-clamp:1;min-height:18px}.build-your-pc build-your-pc-carousel .splide__slide{width:calc(67.6% + 8px)!important}.popup-header h2{font-size:16px}.steps-popup .popup-inner{width:100%}.steps-popup{padding:0}.steps-popup .popup-product-list .popup-product .popup-product-details img{width:49px;height:49px}.popup-inner .popup-container{padding:16px}.popup-header{padding-bottom:0}.steps-popup .popup-product-list{margin-top:16px}.steps-popup .popup-product-list .popup-product .popup-product-title,.steps-popup .popup-product-list .popup-product .popup-product-price{font-size:12px;line-height:1.4}.steps-popup .popup-product-list{gap:16px}.popup-header .popup-close-btn{top:8%;right:8%}.steps-popup .popup-product-list .popup-product .popup-product-details{gap:12px}.steps-popup .popup-product{gap:10px}.steps-popup .popup-confirm-btn{max-width:100%;margin-top:16px;max-height:48px;padding:15px 0}.build-your-pc__notification{width:90%}.build-your-pc__notification svg.icon-error{width:20px}.products-popup .product-selected-text .step-selected-product .popup-product-title{font-size:12px;line-height:normal}.products-popup .product-selected-text .step-selected-product{flex-direction:column;align-items:flex-start;gap:8px;margin-right:22px}.pc-build-steps .pc-build-step-detail .products-popup{font-size:14px;position:relative}.pc-build-steps .pc-build-step-detail .products-popup svg{position:absolute;right:8px}.products-popup .product-selected-text .step-selected-product .popup-product-price,.popup-inner .filter-popup-container .popup-search-sort-container .filter-controls input,.filter-controls select{font-size:12px}.steps-popup .popup-product-list{padding-right:0}.popup-inner .filter-popup-container .popup-search-sort-container .filter-controls .mobile-brand-filter{border:1px solid rgba(255,255,255,.1);padding:7px}.filter-controls select{max-width:127px}.popup-inner .filter-popup-container .popup-search-sort-container .filter-controls input{width:100%;min-width:114px}.popup-inner .filter-popup-container .brand-filter.show-on-mobile,.popup-inner .filter-popup-container .popup-product-list{display:block}.popup-inner .filter-popup-container .brand-filter,.popup-inner .filter-popup-container .popup-product-list.hide-on-mobile{display:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/build-your-pc.css.map */