/*
*  SCSS Variables
*
*  1.0 - Colors
*  2.0 - Font
*  3.0 - Grid
*  4.0 - Spacers/Sizes
*  5.0 - Animation
*/
/*** 1.0 - Colors ***/
/* primary is replaced by css variable --skin-primary-color-1 */
/* Consolidated values */
/*** 2.0 - Font ***/
/*** 3.0 - Grid ***/
/*** 4.0 - Spacers/Sizes ***/
/*** 5.0 Animation ***/
.pcs-builds-container {
  max-width: 1600px;
  margin: 0 auto; }

.pcs-configure-build-list {
  min-width: 375px;
  padding: 24px 24px 0;
  transform: translate(-51%, -2%);
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 0 0 10px 10px;
  top: 61px;
  right: -190px;
  z-index: 101; }
  @media (min-width: 768px) and (max-width: 1023.98px) {
    .pcs-configure-build-list {
      min-width: 378px;
      right: -165px; } }
  @media (min-width: 1024px) {
    .pcs-configure-build-list {
      right: -150px; } }

.multiple-build-wrapper {
  border-bottom: 1px solid #cdd8df;
  padding: 16px;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media (min-width: 768px) {
    .multiple-build-wrapper {
      padding: 16px 24px;
      -ms-flex-pack: end;
          justify-content: end; } }
  @media (min-width: 1024px) {
    .multiple-build-wrapper {
      padding: 16px 45px; } }
  .multiple-build-wrapper .build-link {
    top: 2px;
    text-decoration-skip-ink: none; }
    @media (max-width: 767.98px) {
      .multiple-build-wrapper .build-link {
        font-size: 12px; } }

.pcs-build-up-arrow {
  transform: rotate(180deg); }

.pcspecialist-iframe iframe {
  width: 93%;
  box-shadow: 0 15px 35px rgba(50, 50, 53, 0.2), 0 5px 15px rgba(0, 0, 0, 0.07); }

.pcs-config-header {
  top: 0;
  display: block;
  height: 0; }
