:host {
  position: relative;
  box-sizing: border-box;
  font-feature-settings: "cv03", "cv04", "cv11";
}
:host *, :host *:before, :host *:after {
  box-sizing: inherit;
}

.empty {
  padding: var(--sl-spacing-medium) var(--sl-spacing-large);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: fit-content;
  align-items: center;
}
.empty__illustration {
  font-size: var(--sl-font-size-xxx-large);
  color: var(--sl-color-gray-400);
  line-height: var(--sl-line-height-dense);
}
.empty__text {
  color: var(--sl-color-gray-600);
  text-align: center;
  line-height: var(--sl-line-height-dense);
}
.empty__headline {
  font-weight: var(--sl-font-weight-semibold);
  font-size: var(--sl-font-size-medium);
  color: var(--sl-color-black);
}
.empty slot[name=actions] {
  margin-top: var(--sl-spacing-large);
  display: flex;
  gap: var(--sl-spacing-small);
}

.empty:not(.empty--has-actions) slot[name=actions] {
  display: none;
}