.view-details-modal .modal{position:fixed;z-index:0;top:0;left:0;width:100%;height:0;opacity:0;visibility:hidden}.view-details-modal .modal.is-visible{opacity:1;height:100%;z-index:999999;visibility:visible}.view-details-modal .modal.is-visible .modal-overlay{opacity:1;display:block;transition-delay:0s}.view-details-modal .modal.is-visible .modal-content-wrapper .modal-transition{opacity:1}@media screen and (max-width:1090px){.view-details-modal .modal.is-visible .modal-content-wrapper .modal-transition{width:95%}}@media screen and (max-width:1023px){.view-details-modal .modal.is-visible .modal-content-wrapper .modal-transition{overflow:scroll;width:100%;height:100%;top:0;padding-bottom:1em}}.view-details-modal .modal .modal-overlay{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;background:rgba(23,23,23,.878);display:none;opacity:0;transition:var(--transition)}.view-details-modal .modal .modal-content-wrapper{height:100%;place-content:center;place-items:center}.view-details-modal .modal .modal-content-wrapper .modal-wrapper{position:-webkit-sticky;position:sticky;z-index:9999;top:0;left:0;right:0;width:1300px;height:850px;margin:0 auto}@media screen and (max-width:1536px){.view-details-modal .modal .modal-content-wrapper .modal-wrapper{height:45vw}}@media screen and (max-width:1366px){.view-details-modal .modal .modal-content-wrapper .modal-wrapper{width:1250px}}@media screen and (max-width:1280px){.view-details-modal .modal .modal-content-wrapper .modal-wrapper{width:1150px}}@media screen and (max-width:1160px){.view-details-modal .modal .modal-content-wrapper .modal-wrapper{width:1100px;height:55vw}}@media screen and (max-width:1090px){.view-details-modal .modal .modal-content-wrapper .modal-wrapper{height:60vw}}@media screen and (max-width:1023px){.view-details-modal .modal .modal-content-wrapper .modal-wrapper{height:95%}}.view-details-modal .modal .modal-content-wrapper .modal-wrapper .modal-header{background-color:transparent;border-bottom:0;padding:10px 40px 0 40px}@media screen and (max-width:1023px){.view-details-modal .modal .modal-content-wrapper .modal-wrapper .modal-header{position:-webkit-sticky;position:sticky;top:0}}@media screen and (max-width:767px){.view-details-modal .modal .modal-content-wrapper .modal-wrapper .modal-header{padding:0 30px;font-size:12px;position:relative;display:inline-flex;left:79%;height:1in}}@media screen and (max-width:35.5em){.view-details-modal .modal .modal-content-wrapper .modal-wrapper .modal-header button:focus-visible{outline:0}}.view-details-modal .modal .modal-content-wrapper .modal-wrapper .modal-body{padding:0}.view-details-modal .modal .modal-content-wrapper .modal-transition{transition:var(--transition);opacity:0;background-color:#000;border-radius:10px}@media screen and (max-width:1023px){.view-details-modal .modal .modal-content-wrapper .modal-transition{background-image:none}}.view-details-modal .modal .modal-content-wrapper .modal-content{position:relative;background-color:transparent;margin:auto;border:0;box-shadow:none;width:auto;padding-bottom:.3em;padding-top:0}@media screen and (max-width:35.5em){.view-details-modal .modal .modal-content-wrapper .modal-content{margin-top:-3em}}.view-details-modal .modal .modal-content-wrapper .modal-content .system-icon-wrapper{height:160px;place-content:flex-end;place-items:flex-end;text-align:right;width:170px;z-index:9}.view-details-modal .modal .modal-content-wrapper .modal-content .system-icon-wrapper .system-icon img{width:55%}@media screen and (max-width:1023px){.view-details-modal .modal .modal-content-wrapper .modal-content .system-icon-wrapper .system-icon img{position:relative;right:-12em}}@media screen and (max-width:768px){.view-details-modal .modal .modal-content-wrapper .modal-content .system-icon-wrapper .system-icon img{right:-8em}}.view-details-modal .modal .modal-content-wrapper .modal-content .components-images-wrapper{height:110px;place-content:flex-end;place-items:flex-end}@media screen and (max-width:1023px){.view-details-modal .modal .modal-content-wrapper .modal-content .components-images-wrapper{margin-bottom:1em!important}}.view-details-modal .modal .modal-content-wrapper .modal-content .components-images-wrapper .component-image{max-width:90px;max-height:90px}.view-details-modal .modal .modal-content-wrapper .modal-content p,.view-details-modal .modal .modal-content-wrapper .modal-content h2{font-family:var(--font-light)}.view-details-modal .modal .modal-content-wrapper .modal-content h2{color:#fff;font-size:22px;margin-bottom:1.5em}@media screen and (max-width:1023px){.view-details-modal .modal .modal-content-wrapper .modal-content h2{margin:0}}.view-details-modal .modal .modal-content-wrapper .modal-content h2 span{text-transform:uppercase;color:#fd2328}.view-details-modal .modal .modal-content-wrapper .modal-content p{color:#b7b7b7;font-size:20px}@media screen and (max-width:35.5em){.view-details-modal .modal .modal-content-wrapper .modal-content p{font-size:18px}}.view-details-modal .modal .modal-content-wrapper .modal-content .img-wrapper{height:300px}@media screen and (max-width:1023px){.view-details-modal .modal .modal-content-wrapper .modal-content .img-wrapper img{display:block;margin:0 auto}}.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .price-change{font-family:var(--font-bold);color:#60ac07;margin:0;margin-top:1em}.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .price-change.red{color:#e80434}.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .price-change.red span{color:#e80434}.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .no-price-change{color:#fc0;font-size:30px;font-family:var(--font-bold);text-transform:uppercase;display:block;margin-top:1em}@media screen and (min-width:35.5em) and (max-width:768px){.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .no-price-change{margin-bottom:1em}}@media screen and (max-width:35.5em){.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .no-price-change{font-size:1em}}.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .select-btn{background-color:rgba(32,32,32,.76);color:#656565;width:50%;text-transform:uppercase;border-radius:6px}@media screen and (min-width:35.5em) and (max-width:1024px){.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .select-btn{width:35%;margin-bottom:1em}}.view-details-modal .modal .modal-content-wrapper .modal-content .popup-view-details .select-btn:hover{background-color:#a5201e;color:#fff;transition:var(--transition)}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper{max-height:700px;overflow:auto}@media screen and (max-width:1536px){.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper{max-height:500px}}@media screen and (max-width:1280px){.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper{max-height:460px}}@media screen and (max-width:1090px){.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper{max-height:465px}}@media screen and (max-width:1023px){.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper{margin:0 auto;max-height:335px}}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper::-webkit-scrollbar{width:.5em}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper::-webkit-scrollbar-track{box-shadow:inset 0 0 6px #525151}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper::-webkit-scrollbar-thumb{background-color:#ae0404}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table{background-color:#000;font-family:var(--font-light);width:100%;border-radius:10px;border-collapse:separate}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table tr{transition:var(--transition)}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table tr:hover{background-color:#870303}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table tr.blue .item-title{color:var(--compute-unit-spec-color-lighter)}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table tr.blue:hover .pure-table-odd{border-right:0;transition:var(--transition)}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table tr.blue:hover{background-color:rgba(85,153,169,.16)}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table th{background-color:#000;color:#fff}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table td,.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table th{border-color:#000;padding:.2em .5em;border-left:2px solid #000;font-size:14px}@media screen and (max-width:1090px){.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table td,.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table th{font-size:14px}}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table .pure-table-odd{background-color:#6e6e6e29;color:#fff}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table .pure-table-even{color:#fff}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table .item-title{color:#b7b7b7}.view-details-modal .modal .modal-content-wrapper .modal-content .view-details-table-wrapper .view-details-table .item-title.blue{color:var(--compute-unit-spec-color-light)}.view-details-modal .modal .modal-content-wrapper .modal-close{padding:0;color:#fff;background:0 0;border:0;height:63px;font-size:2em;font-family:var(--font-light);cursor:pointer;z-index:999;transition:var(--transition)}.view-details-modal .modal .modal-content-wrapper .modal-close:hover{color:#bebebe}