.focus.product-convertion-sizetable {
   .focus-content {
      width: auto;
   }
}

.size-convertion-table-wrapper {
   .table-wrapper {
      position: relative;
   }

   .table {
      overflow: auto hidden;
   }

   table {
      width: 100%;
   }

   @media screen and (max-width: $xl - 1) {
      .table-wrapper {
         &::after {
            width: 40px;
            right: 0;
            content: '';
            background: linear-gradient(to left, rgba(#fff, 1), rgba(#fff, 0));
            position: absolute;
            top: 0;
            bottom: 0;
         }
      }

      .table {
         padding-right: 40px;
      }
   }

   @media screen and (max-width: $md - 1) {
      td,th {
         padding: .75rem;
      }
   }
}
