a.extension-tile-link, a.extension-tile-link:visited, a.extension-tile-link:hover, a.extension-tile-link:active {
  color: inherit;
  text-decoration: none;
}

a.extension-tile-link:focus {
  outline: none;
}

a.extension-tile-link:focus .extension-tile {
  border: 1px dotted #8A8A8A;
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}

.extension-tile-container {
  width: 14%;
  float: left;
  margin-top: 16px;
  margin-right: 30px;
  margin-bottom: 10px;
}

.extension-tile-container .extension-tile-item {
  list-style-type: none;
}

.extension-tile-container .extension-tile-link .extension-tile {
  height: 250px;
  width: 182px;
  background-color: #fff;
  font-size: 12px;
  border-radius: 0px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  cursor: pointer;
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}

.extension-tile-container .extension-tile-link .extension-tile:hover {
  -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}

.extension-tile-container .extension-tile-link .extension-tile .text-fadeout {
  height: 100%;
  width: 30px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
  position: absolute;
  right: 0px;
  top: 0;
  display: block;
}

.extension-tile-container .extension-tile-link .extension-tile .icon-cell {
  text-align: center;
  padding: 16px 0;
  height: 108px;
}

.extension-tile-container .extension-tile-link .extension-tile .icon-cell .item-icon {
  background-position: center;
  background-size: 72px 72px;
  width: 72px;
  height: 72px;
  display: inline-block;
}

.extension-tile-container .extension-tile-link .extension-tile .icon-cell .item-default-icon {
  background-position: center;
  background-size: 72px 72px;
  width: 72px;
  height: 72px;
  display: inline-block;
}

.extension-tile-container .extension-tile-link .extension-tile .icon-cell > img {
  max-width: 85%;
  max-height: 72px;
  position: relative;
  visibility: hidden;
}

.extension-tile-container .extension-tile-link .extension-tile .icon-cell > div.bowtie-icon {
  position: relative;
  top: 33px;
  color: #dadada;
  font-size: 72px;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell {
  height: 60px;
  padding: 0 10px;
  position: relative;
  text-align: center;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .name {
  font-size: 16px;
  font-family: wf_segoe-ui, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Helvetica Neue", "Lucida Grande", sans-serif;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-second-row {
  text-align: left;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-second-row .installs {
  float: right;
  margin-left: 5px;
  color: #767676;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-second-row .installs .install-icon {
  height: 10px;
  width: 12px;
  display: inline-block;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-second-row .publisher {
  max-width: 105px;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  color: #767676;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-second-row .paddinggap {
  margin-right: 5px;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-third-row {
  text-align: left;
  color: #3E7598;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-third-row .publisher-domain {
  max-width: 140px;
  margin-top: 0px;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
  position: relative;
  text-align: left;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-third-row .publisher-domain .text-fadeout {
  left: 110px;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-third-row .verified-domain-icon {
  display: inline;
  margin-left: 5px;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-third-row .certified-badge-image-domain {
  font-family: AzureDevOpsMDL2Assets;
  font-style: normal;
}

.extension-tile-container .extension-tile-link .extension-tile .core-info-cell .core-info-third-row .paddinggap {
  margin-right: 5px;
}

.extension-tile-container .extension-tile-link .extension-tile .details {
  padding: 0 10px;
  margin-top: 2px;
  margin-bottom: 0px;
}

.extension-tile-container .extension-tile-link .extension-tile .details .description {
  text-align: left;
  height: 4em;
  overflow: hidden;
  color: #767676;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer {
  position: relative;
  height: 20px;
  white-space: nowrap;
  text-align: right;
  padding: 0 10px;
  margin-top: 5px;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .pricing-tag {
  color: #327E36;
  height: 18px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  margin: auto;
  position: relative;
  text-align: right;
  display: inline-block;
  padding-top: 3px;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container {
  display: inline-flex;
  float: left;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star {
  line-height: 100%;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star button.ms-Rating-button {
  border: 0 !important;
  height: 100%;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star button.ms-Rating-button:hover, .extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star button.ms-Rating-button:focus {
  border: 0;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star button.ms-Rating-button .ms-RatingStar-front {
  color: #C0442E;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star button.ms-Rating-button .ms-RatingStar-back {
  color: #D2D2D2;
}

@media screen and (-ms-high-contrast: active) {
  .extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star button.ms-Rating-button .ms-RatingStar-front {
    color: #C0442E;
  }
  .extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star button.ms-Rating-button .ms-RatingStar-back {
    color: #D2D2D2;
  }
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .ms-Rating-star .ms-Rating-button {
  padding: 0px;
  font-size: 14px;
}

.extension-tile-container .extension-tile-link .extension-tile .stats-and-offer .rating-container .extension-rating-count {
  margin-left: 8px;
  line-height: 100%;
  margin-top: 4px;
}

.extension-tile-container .extension-tile-link .certified-badge-image {
  font-size: 18px;
  float: right;
  margin-top: 5px;
  margin-left: -27px;
  margin-right: 5px;
}