:root {
  --black: #000000;
  --white: #ffffff;
  
  --tableBorderGray: rgba(0, 0, 0, 0.1);
  --tableColoredStripe: #F1F4F6;

  --primaryColor: #2563EB;
  --alternateColor: white;
  --secondaryColor: #DC2626;

  --desktopTopPadding: 0px;
  --desktopRightPadding: 0px;
  --desktopLeftPadding: 0px;
  --desktopBottomPadding: 0px;
  --mobileTopPadding: 0px;
  --mobileRightPadding: 0px;
  --mobileLeftPadding: 0px;
  --mobileBottomPadding: 0px;

  --checkUrl: url(check_blue_fill.svg);
  --crossUrl: url(cross_red_fill.svg);
}

/* Multi column */

@media only screen and (max-width: 600px) {
  .pc-table_wrapper {
    overflow-x: auto;
  }
  
  .pc-row-header {
    display: flex;
    flex-wrap: nowrap;
  }
  
  .pc-row-header>div {
    min-width: 100px;
  }
  
  .pc-row {
    display: flex;
    flex-wrap: nowrap;
  }
  
  .pc-row>div {
    min-width: 100px;
  }

  .pc-root_wrapper_style_2 .pc-row-header>div {
    background: var(--primaryColor);
    color: var(--alternateColor);
  }
}

/* General */

.pc-root_wrapper .pc-row-header .brand {
  font-size: var(--brandTitleFontSize);
  font-weight: var(--brandTitleFontWeight);
  font-style: var(--brandTitleFontStyle);
}

.pc-root_wrapper .pc-row-header .competitor {
  font-size: var(--competitorTitleFontSize);
  font-weight: var(--competitorTitleFontWeight);
  font-style: var(--competitorTitleFontStyle);
}

.pc-root_wrapper .pc-row {
  font-size: var(--advantageFontSize);
}

.pc-root_wrapper .pc-row-header>div:first-child {
  padding-right: 8px;
}

.pc-root_wrapper .pc-row .advantage {
  display: flex;
  align-items: center;
  font-weight: var(--advantageFontWeight);
  font-style: var(--advantageFontStyle);
  padding-right: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}

.pc-root_wrapper .pc-row-header {
  max-height: 60px;
}

.pc-root_wrapper .brand-logo {
  max-width: 100%;
}

@media only screen and (min-width: 600px) {
  .pc-root_wrapper .brand-logo {
    padding: 24px;
    max-height: 84px;
  }
}

@media only screen and (max-width: 600px) {
  .pc-root_wrapper .brand-logo {
    padding: 8px;
    max-height: 68px;
  }
}

.pc-root_wrapper .nodisplay {
  display: none !important;
}

.pc-root_wrapper .watermark {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding-top: 5px;
  font-size: 10px;
}

.pc-root_wrapper .watermark .logo {
  width: 14px;
  height: 14px;
  display: none;
}

.pc-root_wrapper .watermark p {
  margin: 0;
}

.pc-root_wrapper .watermark a {
  text-decoration: none;
  color: inherit;
}

@media only screen and (min-width: 600px) {
  .pc-root_wrapper {
    padding-top: var(--desktopTopPadding);
    padding-right: var(--desktopRightPadding);
    padding-left: var(--desktopLeftPadding);
    padding-bottom: var(--desktopBottomPadding);
  }
}

@media only screen and (max-width: 600px) {
  .pc-root_wrapper {
    padding-top: var(--mobileTopPadding);
    padding-right: var(--mobileRightPadding);
    padding-left: var(--mobileLeftPadding);
    padding-bottom: var(--mobileBottomPadding);
  }
}

.text-center {
  text-align: center;
}

.logo-img {
  margin-bottom: 8px;
}

.pc-table_wrapper .pc-row {
  display: flex;
  justify-content: space-between;
}

.pc-table_wrapper .pc-row>div {
  flex: 1;
  padding-block: 17px;
  line-height: 17px;
  align-items: center;
}

.pc-root_wrapper {
  align-items: flex-start;
  display: grid;
  grid-row-gap: 43px;
  grid-column-gap: 24px;
}


/* Style 1 */

.pc-root_wrapper_style_1 .pc_headline {
  max-width: 300px;
}

.pc-root_wrapper_style_1 {
  place-content: center;
  grid-template-columns: auto 1fr;
}

.pc-table_wrapper .pc-row:not(.pc-row:nth-last-child(1))>div {
  border-bottom: 1px solid var(--tableBorderGray);
}

.pc-root_wrapper_style_1 .pc-row>div:nth-child(2) {
  background-color: var(--primaryColor);
}

.pc-table_wrapper .pc-row>div:not(:nth-child(1)) {
  display: grid;
  place-content: center;
}

.pc-root_wrapper_style_1 .text-pros {
  position: relative;
  font-weight: 700 !important;
}

.pc-root_wrapper_style_1 .brand.text-pros {
  color: var(--alternateColor);
}

.pc-root_wrapper_style_1 .competitor.text-pros {
  color: var(--primaryColor);
}

.pc-root_wrapper_style_1 .text-pros:empty:before {
  content: '';
  width: 25px;
  height: 25px;
  -webkit-mask-image: var(--checkUrl);
  mask-image: var(--checkUrl);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: block;
  margin: auto;
}

.pc-root_wrapper_style_1 .brand.text-pros:empty:before {
  background-color: var(--alternateColor);
}

.pc-root_wrapper_style_1 .competitor.text-pros:empty:before {
  background-color: var(--primaryColor);
}

.pc-root_wrapper_style_1 .text-cons {
  position: relative;
  color: var(--secondaryColor);
}

.pc-root_wrapper_style_1 .text-cons:empty::before {
  content: '';
  width: 20px;
  height: 20px;
  background-color: var(--secondaryColor);
  -webkit-mask-image: var(--crossUrl);
  mask-image: var(--crossUrl);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: block;
  margin: auto;
}

.pc-root_wrapper_style_1 .pc-row-header {
  margin-bottom: 15px;
}

.pc-root_wrapper_style_1 .pc-row-header>div {
  border-bottom: none !important;
}

.pc-root_wrapper_style_1 .pc-row-header .brand {
  color: var(--alternateColor)
}

/* style 2 */

.pc-root_wrapper_style_2 .pc_headline {
  text-align: center;
}

.pc-root_wrapper_style_2 .pc-row-header {
  background: var(--primaryColor);
  color: var(--alternateColor);
}

.pc-root_wrapper_style_2 .pc-table_wrapper {
  width: 80%;
  margin-inline: auto;
}

.pc-root_wrapper_style_2 .text-pros {
  position: relative;
  color: var(--primaryColor);
  font-weight: 700 !important;
}

.pc-root_wrapper_style_2 .text-pros:empty:before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: var(--primaryColor);
  -webkit-mask-image: var(--checkUrl);
  mask-image: var(--checkUrl);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: block;
  margin: auto;
}

.pc-root_wrapper_style_2 .text-cons {
  position: relative;
  color: var(--secondaryColor);
}

.pc-root_wrapper_style_2 .text-cons:empty::before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: var(--secondaryColor);
  -webkit-mask-image: var(--crossUrl);
  mask-image: var(--crossUrl);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: block;
  margin: auto;
}

/* Style 3 */

.pc-root_wrapper_style_3 .pc-row-header {
  background: linear-gradient(0deg, #F0F3F5 0%, rgba(247, 248, 250, 0) 57%);
  background: -webkit-linear-gradient(0deg, #F0F3F5 0%, rgba(247, 248, 250, 0) 57%);
  color: black;
}

.pc-root_wrapper_style_3 .pc_headline {
  text-align: center;
}

/* .pc-root_wrapper_style_3 div {
  border-bottom: none !important;
} */

.pc-root_wrapper_style_3 .tableStripe {
  background-color: var(--tableColoredStripe);
}

.pc-root_wrapper_style_3 .pc-table_wrapper .pc-row {
  padding: 0 18px;
}

.pc-root_wrapper_style_3 .text-pros {
  position: relative;
  color: var(--primaryColor);
  font-weight: 700 !important;
}

.pc-root_wrapper_style_3 .text-pros:empty:before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: var(--primaryColor);
  -webkit-mask-image: var(--checkUrl);
  mask-image: var(--checkUrl);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: block;
  margin: auto;
}

.pc-root_wrapper_style_3 .text-cons {
  position: relative;
  color: var(--secondaryColor);
}

.pc-root_wrapper_style_3 .text-cons:empty::before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: var(--secondaryColor);
  -webkit-mask-image: var(--crossUrl);
  mask-image: var(--crossUrl);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: block;
  margin: auto;
}


/* Style 4 */

.pc-root_wrapper_style_4 .pc-row-header .brand {
  color: var(--alternateColor);
}

.pc-root_wrapper_style_4 .pc-row-header .competitor {
  color: var(--black);
}

.pc-root_wrapper_style_4 .pc_headline {
  text-align: center;
}

.pc-root_wrapper_style_4 .pc-table_wrapper .pc-row {
  padding: 0 18px;
}

.pc-root_wrapper_style_4 .text-pros {
  position: relative;
  color: var(--white);
  font-weight: 700 !important;
}

.pc-root_wrapper_style_4 .brand.text-pros {
  position: relative;
  color: var(--alternateColor);
  font-weight: 700 !important;
}

.pc-root_wrapper_style_4 .competitor.text-pros {
  position: relative;
  color: var(--primaryColor);
  font-weight: 700 !important;
}

.pc-root_wrapper_style_4 .text-pros:empty:before {
  content: '';
  width: 25px;
  height: 25px;
  -webkit-mask-image: var(--checkUrl);
  mask-image: var(--checkUrl);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: block;
  margin: auto;
}

.pc-root_wrapper_style_4 .brand.text-pros:empty:before {
  background-color: var(--alternateColor);
}

.pc-root_wrapper_style_4 .competitor.text-pros:empty:before {
  background-color: var(--primaryColor);
}

.pc-root_wrapper_style_4 .text-cons {
  position: relative;
  color: var(--secondaryColor);
}

.pc-root_wrapper_style_4 .text-cons:empty::before {
  content: '';
  width: 25px;
  height: 25px;
  background-color: var(--secondaryColor);
  -webkit-mask-image: var(--crossUrl);
  mask-image: var(--crossUrl);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
  display: block;
  margin: auto;
}

.pc-root_wrapper_style_4 .pc-row>div:nth-child(2) {
  background-color: var(--primaryColor);
}

.pc-root_wrapper_style_4 .pc-row-header>div:nth-child(2) {
  border-radius: 8px 8px 0 0
}

.pc-root_wrapper_style_4 .pc-row-last>div:nth-child(2) {
  border-radius: 0 0 8px 8px
}

@media only screen and (min-width: 1200px) {
  .pc-root_wrapper_style_1,
  .pc-root_wrapper_style_2,
  .pc-root_wrapper_style_3,
  .pc-root_wrapper_style_4 {
      display: block;
  }

  .pc-root_wrapper_style_1 .pc_headline,
  .pc-root_wrapper_style_2 .pc_headline,
  .pc-root_wrapper_style_3 .pc_headline,
  .pc-root_wrapper_style_4 .pc_headline {
      margin-bottom: 55px;
  }

  .pc-root_wrapper_style_1 .pc-table_wrapper,
  .pc-root_wrapper_style_2 .pc-table_wrapper,
  .pc-root_wrapper_style_3 .pc-table_wrapper,
  .pc-root_wrapper_style_4 .pc-table_wrapper {
      width: 100%;
  }
}

@media only screen and (max-width: 1200px) {
  .pc-root_wrapper {
      align-items: flex-start;
  }

  .pc-root_wrapper_style_4 .pc-table_wrapper .pc-row {
      padding: 0;
  }

  .pc-root_wrapper_style_1,
  .pc-root_wrapper_style_2,
  .pc-root_wrapper_style_3,
  .pc-root_wrapper_style_4 {
      display: block;
  }

  .pc-root_wrapper_style_1 .pc_headline,
  .pc-root_wrapper_style_2 .pc_headline,
  .pc-root_wrapper_style_3 .pc_headline,
  .pc-root_wrapper_style_4 .pc_headline {
      margin-bottom: 55px !important;
      text-align: center;
      margin: auto;
      max-width: 100%;
  }

  .pc-root_wrapper_style_1 .pc-table_wrapper,
  .pc-root_wrapper_style_2 .pc-table_wrapper,
  .pc-root_wrapper_style_3 .pc-table_wrapper,
  .pc-root_wrapper_style_4 .pc-table_wrapper {
      width: 100%;
  }
}