/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.comparison-table-outer-wrapper {
  position: relative; }

.comparison-table-wrapper {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden; }

.shadow-overlay {
  position: absolute;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.01) 100%);
  width: 12px;
  z-index: 10;
  opacity: 0; }
  .shadow-overlay.show-shadow {
    opacity: 1; }
  @media (max-width: 768.98px) {
    .shadow-overlay {
      display: none; } }

.product-comparison-table {
  margin: 1.5rem auto;
  width: 100%; }
  .product-comparison-table td, .product-comparison-table th {
    min-width: 15.625rem; }
    @media (max-width: 768.98px) {
      .product-comparison-table td, .product-comparison-table th {
        min-width: 10rem; } }
    .product-comparison-table td .cell-content-wrapper, .product-comparison-table th .cell-content-wrapper {
      padding: 1rem 1.5rem; }
      @media (max-width: 768.98px) {
        .product-comparison-table td .cell-content-wrapper, .product-comparison-table th .cell-content-wrapper {
          padding: 1rem 0.25rem 0.9375rem 0.25rem; } }
  .product-comparison-table td {
    text-align: center; }
    @media (max-width: 768.98px) {
      .product-comparison-table td {
        text-align: left; } }
    .product-comparison-table td.product-name-cell .cell-content-wrapper {
      padding-top: 0; }
    .product-comparison-table td.product-name-cell a,
    .product-comparison-table td.product-name-cell a:link,
    .product-comparison-table td.product-name-cell a:visited,
    .product-comparison-table td.product-name-cell a:hover {
      color: var(--color-black);
      text-decoration: none;
      cursor: pointer; }
    .product-comparison-table td.product-name-cell a:hover {
      text-decoration: underline; }
  .product-comparison-table th.header-side {
    text-align: left;
    background: white; }
    @media (min-width: 769px) {
      .product-comparison-table th.header-side {
        position: sticky;
        z-index: 5;
        left: 0; } }
    @media (max-width: 768.98px) {
      .product-comparison-table th.header-side {
        min-width: 7.5rem; } }
    .product-comparison-table th.header-side.header-hidden .header-content {
      display: none; }
    .product-comparison-table th.header-side .cell-content-wrapper {
      margin-left: 0;
      padding-left: 0; }
      @media (max-width: 768.98px) {
        .product-comparison-table th.header-side .cell-content-wrapper {
          max-width: 7.5rem;
          min-width: 7.5rem; } }
  .product-comparison-table tr.product-cta-row th.hidden-header-side .cell-content-wrapper,
  .product-comparison-table td.product-cta-cell .cell-content-wrapper {
    padding: 0 0.25rem 2rem; }
  .product-comparison-table tr.attribute-row,
  .product-comparison-table tr.product-reviews-row,
  .product-comparison-table tr.product-price-row {
    border-bottom: 1px solid #ccc; }
  .product-comparison-table tr.comparison-top-row {
    border-top: 1px solid #ccc; }
  .product-comparison-table .comparison-product-name,
  .product-comparison-table th {
    font-family: "SuisseIntl-SemiBold", sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem; }
    @media (max-width: 768.98px) {
      .product-comparison-table .comparison-product-name,
      .product-comparison-table th {
        font-size: 1rem;
        line-height: 1.25rem; } }
  .product-comparison-table tr.row-hidden {
    visibility: collapse;
    opacity: 0;
    transition: opacity 0.5s ease; }
    .product-comparison-table tr.row-hidden th, .product-comparison-table tr.row-hidden td {
      height: 0; }
  .product-comparison-table tr.row-visible,
  .product-comparison-table tr.row-hidden.initial-row {
    visibility: visible;
    opacity: 1; }
  .product-comparison-table .price {
    font-size: 1.125rem;
    line-height: 1.5rem; }
    @media (max-width: 768.98px) {
      .product-comparison-table .price {
        font-size: 1rem;
        line-height: 1.25rem; } }

.show-more-button-wrapper {
  padding-top: 2rem;
  width: 100%;
  text-align: center; }
  .show-more-button-wrapper button {
    display: inline-block; }

.product-comparison-table .btn.small,
.show-more-button-wrapper .btn.small {
  padding: 0.8125rem 2.25rem;
  min-width: 8.625rem; }
  @media (max-width: 768.98px) {
    .product-comparison-table .btn.small,
    .show-more-button-wrapper .btn.small {
      padding: 0.625rem 1rem; } }

.cell-content-wrapper {
  max-width: 15.625rem;
  min-width: 15.625rem;
  margin: 0 auto; }
  @media (max-width: 768.98px) {
    .cell-content-wrapper {
      max-width: 10rem;
      min-width: 10rem; } }

/*# sourceMappingURL=comparisonTable.css.map*/