:root {
    --bs-primary: #ff6727;
    --bs-primary2: #ff8a00;
    --bs-primary3: #942933;
    --bs-primary-rgb: 253,85,13;
    --tooltip-background: #000000;
    --tooltip-text: #ffffff;
    --tooltip-border: #595959;
}

html {
    overflow-y: auto !important;
}

.hoverscale {
  
  transition: 0.1s;
}

    .hoverscale:hover {
        transform: translateY(-2px)
    }

/* HEADINGS */

.headings {
  margin-bottom: 1%;
  z-index: -1;
}

.headings h1 {
  font-size: calc(14px + 1.5vw);
  font-family: 'Oswald';
  text-align: center;
  z-index: 1;
  margin-bottom: 0;
  display: flex;
  white-space: nowrap;
  margin-right: 4%;
  margin-left: 4%;
}

.headings .headingline:first-child {
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,230,8,0) 0%, #ff8126 54%);
}

.headings .headingline:last-child {
  width: 100%;
  height: 1px;
  background: linear-gradient(-90deg, rgba(255,230,8,0) 0%, rgb(247,174,49) 38%, #ff8126 77%);
}


.whatsappButton {
    position: fixed;
    z-index: 1;
    bottom: 30px;
    right: 30px;
    border-radius: 50%;
    padding: 12px;
    background: rgb(0,201,68);
    border-style: none;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.69);
}

@keyframes circularMotion {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(0px, 10px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}

.moveInPlace {
  animation-name: circularMotion;
  animation-duration: 4s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
}

.custom-background {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -4;
  filter: blur(100px);
}

/* Section CATEGORY */

.category {
  margin-top: 20px;
}

.category .category-item {
  width: 100vw;
  aspect-ratio: 1;
  font-size: calc(8px + 0.5vw);
  background: #373531;
  justify-content: center;
  flex-direction: column;
  transition: 0.2s;
  border-color: #ff8126;
  cursor: pointer;
  display: flex;
  max-height: 220px;

  box-shadow: 5px 5px 10px rgba(0,0,0,0.41);
  margin-right: 4%;
  margin-left: 4%;
  margin-bottom: 6%;
}

.category-item:hover {
  scale: 1.05;
  border: 0.5px solid #ff8126;
  box-shadow: 0px 0px 20px rgba(255,129,38,0.41), inset 0px 0px 10px rgba(255,129,38,0.41);
}

.category .col {
  display: flex;
  padding: 0;
}

.category .category-item .img1 {
  width: 50%;
  /*filter: invert(84%) sepia(35%) saturate(3250%) hue-rotate(316deg) brightness(108%) contrast(102%) drop-shadow(0px 5px 5px #000000b0);*/
  z-index: 1;
}

.category-item h2 {
  font-size: 1.1em;
  text-align: center;
  color: #ffffff;
  text-shadow: 0px 0px 11px rgba(255,103,39,0.28), 0px 3px 10px rgba(0,0,0,0.81);
  margin-top: 10%;
}

/* Section MENULIST */

.menulist {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0;
    position: relative;
}

.menulist .keen-slider {
  margin-top: -15px;
}

.menulist .keen-slider__slide {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  display: flex;
  justify-content: center;
}

.navigation-wrapper {
  position: relative;
  overflow: hidden;
}

.arrow {
  width: calc(60px + 1vw);
  height: calc(60px + 1vw);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: #fff;
  cursor: pointer;
}

.arrow--left {
  left: -15px;
  padding-inline-end: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffa866' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
}

.arrow--right {
  right: -15px;
  padding-inline-start: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffa866' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-origin: content-box;
}

.arrow--disabled.arrow--left {
  display: none;
}

.arrow--disabled.arrow--right {
  display: none;
}

/* Section BUILD */

.buildbackground {
    position: relative;
    background: #000000;
    height: 700px;
    -webkit-filter: drop-shadow(0px 0px 10px #000);
    filter: drop-shadow(0px 0px 10px #000);
    overflow: hidden;
    padding: 0px;
}

.buildinnershadow {
    height: 100%;
    width: 100%;
    z-index: 1;
    -webkit-box-shadow: inset 0px 0px 10px rgb(0,0,0), inset 0px 0px 20px rgb(0,0,0);
    box-shadow: inset 0px 0px 10px rgb(0,0,0), inset 0px 0px 20px rgb(0,0,0);
    pointer-events: none;
}

.buildimagediv1 {
    position: absolute;
    left: 50%;
    top: calc(68.5% - 7vw);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 125%;
}

.buildimagediv2 {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    z-index: 5;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.buildheading {
    position: absolute;
    left: calc(700px + 24vw);
    top: 34%;
    z-index: 5;
    pointer-events: none;
    -webkit-transform: translateY(-34%);
    -ms-transform: translateY(-34%);
    transform: translateY(-34%);
}

    .buildheading p {
        font-size: calc(12px + 5vw);
        line-height: 1;
        margin: 0px;
        padding: 0px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        color: rgba(255,255,255,0.49);
        font-family: 'Oswald';
        letter-spacing: 15px;
    }

.buildline {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 130%;
    width: 3px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(8%, rgba(0,0,0,0)), color-stop(52%, rgb(255,255,255)), color-stop(95%, rgba(255,255,255,0)));
    background: -o-linear-gradient(rgba(0,0,0,0) 8%, rgb(255,255,255) 52%, rgba(255,255,255,0) 95%);
    background: linear-gradient(rgba(0,0,0,0) 8%, rgb(255,255,255) 52%, rgba(255,255,255,0) 95%);
    opacity: 0.1;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.buildimagediv2:hover .buildline {
    opacity: 1;
    -webkit-transform: translateX(-15px) translateY(-50%);
    -ms-transform: translateX(-15px) translateY(-50%);
    transform: translateX(-15px) translateY(-50%);
}

.buildimagediv2:hover p {
    scale: 1.05;
    color: rgb(255,255,255);
    text-shadow: 0px 0px 20px #b9682d;
}

.buildimage {
    -webkit-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
    -webkit-filter: blur(1px) contrast(110%) sepia(35%);
    filter: blur(1px) contrast(110%) sepia(35%);
    width: calc(1400px + 20vw);
}

.buildimagediv2:hover .buildimage {
    -webkit-transform: rotate(0deg) scale(1.01) skewX(-1deg) skewY(1deg);
    -ms-transform: rotate(0deg) scale(1.01) skewX(-1deg) skewY(1deg);
    transform: rotate(0deg) scale(1.01) skewX(-1deg) skewY(1deg);
    -webkit-filter: blur(0px) contrast(100%) sepia(0%);
    filter: blur(0px) contrast(100%) sepia(0%);
}

.build3d {
    position: absolute;
    left: 49.5%;
    top: 34.4%;
    -webkit-transition: 0.15s;
    -o-transition: 0.15s;
    transition: 0.15s;
    cursor: pointer;
    scale: 100%;
    -webkit-transform: translateX(-49.5%);
    -ms-transform: translateX(-49.5%);
    transform: translateX(-49.5%);
}

    .build3d:hover {
        -webkit-transform: translateX(-50%) scaleX(1.20) scaleY(1.20);
        -ms-transform: translateX(-50%) scaleX(1.20) scaleY(1.20);
        transform: translateX(-50%) scaleX(1.20) scaleY(1.20);
        top: 35.0%;
    }

    .build3d .cpu3d {
        -webkit-transform: perspective(2500px) rotateX(34deg) rotateY(0deg) rotateZ(45deg);
        transform: perspective(2500px) rotateX(34deg) rotateY(0deg) rotateZ(45deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        width: clamp(127px,10vw,147px);
        height: clamp(111px,10vw,131px);
        -webkit-transform-origin: center;
        -ms-transform-origin: center;
        transform-origin: center;
        border-radius: 11px;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        border: 4px solid rgba(255,255,255,0.78);
        -webkit-filter: drop-shadow(0px 0px 10px #000000ca);
        filter: drop-shadow(0px 0px 10px #000000ca);
        opacity: 0;
    }

.buildimagediv2:hover .cpu3d {
    -webkit-transform: perspective(2500px) translateY(-36px) rotateX(34deg) rotateY(0deg) rotateZ(45deg);
    transform: perspective(2500px) translateY(-36px) rotateX(34deg) rotateY(0deg) rotateZ(45deg);
    opacity: 1;
    -webkit-box-shadow: 0px 0px 20px 20px rgba(255,92,0,0.52), inset 0px 0px 20px 6px rgba(255,103,39,0.73), 45px 45px 10px 0px rgba(0,0,0,0.27);
    box-shadow: 0px 0px 20px 20px rgba(255,92,0,0.52), inset 0px 0px 20px 6px rgba(255,103,39,0.73), 45px 45px 10px 0px rgba(0,0,0,0.27);
    border-width: 3px;
    border: 4px solid rgb(255,255,255);
}

.cpu3d p {
    font-size: clamp(36px,4vw,45px);
    text-align: center;
    margin-bottom: 4px;
    line-height: 0.9;
    color: #ffffff;
    font-family: Oswald, sans-serif;
    text-shadow: 0px 0px 20px #000000;
    pointer-events: none;
}

.buildlogo {
    position: absolute;
    right: calc(700px + 24vw);
    top: 30.4%;
    -webkit-filter: drop-shadow(0 0 5px #000) drop-shadow(0 0 5px #000);
    filter: drop-shadow(0 0 5px #000) drop-shadow(0 0 5px #000);
    opacity: 0.5;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    scale: 0.95;
    pointer-events: none;
}

.buildimagediv2:hover .buildlogo {
    opacity: 1;
    scale: 1;
}

.buildlogo p {
    font-size: clamp(24px, 2.5vw, 56px);
    font-family: 'Oswald';
    letter-spacing: 25px;
    font-weight: 100;
    white-space: nowrap;
    text-align: center;
}

.buildlogo div {
    opacity: 1;
    height: 1px;
    margin-right: 26px;
    margin-left: 1px;
    margin-top: 7px;
    margin-bottom: 0px;
    background: #ffffff;
    width: 95%;
}

.buildlogo img {
    width: 20vw;
    min-width: 250px;
    max-width: 350px;
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
}

@media (max-width:1200px) {
    .buildline {
        opacity: 1;
        transform: translateX(-15px) translateY(-50%);
    }

    .buildimagediv2 p {
        scale: 1.05;
        color: rgb(255,255,255);
        text-shadow: 0px 0px 20px #b9682d;
    }

    .buildimage {
        transform: rotate(0deg) scale(1.01) skewX(-1deg) skewY(1deg);
        filter: blur(0px) contrast(100%) sepia(0%);
    }


    .build3d {
        transform: translateX(-50%) scaleX(1.20) scaleY(1.20);
        top: 35.0%;
    }


        .build3d .cpu3d {
            transform: perspective(2500px) translateY(-36px) rotateX(34deg) rotateY(0deg) rotateZ(45deg);
            opacity: 1;
            box-shadow: 0px 0px 20px 20px rgba(255,92,0,0.52), inset 0px 0px 20px 6px rgba(255,103,39,0.73), 45px 45px 10px 0px rgba(0,0,0,0.27);
            border-width: 3px;
            border: 4px solid rgb(255,255,255);
        }


    .buildlogo {
        opacity: 1;
        scale: 1;
    }
}
/* tooltips */

.tooltip .tooltip-inner {
  background: var(--tooltip-background);
  padding: 10px;
  color: var(--tooltip-text);
  opacity: 1;
  border: solid 1px var(--tooltip-border);
  font-size: 14px;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  border-top-color: var(--tooltip-border);
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  border-right-color: var(--tooltip-border);
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--tooltip-border);
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  border-left-color: var(--tooltip-border);
}

.tooltip.show {
  opacity: 1;
}

.whatsappButton svg {
  font-size: 39px;
  transform: translateX(1px) translateY(0px);
}

/* RESPONSIVE */

@media (min-width: 1200px) {
  .category {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}

.row-cols-7 > * {
  flex: 0 0 auto;
  width: 20%;
}

@media (min-width:576px) {
  .row-cols-lg-7 > * {
    flex: 0 0 auto;
    width: 14.2%;
  }
}

/* Section MENULIST */

@media (min-width:1800px) {
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
}

@media (min-width: 1200px) {
  .menulist {
    padding-left: 10vw;
    padding-right: 10vw;
  }
}

/* Section BUILDER */

@media (max-width: 750px) {
  .buildheading {
    top: 10%;
    right: 34%;
    left: 0;
    text-align: center;
  }
}

@media (max-width: 750px) {
  .buildlogo {
    top: 55%;
    left: 50%;
  }
}

@media (max-width: 750px) {
  .buildimagediv1 {
    left: 52%;
  }
}


@media (min-width: 1200px) {
    .buildparts {
        margin-bottom: -6px !important;
    }
}


.buildparts hr {
    margin-top: 20px !important;
    margin-bottom: 3px !important;
}

.buildparts p {
    margin-bottom: 0px !important;
    font-size: 16px;
}

.buildparts svg {
    height: 25px;
    width: 25px;
    margin-inline-end: 7px;
}

#part-box-cpu {
    background-image: url('data:image/svg+xml,<svg width="20px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill-rule="evenodd" clip-rule="evenodd" d="M14 8C15.1046 8 16 8.89543 16 10V14C16 15.1046 15.1046 16 14 16H10C8.89543 16 8 15.1046 8 14V10C8 8.89543 8.89543 8 10 8H14ZM13 10C13.5523 10 14 10.4477 14 11V13C14 13.5523 13.5523 14 13 14H11C10.4477 14 10 13.5523 10 13V11C10 10.4477 10.4477 10 11 10H13Z" fill="%23ff814d"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M11 2C11 1.44772 11.4477 1 12 1C12.5523 1 13 1.44772 13 2V4H15V2C15 1.44772 15.4477 1 16 1C16.5523 1 17 1.44772 17 2V4C18.6569 4 20 5.34315 20 7H22C22.5523 7 23 7.44771 23 8C23 8.55229 22.5523 9 22 9H20V11H22C22.5523 11 23 11.4477 23 12C23 12.5523 22.5523 13 22 13H20V15H22C22.5523 15 23 15.4477 23 16C23 16.5523 22.5523 17 22 17H20C20 18.6569 18.6569 20 17 20V22C17 22.5523 16.5523 23 16 23C15.4477 23 15 22.5523 15 22V20H13V22C13 22.5523 12.5523 23 12 23C11.4477 23 11 22.5523 11 22V20H9V22C9 22.5523 8.55229 23 8 23C7.44771 23 7 22.5523 7 22V20C5.34315 20 4 18.6569 4 17H2C1.44772 17 1 16.5523 1 16C1 15.4477 1.44772 15 2 15H4V13H2C1.44772 13 1 12.5523 1 12C1 11.4477 1.44772 11 2 11H4V9H2C1.44772 9 1 8.55229 1 8C1 7.44771 1.44772 7 2 7H4C4 5.34315 5.34315 4 7 4V2C7 1.44772 7.44771 1 8 1C8.55229 1 9 1.44772 9 2V4H11V2ZM17 6C17.5523 6 18 6.44772 18 7V17C18 17.5523 17.5523 18 17 18H7C6.44771 18 6 17.5523 6 17V7C6 6.44771 6.44772 6 7 6H17Z" fill="%23ff814d"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

#part-box-gpu {
    background-image: url('data:image/svg+xml,<svg fill="%23ff814d" height="64px" width="20px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512.00 512.00" xml:space="preserve" stroke="%23ff814d"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><g><g><path d="M490.667,96H85.333V74.667c0-11.782-9.551-21.333-21.333-21.333H21.333C9.551,53.333,0,62.885,0,74.667 C0,86.449,9.551,96,21.333,96h21.333v21.333v256V416c0,11.782,9.551,21.333,21.333,21.333c11.782,0,21.333-9.551,21.333-21.333 v-21.333H128v42.667c0,11.782,9.551,21.333,21.333,21.333c11.782,0,21.333-9.551,21.333-21.333v-42.667h42.667v42.667 c0,11.782,9.551,21.333,21.333,21.333c11.782,0,21.333-9.551,21.333-21.333v-42.667h42.667v42.667 c0,11.782,9.551,21.333,21.333,21.333s21.333-9.551,21.333-21.333v-42.667h149.333c11.782,0,21.333-9.551,21.333-21.333v-256 C512,105.551,502.449,96,490.667,96z M469.333,352h-384V138.667h384V352z"></path><path d="M362.667,330.667c47.131,0,85.333-38.202,85.333-85.333S409.798,160,362.667,160s-85.333,38.202-85.333,85.333 S315.535,330.667,362.667,330.667z M362.667,202.667c23.567,0,42.667,19.099,42.667,42.667S386.234,288,362.667,288 S320,268.901,320,245.333S339.099,202.667,362.667,202.667z"></path><path d="M192,330.667h42.667c11.782,0,21.333-9.551,21.333-21.333v-128c0-11.782-9.551-21.333-21.333-21.333H192 c-47.131,0-85.333,38.202-85.333,85.333S144.869,330.667,192,330.667z M192,202.667h21.333V288H192 c-23.567,0-42.667-19.099-42.667-42.667S168.433,202.667,192,202.667z"></path></g></g></g></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

#part-box-mother {
    background-image: url('data:image/svg+xml,<svg fill="%23ff814d" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve" width="20px" height="64px" transform="rotate(270)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><g><g><path d="M490.667,64h-64V42.667c0-11.782-9.551-21.333-21.333-21.333c-11.782,0-21.333,9.551-21.333,21.333V64h-21.333V42.667 c0-11.782-9.551-21.333-21.333-21.333c-11.782,0-21.333,9.551-21.333,21.333V64h-21.333V42.667 c0-11.782-9.551-21.333-21.333-21.333c-11.782,0-21.333,9.551-21.333,21.333V64H21.333C9.551,64,0,73.551,0,85.333v384 c0,11.782,9.551,21.333,21.333,21.333h469.333c11.782,0,21.333-9.551,21.333-21.333v-384C512,73.551,502.449,64,490.667,64z M469.333,448H42.667V106.667h42.667v106.667c0,11.782,9.551,21.333,21.333,21.333c11.782,0,21.333-9.551,21.333-21.333V106.667 h42.667V256c0,11.782,9.551,21.333,21.333,21.333s21.333-9.551,21.333-21.333V106.667h256V448z"></path><path d="M277.333,149.333c-11.782,0-21.333,9.551-21.333,21.333v128c0,11.782,9.551,21.333,21.333,21.333h128 c11.782,0,21.333-9.551,21.333-21.333v-128c0-11.782-9.551-21.333-21.333-21.333H277.333z M384,277.333h-85.333V192H384V277.333z "></path><rect x="85.333" y="362.667" width="42.667" height="42.667"></rect><rect x="170.667" y="320" width="42.667" height="42.667"></rect><path d="M384,362.667h-85.333c-11.782,0-21.333,9.551-21.333,21.333s9.551,21.333,21.333,21.333H384 c11.782,0,21.333-9.551,21.333-21.333S395.782,362.667,384,362.667z"></path></g></g></g></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

#part-box-ram {
    background-image: url('data:image/svg+xml,<svg fill="%23ff814d" width="25px" height="64px" viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path fill-rule="evenodd" clip-rule="evenodd" d="M223.977 63.69a5.967 5.967 0 0 0-2.295-.446l.001-.001-188.877.77a6.013 6.013 0 0 0-5.984 6.024l.226 98.86c.008 3.314 2.699 6.015 6.01 6.034l15.326.087v10.633c0 3.315 2.683 6.007 5.993 6.007h25.471s6.319-15.38 23.62-15.38c17.301 0 23.783 15.38 23.783 15.38h74.032a6.003 6.003 0 0 0 5.999-6.008v-8.16h14.388a6.004 6.004 0 0 0 6.01-6.003V69.222a5.976 5.976 0 0 0-1.755-4.237 5.978 5.978 0 0 0-1.948-1.294zM42.588 80.586A2.002 2.002 0 0 1 44.002 80v.001h44A1.995 1.995 0 0 1 90 82.002l-.13 69.985s-4.127.137-7.667 2.48S77.76 160 77.76 160H42V81.997c.001-.53.213-1.038.588-1.412zm62.001-.001a2.001 2.001 0 0 1 1.413-.584h44a1.999 1.999 0 0 1 1.847 1.232c.1.243.151.503.151.765l-.141 76.006a2.01 2.01 0 0 1-2.013 1.997h-20.189s-4.827-4.457-10.622-6.472c-5.795-2.014-15.035-2.447-15.035-2.447V81.994c.002-.53.214-1.037.589-1.41zm61.999 0a2.002 2.002 0 0 1 1.414-.584h44a1.999 1.999 0 0 1 1.847 1.232c.1.243.151.503.151.765l-.141 76.006A2.004 2.004 0 0 1 211.86 160H166V81.997c.001-.53.213-1.038.588-1.412z"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

#part-box-power {
    background-image: url('data:image/svg+xml,<svg width="20px" fill="%23ff814d" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M747.799 928.653l121.305-322.405H661.298L954.95 202.332 822.448 521.843H1024l-276.201 406.81z" /><path d="M524.293 246.666h-71.074V38.518c0-21.235-17.275-38.512-38.511-38.512-21.236 0-38.513 17.276-38.513 38.512v208.147H207.859V38.518c0-21.235-17.277-38.512-38.512-38.512-21.236 0-38.513 17.276-38.513 38.512v208.147H59.76C26.809 246.666 0 273.474 0 306.426v87.1c0 32.952 26.809 59.761 59.76 59.761h11.961v170.368l98.646 106.604 35.836 114.285h35.429v179.45h100.716v-179.45h35.504l35.836-114.285 98.646-106.604V453.287h11.959c32.953 0 59.762-26.809 59.762-59.761v-87.1c0-32.952-26.809-59.76-59.762-59.76zM332.717 783.09h-81.38l-11.884-37.896H344.6l-11.883 37.896z m118.162-183.507l-77.873 84.156H211.048l-77.873-84.156V453.287h317.704v146.296z m71.723-207.75H61.454V308.12h461.148v83.713z" /></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

#part-box-cooler {
    background-image: url('data:image/svg+xml,<svg fill="%23ff814d" height="64px" width="20px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><g><g><path d="M448.696,38.957H63.304C28.398,38.957,0,67.355,0,102.261v307.478c0,34.906,28.398,63.304,63.304,63.304h385.391 c34.906,0,63.304-28.398,63.304-63.304V102.261C512,67.355,483.602,38.957,448.696,38.957z M478.609,139.13h-61.217 c-9.22,0-16.696,7.475-16.696,16.696s7.475,16.696,16.696,16.696h61.217v33.391h-61.217c-9.22,0-16.696,7.475-16.696,16.696 s7.475,16.696,16.696,16.696h61.217v33.391h-61.217c-9.22,0-16.696,7.475-16.696,16.696s7.475,16.696,16.696,16.696h61.217v33.391 h-61.217c-9.22,0-16.696,7.475-16.696,16.696c0,9.22,7.475,16.696,16.696,16.696h61.217v36.87 c0,16.494-13.419,29.913-29.913,29.913H63.304c-16.494,0-29.913-13.419-29.913-29.913V102.261 c0-16.494,13.419-29.913,29.913-29.913h385.391c16.494,0,29.913,13.419,29.913,29.913V139.13z"></path></g></g><g><g><path d="M217.043,105.739c-85.082,0-150.261,69.701-150.261,150.261c0,80.81,65.395,150.261,150.261,150.261 c85.084,0,150.261-69.695,150.261-150.261C367.304,175.022,301.763,105.739,217.043,105.739z M150.261,339.478 c0,4.532,0.459,8.959,1.323,13.24c-31.976-21.667-51.41-58.027-51.41-96.718c0-18.412,14.979-33.391,33.391-33.391 c18.412,0,33.391,14.979,33.391,33.391c0,11.271,3.744,21.682,10.052,30.061C160.779,298.256,150.261,317.66,150.261,339.478z M133.565,189.217c-4.519,0-8.933,0.456-13.203,1.317c21.512-31.899,57.833-51.404,96.681-51.404 c18.412,0,33.391,14.979,33.391,33.391c0,18.412-14.979,33.391-33.391,33.391c-11.271,0-21.683,3.744-30.061,10.052 C174.787,199.736,155.382,189.217,133.565,189.217z M233.739,256c0,9.206-7.49,16.696-16.696,16.696 c-9.206,0-16.696-7.49-16.696-16.696c0-9.206,7.49-16.696,16.696-16.696C226.249,239.304,233.739,246.794,233.739,256z M217.043,372.87c-18.412,0-33.391-14.979-33.391-33.391c0-18.412,14.979-33.391,33.391-33.391 c11.271,0,21.683-3.744,30.061-10.052c12.196,16.229,31.6,26.748,53.417,26.748c4.52,0,8.936-0.456,13.205-1.317 C292.214,353.363,255.893,372.87,217.043,372.87z M300.522,289.391c-18.412,0-33.391-14.979-33.391-33.391 c0-11.271-3.744-21.682-10.052-30.061c16.229-12.194,26.748-31.599,26.748-53.417c0-4.532-0.459-8.96-1.323-13.241 c32.047,21.713,51.41,58.11,51.41,96.719C333.913,274.412,318.934,289.391,300.522,289.391z"></path></g></g></g></svg>');
    background-image: url('data:image/svg+xml,<svg width="25px" height="64px" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" fill="%23ff814d"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>thermometer</title><g id="Layer_2" data-name="Layer 2"><g id="invisible_box" data-name="invisible box"><rect width="48" height="48" fill="none"></rect></g><g id="Layer_6" data-name="Layer 6"><g id="icons_Q2" data-name="icons Q2"><g><path d="M29,10a8,8,0,0,0-16,0V27.5A10.5,10.5,0,0,0,10,35a11,11,0,0,0,22,0,10.5,10.5,0,0,0-3-7.5ZM21,42a7,7,0,0,1-7-7,6.8,6.8,0,0,1,3-5.7V10a4,4,0,0,1,8,0V29.3A6.8,6.8,0,0,1,28,35,7,7,0,0,1,21,42Z"></path><path d="M23,30.4V17H19V30.4A5.1,5.1,0,0,0,16,35a5,5,0,0,0,10,0A5.1,5.1,0,0,0,23,30.4Z"></path><path d="M40,23H34a2,2,0,0,0,0,4h6a2,2,0,0,0,0-4Z"></path><path d="M40,17H34a2,2,0,0,0,0,4h6a2,2,0,0,0,0-4Z"></path><path d="M40,11H34a2,2,0,0,0,0,4h6a2,2,0,0,0,0-4Z"></path><path d="M34,9h6a2,2,0,0,0,0-4H34a2,2,0,0,0,0,4Z"></path></g></g></g></g></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

#part-box-monitor {
    background-image: url('data:image/svg+xml,<svg width="25px" height="64px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><path d="M12 17V21M8 21H16M6.2 17H17.8C18.9201 17 19.4802 17 19.908 16.782C20.2843 16.5903 20.5903 16.2843 20.782 15.908C21 15.4802 21 14.9201 21 13.8V6.2C21 5.0799 21 4.51984 20.782 4.09202C20.5903 3.71569 20.2843 3.40973 19.908 3.21799C19.4802 3 18.9201 3 17.8 3H6.2C5.0799 3 4.51984 3 4.09202 3.21799C3.71569 3.40973 3.40973 3.71569 3.21799 4.09202C3 4.51984 3 5.07989 3 6.2V13.8C3 14.9201 3 15.4802 3.21799 15.908C3.40973 16.2843 3.71569 16.5903 4.09202 16.782C4.51984 17 5.07989 17 6.2 17Z" stroke="%23ff814d" stroke-width="2" stroke-linecap="round"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

#part-box-storage {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="64px" width="23px" fill="%23ff814d" viewBox="0 0 16 16" class="bi bi-nvme"><path d="M1.5 4.5A.5.5 0 0 1 2 4h13.5a.5.5 0 0 1 .5.5V7a.5.5 0 0 1-.5.5.5.5 0 0 0 0 1 .5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5H2a.5.5 0 0 1-.5-.5h-1A.5.5 0 0 1 0 11V7.5A.5.5 0 0 1 .5 7h1a.25.25 0 0 0 0-.5h-1A.5.5 0 0 1 0 6V5a.5.5 0 0 1 .5-.5zm1 .5a.5.5 0 0 1-.5.5h-.5a1.25 1.25 0 1 1 0 2.5H1v2.5h1a.5.5 0 0 1 .5.5H15V9.415a1.5 1.5 0 0 1 0-2.83V5z"></path><path d="M4 6.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5zM5 7v2h1V7zm3-.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5zM9 7v2h3V7z"></path></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

#part-box-case {
    background-image: url('data:image/svg+xml,<svg fill="%23ff814d" width="20px" height="64px" viewBox="0 0 32 32" version="1.1" id="pc-case" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 32 32" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><rect x="15" y="23" width="2" height="2"></rect><path d="M6 1v30h20V1H6zM24 29H8V15h16V29zM24 13H8V9h16V13zM24 7H8V3h16V7z"></path></g></svg>');
    background-repeat: no-repeat;
    background-position: center;
}