:host {
  display: block;
}
:host:not([disabled]) .cmf-core-controls-tile-content:hover {
  cursor: pointer;
}
.cmf-core-controls-tile-content {
  min-height: 112px;
  padding-top: 8px;
  position: relative;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 8px;
  min-width: 224px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-header {
  display: block;
  word-break: break-all;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-header .cmf-core-controls-tile-header-title {
  width: 100%;
  font-family: "open-sans-regular";
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-header .cmf-core-controls-tile-header-sub-title {
  width: 100%;
  font-family: "open-sans-light";
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-status {
  position: absolute;
  right: 0px;
  top: 0px;
  left: 0px;
  width: 4px;
  height: 100%;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-icon {
  font-size: 32px;
  position: absolute;
  bottom: 0px;
  left: 12px;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-badges {
  position: absolute;
  bottom: 12px;
  right: 8px;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-badges .cmf-core-controls-tile-badges-badge {
  height: 16px;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-badges .cmf-core-controls-tile-badges-badge .cmf-core-controls-tile-badges-badge-label {
  font-family: "open-sans-regular";
  font-size: 12px;
  line-height: 20px;
  float: left;
  height: 100%;
  text-align: right;
}
.cmf-core-controls-tile-content .cmf-core-controls-tile-badges .cmf-core-controls-tile-badges-badge .cmf-core-controls-tile-badges-badge-icon {
  font-size: 16px;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-vertical"] {
  min-width: 112px;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-vertical"] .cmf-core-controls-tile-badges-badge {
  margin-top: 4px;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-vertical"] .cmf-core-controls-tile-badges-badge .cmf-core-controls-tile-badges-badge-label {
  margin-right: 4px;
  width: 40px;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-vertical"] .cmf-core-controls-tile-badges-badge:nth-child(4) {
  position: absolute;
  left: -64px;
  bottom: 40px;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-vertical"] .cmf-core-controls-tile-badges-badge:nth-of-type(n+5) {
  display: none;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-horizontal"] .cmf-core-controls-tile-badges {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
          align-items: flex-end;
  height: 42px;
  min-width: 194px;
  margin-left: 48px;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-horizontal"] .cmf-core-controls-tile-badges .cmf-core-controls-tile-badges-badge {
  width: 48px;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-horizontal"] .cmf-core-controls-tile-badges .cmf-core-controls-tile-badges-badge .cmf-core-controls-tile-badges-badge-label {
  width: 28px;
  margin-right: 4px;
}
.cmf-core-controls-tile-content[orientation^="cmf-core-controls-tile-orientation-horizontal"] .cmf-core-controls-tile-badges .cmf-core-controls-tile-badges-badge:nth-of-type(n+9) {
  display: none;
}