.t3-preview-accordion,
.t3-preview-buttons,
.t3-preview-card-group,
.t3-preview-icon-group {
  color: var(--typo3-component-color, inherit);
}

.t3-preview-accordion a,
.t3-preview-buttons a,
.t3-preview-card-group a,
.t3-preview-icon-group a {
  color: inherit;
}

.t3-site-preview-item {
  background: var(--typo3-component-bg);
  border: 1px solid var(--typo3-component-border-color);
  color: var(--typo3-component-color, inherit);
}

.t3-site-preview-item--accent {
  border-left: 3px solid var(--typo3-color-primary);
}

.t3-site-preview-icon {
  color: var(--typo3-component-color, currentColor);
  display: inline-flex;
  flex: 0 0 auto;
  height: var(--t3-site-preview-icon-size, 16px);
  line-height: var(--t3-site-preview-icon-size, 16px);
  margin-right: 4px;
  position: relative;
  vertical-align: middle;
  width: var(--t3-site-preview-icon-size, 16px);
}

.t3-site-preview-icon .icon-markup,
.t3-site-preview-icon .icon-overlay {
  bottom: auto;
  left: auto;
  position: static;
  right: auto;
  text-align: center;
  top: auto;
}

.t3-site-preview-icon .icon-markup,
.t3-site-preview-icon .icon-markup svg,
.t3-site-preview-icon .icon-markup img {
  display: block;
  height: 100%;
  width: 100%;
}

.t3-site-preview-icon--large {
  --t3-site-preview-icon-size: 24px;
}

.t3-site-preview-muted {
  color: var(--typo3-component-color-secondary);
}

.t3-site-preview-link {
  color: var(--typo3-color-primary);
}