.brands {
  color: var(--text-dark);
  background: #fff;
}
body .brands .section-wrap {
  min-width: 0;
  max-width: 960px;
  padding: 40px 0;
}

.brands h4 {
  font-size: var(--text-size-m);
  font-weight: var(--text-weight-bold);
  line-height: 29px;
  letter-spacing: 1px;
}

.featured .container {
  position: relative;
  --commission-height: 0px;
  height: calc(129px + var(--commission-height));
  margin: 14px 0 20px 0;
}
.signed-in .featured .container {
  --commission-height: 35px;
}
.featured .previous, .featured .next {
  display: block;
  position: absolute;
  top: 50%;
  width: 45px;
  height: 45px;
}
.featured .viewport {
  width: calc(100% + 6px);
  height: calc(129px + var(--commission-height));
  margin-left: -6px;
  padding-left: 6px;
  overflow: hidden;
}
.featured .scroller {
  overflow: auto;
  height: calc(145px + var(--commission-height));
  margin-left: -6px;
  padding-left: 6px;
  padding-top: 6px;
}
.featured .items {
  display: flex;
  gap: 10px;
  width: fit-content;
  margin: 0;
  padding: 0 6px 0 0;
  list-style-type: none;
}
.featured .item {
  display: block;
  position: relative;
  width: 132px;
  height: calc(90px + var(--commission-height));
  padding: 15px 8px 8px 8px;
  border: 1px solid #ededdd80;
  box-shadow: 0 2px 10px 0 #00000012;
  border-radius: 8px;
  overflow: hidden;
}
.featured .item a {
  display: block;
  overflow: hidden;
}
.featured .label {
  position: absolute;
  z-index: 1;
  left: -20px;
  top: -9px;
  padding: 10px 20px 0 20px;
  font-size: 12px;
  font-weight: var(--text-weight-default);
  line-height: 20px;
  color: var(--white);
  background: var(--label);
  transform: rotate(-34.83deg);
}
.featured .logo {
  display: block;
  position: relative;
  width: 96px;
  height: 48px;
  margin: 0 auto;
  overflow: hidden;
  object-fit: contain;
}
.featured .logo.error:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMAAAABgBAMAAAC57mDaAAAAHlBMVEX////t7d3v7+H6+vX29u74+PH8/Pnw8OP09Onx8eVfS++mAAABRklEQVRo3u2YsU7DMBRFI4Vmv1VRzGhBdytiYXMEHwAdmLshxizs3VhZ+F5SM9wMrVPJz1JcvbM60tGx48GvUhRFURSlEB4HnKd9rlK5sYix9qmCAXHuUgMwR2JCh9ZFlusB92mCHl/R9Q9sUo/ARddrtGkCYPYDFVyJoDmYfVbBJ/CbVXAATFYBRsoWHLeo7EM+/qZlX7QTNO+ZBf06r2AFuKyCHpkKGLCVFzw9TAOcuKCx8NMAcUEHmEmAnIABgGeAnIABFoYB0oLawowOzwBhwQ54bUYJA4QEDNiEbfIMEBIwIBy0YYCUgAEh4YUBQgIGhAQwQE5QIwSEBAYICt5CwH8CA+QEK/Ah0zFASsCAkPC9lxdY3FYTcghcXsFuW/wDRAXJggWPEi4ehix2nJNrIEV+LhypLXcoODvWVBRFURSlCP4A2cxA6mFdEHIAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: contain;
}
.featured .name {
  display: block;
  height: 26px;
  margin: 5px 0 6px 0;
  padding: 8px 0 0 0;
  font-size: var(--text-size-xxs);
  font-family: Roboto;
  line-height: 26px;
  font-weight: var(--text-weight-default);
  color: #333224;
  letter-spacing: 0;
  text-align: center;
  border-top: 1px solid #ededed;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.featured .commission {
  display: none;
  flex-direction: column;
  justify-content: center;
  min-width: 102px;
  height: 30px;
  font-size: 12px;
  line-height: 1.1667;
  font-weight: var(--text-weight-head);
  text-align: center;
  padding: 0 10px;
  color: #AF3434;
  background: #af34340a;
  border-radius: 15px;
  box-sizing: border-box;
}
.signed-in .featured .commission {
  display: flex;
}
.featured .commission em {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  font-style: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.all {
  margin: 60px 0 72px 0;
}
.all:first-child {
  margin-top: 20px;
}
.all .search {
  z-index: 1;
  display: flex;
  margin: 20px 0;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.all .search p {
  width: 280px;
  height: 30px;
  position: relative;
  border: 1px solid var(--paragraph-fill-thin);
}
.all .new-brand {
  display: block;
  margin-top: 12px;
  margin-left: 20px;
}
.all .new-brand, .all .new-brand > a{
  font-size: 14px;
  letter-spacing: 0.4px;
  color: var(--text-gray);
}
.all .new-brand > a{
  text-decoration: underline;
}
.all .search .new-brand {
  margin: 0 0 0 20px;
}
.all .search p:after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
  right: 32px;
  top: 7px;
  width: 1px;
  height: 16px;
  background: var(--paragraph-fill-thin);
}
.all .search input, .all .search button {
  appearance: none;
  border: 0 none;
  border-image: none;
  box-shadow: none;
  border-radius: 0;
  background: var(--white);
}
.all .search input {
  display: block;
  width: 100%;
  height: 30px;
  padding: 0 42px 0 12px;
  font-size: var(--text-size-xxs);
  letter-spacing: 1px;
}
.all .search input::-webkit-search-cancel-button {
  display: none;
}
.all .search input:focus {
  outline: none;
}
.all .search input::placeholder {
  color: var(--paragraph-fill-opacity);
}
.all .search .clear {
  top: 9px;
  width: 5px;
  right: 40px;
  height: 5px;
  padding: 4px;
  cursor: pointer;
  position: absolute;
  border-radius: 50%;
  background: #ccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8AgMAAABHkjHhAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAB7aXNUSgAAAAv0lEQVQoz6WTsRXCMAxEQ4GHIMvABmzCKqmYgD1YJh0TpEGJT366936bFLJl619sSZ7Of8+aXbu5fMq/3Q/TtvJfy2Hmf19V5Hfti7EMv8Umfx3+LD/tVDstuoBwkTl4Q2HGNRbuOHOaGFegsZwZH5HGU8B4hiZkgcQt8BBugbdwC/yEWyCEWyCEWyBxCxiHj3jo8X88D8/L+/C+zAfzxXwy36wH68V6st7sB/YL+4n9xn5kv7Kf2e98D3wvp78dLO7Gj3iVT1UAAAAASUVORK5CYII=) no-repeat 50% 50%;
  background-size: 6px;
}
.all .search .clear:hover {
  background-color: var(--text-gray);
}
.all .search .hide {
  display: none;
}
.all .search button {
  display: block;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 30px;
  height: 28px;
  color: #979797;
  cursor: pointer;
}
.all .search button:before {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  width: 9px;
  height: 9px;
  border: 1px solid currentColor;
  border-radius: 50%;
}
.all .search button:after {
  content: "";
  display: block;
  position: absolute;
  top: 19px;
  left: 17px;
  width: 5px;
  height: 1px;
  background: currentColor;
  transform: rotate(45deg);
}
.all .search.loading {
  opacity: .6;
}
.all .search.loading button {
  cursor: wait;
  background: url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=) no-repeat 50% 50%;
  background-size: 16px 16px;
}
.all .search.loading button:before, .all .search.loading button:after {
  content: none;
}
.all .search .suggestion-list {
  top: 37px;
  margin: 0;
  left: -1px;
  padding: 0;
  right: -1px;
  overflow-y: auto;
  max-height: 306px;
  position: absolute;
  background: #fff;
  border: 1px solid var(--paragraph-fill-thin);
}
.all .search .suggestion-list > li {
  height: 36px;
  cursor: pointer;
  padding: 0 10px;
  overflow: hidden;
  list-style: none;
  line-height: 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.all .search .suggestion-list > li.hover {
  background-color: #ededde;
}
.all .categories {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  padding: 5px 0 20px 0;
}
.all .categories a {
  display: block;
  min-width: 47px;
  height: 30px;
  margin-top: -5px;
  padding: 0 10px;
  font-size: var(--text-size-xxs);
  line-height: 30px;
  text-align: center;
  letter-spacing: 0.47px;
  color: var(--text-dark);
  border: 1px solid var(--primary-light);
  background: var(--primary-light);
  box-sizing: border-box;
  border-radius: 4px;
  white-space: nowrap;
}
.all .categories a:hover {
  background: var(--text-dark);
  color:#fff;
}
.all .categories a.current {
  background: var(--text-dark);
  color:#fff;
}
.all table {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0 none;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--text-dark-deep);
}
.all tr, .all td, .all th, .all caption {
  margin: 0;
  padding: 0;
}
.all table caption {
  width: 100%;
}
.all th.name {
  width: 40%;
}
.all th, .all td {
  padding: 14px 20px;
  vertical-align: top;
}
.all .name a, .all .name a:visited {
  color: var(--text-dark);
  text-decoration: none;
}
.all .name a:hover {
  text-decoration: underline;
  text-decoration-skip-ink: 2px;
}
.all .commission {
  display: none;
}
.signed-in .all .commission {
  display: table-cell;
}
.all td {
  padding-top: 20px;
  padding-bottom: 20px;
}
.all thead, .all tbody {
  border: 1px solid #F8F9F9;
}
.all thead {
  font-size: var(--text-size-s);
  line-height: 1.25;
  font-weight: var(--text-weight-bold);
  letter-spacing: 1px;
  text-align: left;
  background: var(--primary-light);
}
.all tbody {
  position: relative;
  min-height: 40px;
  font-size: var(--text-size-xxs);
  line-height: 1.143;
  letter-spacing: 1px;
}
.all tbody:empty:after {
  content: "No Data";
  display: block;
  position: absolute;
  width: 100%;
  margin: 40px auto;
  font-size: var(--text-size-ms);
  color: var(--text-gray);
  text-align: center;
}
.all tbody tr:nth-child(2n+2) {
  background: #F8F9F9;
}
.all .commissions {
  display: inline-block;
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  font-size: 12px;
  line-height: 14px;
  background: var(--paragraph-fill-opacity);
  border-radius: 50%;
  vertical-align: top;
  text-align: center;
  cursor: pointer;
}
.all .tooltips {
  margin-top: 3px;
  vertical-align: top;
}
.all .commission:has(.commissions) .est-commission {
  cursor: pointer;
}
.all .commissions:before {
  content: "";
  display: inline-block;
  position: relative;
  top: 6px;
  width: 2px;
  height: 2px;
  color: var(--white);
  background: currentColor;
  border-radius: 50%;
  box-shadow: 3px 0 0 currentColor, -3px 0 0 currentColor;
}
.all .commissions table {
  display: none;
}

.all .name {
  overflow-wrap: anywhere;
}
.all .gray {
  font-style: normal;
  color: var(--text-gray);
}
.all tfoot td {
  padding: 25px 0;
  height: 30px;
}
.all tfoot .pagination {
  float: right;
}
#commission-popup {
  background: rgba(0,0,0,.5);
}
#commission-popup .popup {
  width: 600px;
  padding: 30px 30px 35px 30px;
  box-shadow: 0 2px 10px 0 #00000012;
}
#commission-popup .close {
  top: 35px;
  right: 24px;
}
#commission-popup .popup-title {
  font-size: var(--text-size-m);
  line-height: 1.45;
  font-weight: var(--text-weight-bold);
}
#commission-popup .popup-content {
  max-height: calc(100vh - 260px);
  margin-top: 29px;
  overflow: auto;
}
#commission-popup table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--text-dark);
}
#commission-popup tr {
  min-height: 54px;
}
#commission-popup tr:nth-child(2n+1) {
  background: #f8f9f9;
}
#commission-popup th, #commission-popup td {
  text-align: left;
  vertical-align: top;
}
#commission-popup th {
  padding: 17px 15px;
  font-size: var(--text-size-s);
  line-height: 1.25;
  background: #efeeec;
}
#commission-popup .rate {
  width: 34%;
}
#commission-popup td {
  padding: 19px 15px;
  font-size: var(--text-size-xxs);
  line-height: 1.143;
}


@media screen and (max-width: 600px) {
  .featured {
    position: relative;
    height: 227px;
  }
  .featured .viewport {
    width: 100%;
  }
  .featured .container {
    position: absolute;
    left: 0;
    width: 100vw;
    margin-left: calc(var(--column-margin) * -1);
  }
  .featured .items {
    padding: 0 var(--column-margin);
  }
  .all {
    margin-top: 20px;
  }
  .all .new-brand {
    margin-left: 12px;
  }
  .all .search {
    display: block;
  }
  .all .search .new-brand {
    margin-left: 0;
    margin-top: 20px;
  }
  .all th, .all td {
    padding: 14px 10px;
  }
  #commission-popup .popup {
    max-width: calc(100vw - 50px);
    padding: 20px;
  }
  #commission-popup .close {
    top: 16px;
    right: 16px;
  }
  #commission-popup .popup-content {
    margin-top: 15px;
  }
  #commission-popup th, #commission-popup td {
    padding: 10px;
  }
}
@media screen and (max-width: 320px) {
  body {
    overflow-x: hidden;
  }
  body > section {
    --column-margin: 15px;
    --section-width: 290px;
  }
  .featured .container {
    overflow: hidden;
  }
}