:host([active]:not([active=false])) {
  display: block;
}

:host {
  display: none;
  outline: none;
}

:host(:focus-visible) {
  box-shadow: 0 0 0 6px var(--r-border-focused-outlined, #fff);
  outline: 2px solid var(--r-border-focused, #0071e3);
  outline-offset: 2px;
}

.r-tab-panel {
  font-family: var(--r-tab-panel--font-family, var(--r-font-family-text, system-ui));
  font-size: var(--r-tab-panel--font-size, var(--r-font-size-text-400, 1rem));
}