.pf-computer-compare{
  box-sizing:border-box;
  background:var(--pcmp-bg);
  margin:var(--pcmp-margin);
  padding:var(--pcmp-padding);
  border-width:var(--pcmp-bw);
  border-style:var(--pcmp-bs);
  border-color:var(--pcmp-bc);
  border-radius:var(--pcmp-radius);
  box-shadow:var(--pcmp-shadow);
  overflow:hidden;
}
.pf-computer-compare,.pf-computer-compare *{box-sizing:border-box}

/* Builder values must win over theme/page typography rules. */
.pf-computer-compare h2.pcmp-title{
  background:var(--pcmp-title-bg)!important;
  color:var(--pcmp-title-color)!important;
  padding:var(--pcmp-title-pad)!important;
  margin:var(--pcmp-title-mar)!important;
  border-width:var(--pcmp-title-bw)!important;
  border-style:var(--pcmp-title-bs)!important;
  border-color:var(--pcmp-title-bc)!important;
  border-radius:var(--pcmp-title-radius)!important;
  text-align:var(--pcmp-title-align)!important;
  font-size:var(--pcmp-title-size)!important;
  font-weight:var(--pcmp-title-weight)!important;
  font-style:var(--pcmp-title-style)!important;
  line-height:var(--pcmp-title-lh)!important;
  letter-spacing:var(--pcmp-title-ls)!important;
  text-transform:var(--pcmp-title-tt)!important;
  font-family:inherit!important;
}

.pf-computer-compare .pcmp-toolbar{
  display:flex;align-items:center;justify-content:var(--pcmp-toolbar-justify);gap:var(--pcmp-toolbar-gap);
  background:var(--pcmp-toolbar-bg);padding:var(--pcmp-toolbar-pad);margin:var(--pcmp-toolbar-mar);
  border-width:var(--pcmp-toolbar-bw);border-style:var(--pcmp-toolbar-bs);border-color:var(--pcmp-toolbar-bc);
  border-radius:var(--pcmp-toolbar-radius);box-shadow:var(--pcmp-toolbar-shadow)
}
.pf-computer-compare .pcmp-toolbar-left,.pf-computer-compare .pcmp-toolbar-actions{display:flex;align-items:center;gap:var(--pcmp-toolbar-gap);flex-wrap:wrap}
.pf-computer-compare .pcmp-count{
  display:inline-block;background:var(--pcmp-count-bg)!important;color:var(--pcmp-count-color)!important;
  padding:var(--pcmp-count-pad)!important;margin:var(--pcmp-count-mar)!important;
  border-width:var(--pcmp-count-bw)!important;border-style:var(--pcmp-count-bs)!important;border-color:var(--pcmp-count-bc)!important;border-radius:var(--pcmp-count-radius)!important;
  text-align:var(--pcmp-count-align)!important;font-size:var(--pcmp-count-size)!important;font-weight:var(--pcmp-count-weight)!important;font-style:var(--pcmp-count-style)!important;
  line-height:var(--pcmp-count-lh)!important;letter-spacing:var(--pcmp-count-ls)!important;text-transform:var(--pcmp-count-tt)!important;font-family:inherit!important
}
.pf-computer-compare label.pcmp-check{
  display:flex;align-items:center;gap:var(--pcmp-diff-gap);cursor:pointer;background:var(--pcmp-diff-bg)!important;color:var(--pcmp-diff-color)!important;
  padding:var(--pcmp-diff-pad)!important;margin:var(--pcmp-diff-mar)!important;border-width:var(--pcmp-diff-bw)!important;border-style:var(--pcmp-diff-bs)!important;
  border-color:var(--pcmp-diff-bc)!important;border-radius:var(--pcmp-diff-radius)!important;text-align:var(--pcmp-diff-align)!important;
  font-size:var(--pcmp-diff-size)!important;font-weight:var(--pcmp-diff-weight)!important;font-style:var(--pcmp-diff-style)!important;
  line-height:var(--pcmp-diff-lh)!important;letter-spacing:var(--pcmp-diff-ls)!important;text-transform:var(--pcmp-diff-tt)!important;font-family:inherit!important
}
.pf-computer-compare label.pcmp-check input{accent-color:var(--pcmp-diff-accent)}
.pf-computer-compare button.pcmp-clear{
  appearance:none;-webkit-appearance:none;background:var(--pcmp-button-bg)!important;color:var(--pcmp-button-color)!important;
  padding:var(--pcmp-button-pad)!important;margin:var(--pcmp-button-mar)!important;border-width:var(--pcmp-button-bw)!important;border-style:var(--pcmp-button-bs)!important;
  border-color:var(--pcmp-button-bc)!important;border-radius:var(--pcmp-button-radius)!important;box-shadow:var(--pcmp-button-shadow)!important;
  text-align:var(--pcmp-button-align)!important;font-size:var(--pcmp-button-size)!important;font-weight:var(--pcmp-button-weight)!important;font-style:var(--pcmp-button-style)!important;
  line-height:var(--pcmp-button-lh)!important;letter-spacing:var(--pcmp-button-ls)!important;text-transform:var(--pcmp-button-tt)!important;font-family:inherit!important;
  cursor:pointer;transition:.18s ease
}
.pf-computer-compare button.pcmp-clear:hover{background:var(--pcmp-button-hover-bg)!important;color:var(--pcmp-button-hover-color)!important;border-color:var(--pcmp-button-hover-bc)!important}

/* The comparison table has an explicit JS-generated min-width, so 3-4 products scroll horizontally instead of being squeezed. */
.pf-computer-compare .pcmp-content{
  width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;scrollbar-width:thin
}
.pf-computer-compare .pcmp-table-wrap{min-width:100%;margin:var(--pcmp-table-mar);border-radius:var(--pcmp-table-radius);box-shadow:var(--pcmp-table-shadow);overflow:visible}
.pf-computer-compare table.pcmp-table{
  width:100%;min-width:var(--pcmp-table-min,100%);border-collapse:separate!important;border-spacing:0!important;background:var(--pcmp-table-bg)!important;
  table-layout:fixed;border-width:var(--pcmp-table-bw)!important;border-style:var(--pcmp-table-bs)!important;border-color:var(--pcmp-table-bc)!important;border-radius:var(--pcmp-table-radius)!important;
  margin:0!important
}
.pf-computer-compare table.pcmp-table th,.pf-computer-compare table.pcmp-table td{
  border-right-width:var(--pcmp-table-bw)!important;border-right-style:var(--pcmp-table-bs)!important;border-right-color:var(--pcmp-table-bc)!important;
  border-bottom-width:var(--pcmp-table-bw)!important;border-bottom-style:var(--pcmp-table-bs)!important;border-bottom-color:var(--pcmp-table-bc)!important;
  vertical-align:middle!important;min-width:var(--pcmp-product-min);box-sizing:border-box
}
.pf-computer-compare table.pcmp-table tr>*:last-child{border-right-width:0!important}
.pf-computer-compare table.pcmp-table tbody tr:last-child>*{border-bottom-width:0!important}
.pf-computer-compare table.pcmp-table tbody tr:hover td{background:var(--pcmp-row-hover)!important}

.pf-computer-compare table.pcmp-table .pcmp-criterion-head,.pf-computer-compare table.pcmp-table .pcmp-row>th{
  background:var(--pcmp-label-bg)!important;color:var(--pcmp-label-color)!important;padding:var(--pcmp-label-pad)!important;border-color:var(--pcmp-label-bc)!important;
  font-size:var(--pcmp-label-size)!important;font-weight:var(--pcmp-label-weight)!important;font-style:var(--pcmp-label-style)!important;line-height:var(--pcmp-label-lh)!important;
  letter-spacing:var(--pcmp-label-ls)!important;text-transform:var(--pcmp-label-tt)!important;min-width:var(--pcmp-label-width)!important;width:var(--pcmp-label-width)!important;
  max-width:var(--pcmp-label-width)!important;text-align:var(--pcmp-label-align)!important;font-family:inherit!important
}
.pf-computer-compare table.pcmp-table .pcmp-row>th small{display:block;color:var(--pcmp-unit)!important;font-size:var(--pcmp-unit-size)!important;font-weight:500!important;margin:var(--pcmp-unit-mar)!important}
.pf-computer-compare table.pcmp-table .pcmp-row td{
  background:var(--pcmp-value-bg)!important;color:var(--pcmp-value-color)!important;padding:var(--pcmp-value-pad)!important;border-color:var(--pcmp-value-bc)!important;
  text-align:var(--pcmp-value-align)!important;font-size:var(--pcmp-value-size)!important;font-weight:var(--pcmp-value-weight)!important;font-style:var(--pcmp-value-style)!important;
  line-height:var(--pcmp-value-lh)!important;letter-spacing:var(--pcmp-value-ls)!important;text-transform:var(--pcmp-value-tt)!important;font-family:inherit!important
}
.pf-computer-compare[data-sticky-labels="1"] .pcmp-criterion-head,.pf-computer-compare[data-sticky-labels="1"] .pcmp-row>th{position:sticky;left:0;z-index:3}
.pf-computer-compare[data-sticky-header="1"] .pcmp-table thead th{position:sticky;top:0;z-index:4}
.pf-computer-compare[data-sticky-header="1"][data-sticky-labels="1"] .pcmp-criterion-head{z-index:6}

.pf-computer-compare table.pcmp-table th.pcmp-product-head{
  position:relative;background:var(--pcmp-product-bg)!important;color:var(--pcmp-product-color)!important;padding:var(--pcmp-product-pad)!important;
  border-color:var(--pcmp-product-bc)!important;border-radius:var(--pcmp-product-radius)!important;text-align:var(--pcmp-product-align)!important;vertical-align:var(--pcmp-product-va)!important
}
.pf-computer-compare a.pcmp-image{
  display:flex;align-items:center;justify-content:center;width:var(--pcmp-image-w)!important;height:var(--pcmp-image-h)!important;margin:var(--pcmp-image-mar)!important;padding:var(--pcmp-image-pad)!important;
  background:var(--pcmp-image-bg)!important;border-width:var(--pcmp-image-bw)!important;border-style:var(--pcmp-image-bs)!important;border-color:var(--pcmp-image-bc)!important;
  border-radius:var(--pcmp-image-radius)!important;overflow:hidden;text-decoration:none!important
}
.pf-computer-compare a.pcmp-image img{max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important}
.pf-computer-compare .pcmp-image-empty{width:100%;height:100%;background:#f8fafc;border-radius:inherit}
.pf-computer-compare a.pcmp-name{
  display:block;background:var(--pcmp-name-bg)!important;color:var(--pcmp-name-color)!important;padding:var(--pcmp-name-pad)!important;margin:var(--pcmp-name-mar)!important;
  border-width:var(--pcmp-name-bw)!important;border-style:var(--pcmp-name-bs)!important;border-color:var(--pcmp-name-bc)!important;border-radius:var(--pcmp-name-radius)!important;
  text-align:var(--pcmp-name-align)!important;font-size:var(--pcmp-name-size)!important;font-weight:var(--pcmp-name-weight)!important;font-style:var(--pcmp-name-style)!important;
  line-height:var(--pcmp-name-lh)!important;letter-spacing:var(--pcmp-name-ls)!important;text-transform:var(--pcmp-name-tt)!important;text-decoration:none!important;font-family:inherit!important;
  overflow-wrap:anywhere;word-break:normal;transition:.18s ease
}
.pf-computer-compare a.pcmp-name:hover{color:var(--pcmp-name-hover)!important}
.pf-computer-compare .pcmp-brand{
  background:var(--pcmp-brand-bg)!important;color:var(--pcmp-brand-color)!important;padding:var(--pcmp-brand-pad)!important;margin:var(--pcmp-brand-mar)!important;
  border-width:var(--pcmp-brand-bw)!important;border-style:var(--pcmp-brand-bs)!important;border-color:var(--pcmp-brand-bc)!important;border-radius:var(--pcmp-brand-radius)!important;
  text-align:var(--pcmp-brand-align)!important;font-size:var(--pcmp-brand-size)!important;font-weight:var(--pcmp-brand-weight)!important;font-style:var(--pcmp-brand-style)!important;
  line-height:var(--pcmp-brand-lh)!important;letter-spacing:var(--pcmp-brand-ls)!important;text-transform:var(--pcmp-brand-tt)!important;font-family:inherit!important
}
.pf-computer-compare .pcmp-price{
  display:flex;justify-content:var(--pcmp-price-justify);gap:var(--pcmp-price-gap);align-items:baseline;flex-wrap:wrap;background:var(--pcmp-price-bg)!important;color:var(--pcmp-price-color)!important;
  padding:var(--pcmp-price-pad)!important;margin:var(--pcmp-price-mar)!important;border-width:var(--pcmp-price-bw)!important;border-style:var(--pcmp-price-bs)!important;border-color:var(--pcmp-price-bc)!important;
  border-radius:var(--pcmp-price-radius)!important;font-size:var(--pcmp-price-size)!important;font-weight:var(--pcmp-price-weight)!important;font-style:var(--pcmp-price-style)!important;
  line-height:var(--pcmp-price-lh)!important;letter-spacing:var(--pcmp-price-ls)!important;text-transform:var(--pcmp-price-tt)!important;font-family:inherit!important
}
.pf-computer-compare .pcmp-price strong{color:inherit!important;font:inherit!important}
.pf-computer-compare .pcmp-price del{color:var(--pcmp-old-price)!important;font-size:var(--pcmp-old-price-size)!important;font-weight:var(--pcmp-old-price-weight)!important}
.pf-computer-compare .pcmp-stock{
  background:var(--pcmp-stock-bg)!important;padding:var(--pcmp-stock-pad)!important;margin:var(--pcmp-stock-mar)!important;border-width:var(--pcmp-stock-bw)!important;
  border-style:var(--pcmp-stock-bs)!important;border-color:var(--pcmp-stock-bc)!important;border-radius:var(--pcmp-stock-radius)!important;text-align:var(--pcmp-stock-align)!important;
  font-size:var(--pcmp-stock-size)!important;font-weight:var(--pcmp-stock-weight)!important;font-style:var(--pcmp-stock-style)!important;line-height:var(--pcmp-stock-lh)!important;
  letter-spacing:var(--pcmp-stock-ls)!important;text-transform:var(--pcmp-stock-tt)!important;font-family:inherit!important
}
.pf-computer-compare .pcmp-stock.is-in{color:var(--pcmp-stock-in)!important}.pf-computer-compare .pcmp-stock.is-out{color:var(--pcmp-stock-out)!important}
.pf-computer-compare button.pcmp-remove{
  appearance:none;-webkit-appearance:none;position:absolute;right:var(--pcmp-remove-right);top:var(--pcmp-remove-top);display:flex;align-items:center;justify-content:center;
  width:var(--pcmp-remove-w)!important;height:var(--pcmp-remove-h)!important;padding:0!important;margin:0!important;background:var(--pcmp-remove-bg)!important;color:var(--pcmp-remove-color)!important;
  border-width:var(--pcmp-remove-bw)!important;border-style:var(--pcmp-remove-bs)!important;border-color:var(--pcmp-remove-bc)!important;border-radius:var(--pcmp-remove-radius)!important;
  font-size:var(--pcmp-remove-size)!important;font-weight:400!important;line-height:1!important;font-family:inherit!important;cursor:pointer;transition:.18s ease
}
.pf-computer-compare button.pcmp-remove:hover{background:var(--pcmp-remove-hover-bg)!important;color:var(--pcmp-remove-hover-color)!important}

.pf-computer-compare .pcmp-empty,.pf-computer-compare .pcmp-message{
  min-height:var(--pcmp-empty-minh);display:flex;align-items:var(--pcmp-empty-items);justify-content:center;flex-direction:column;gap:var(--pcmp-empty-gap);text-align:var(--pcmp-empty-align)!important;
  background:var(--pcmp-empty-bg)!important;color:var(--pcmp-empty-color)!important;padding:var(--pcmp-empty-pad)!important;margin:var(--pcmp-empty-mar)!important;border-width:var(--pcmp-empty-bw)!important;
  border-style:var(--pcmp-empty-bs)!important;border-color:var(--pcmp-empty-bc)!important;border-radius:var(--pcmp-empty-radius)!important;font-size:var(--pcmp-empty-text-size)!important;
  font-weight:var(--pcmp-empty-text-weight)!important;line-height:var(--pcmp-empty-lh)!important;font-family:inherit!important
}
.pf-computer-compare .pcmp-empty strong,.pf-computer-compare .pcmp-message strong{color:var(--pcmp-empty-title)!important;font-size:var(--pcmp-empty-title-size)!important;font-weight:var(--pcmp-empty-title-weight)!important}
.pf-computer-compare .pcmp-message.is-error strong{color:var(--pcmp-stock-out)!important}.pf-computer-compare .pcmp-empty-value{color:var(--pcmp-empty-value)!important}
.pf-computer-compare .pcmp-no-specs{text-align:center!important;color:var(--pcmp-empty-color)!important;padding:var(--pcmp-empty-pad)!important}
.pf-computer-compare[data-show-old-price="0"] .pcmp-price del,.pf-computer-compare[data-show-remove="0"] .pcmp-remove,.pf-computer-compare[data-show-type-row="0"] .pcmp-row-type,.pf-computer-compare[data-show-unit="0"] .pcmp-row>th small{display:none!important}

@media(max-width:767px){
  .pf-computer-compare{padding:var(--pcmp-mobile-pad)}
  .pf-computer-compare h2.pcmp-title{font-size:var(--pcmp-mobile-title)!important}
  .pf-computer-compare .pcmp-toolbar{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:10px}
  .pf-computer-compare .pcmp-toolbar-left{flex:1 1 auto;min-width:80px}.pf-computer-compare .pcmp-toolbar-actions{margin-left:auto;justify-content:flex-end;gap:8px}
  .pf-computer-compare .pcmp-content{position:relative;padding-bottom:2px}
  .pf-computer-compare table.pcmp-table{width:100%;min-width:var(--pcmp-table-min-mobile,var(--pcmp-table-min,100%));table-layout:fixed}
  .pf-computer-compare table.pcmp-table th,.pf-computer-compare table.pcmp-table td{min-width:var(--pcmp-mobile-min)!important;width:var(--pcmp-mobile-min)!important;max-width:var(--pcmp-mobile-min)!important}
  .pf-computer-compare table.pcmp-table .pcmp-criterion-head,.pf-computer-compare table.pcmp-table .pcmp-row>th{
    min-width:var(--pcmp-mobile-label)!important;width:var(--pcmp-mobile-label)!important;max-width:var(--pcmp-mobile-label)!important;padding:var(--pcmp-mobile-cell)!important;
    font-size:var(--pcmp-mobile-label-size)!important
  }
  .pf-computer-compare table.pcmp-table .pcmp-row td{padding:var(--pcmp-mobile-cell)!important;font-size:var(--pcmp-mobile-value-size)!important}
  .pf-computer-compare table.pcmp-table th.pcmp-product-head{padding:var(--pcmp-mobile-cell)!important}
  .pf-computer-compare a.pcmp-image{height:var(--pcmp-mobile-image)!important;margin-left:auto!important;margin-right:auto!important}
  .pf-computer-compare a.pcmp-name{font-size:var(--pcmp-mobile-name-size)!important;line-height:var(--pcmp-mobile-name-lh)!important}
  .pf-computer-compare .pcmp-brand{font-size:var(--pcmp-mobile-brand-size)!important}
  .pf-computer-compare .pcmp-price{font-size:var(--pcmp-mobile-price-size)!important}
  .pf-computer-compare .pcmp-stock{font-size:var(--pcmp-mobile-stock-size)!important}
  .pf-computer-compare button.pcmp-remove{font-size:var(--pcmp-mobile-remove-size)!important}
  .pf-computer-compare[data-sticky-labels="1"] .pcmp-criterion-head,.pf-computer-compare[data-sticky-labels="1"] .pcmp-row>th{
    box-shadow:8px 0 12px -12px rgba(15,23,42,.45)
  }
}