/*
* Tabs theme
*
*/
/**
 * This file is only used to make themes independent
 * so that they can get imported individually, without the core styles
 *
 */
/*
 * Utilities
 */
.dnb-tabs__tabs::before {
  background-color: #d2f0e9;
  background-color: var(--color-mint-green-50);
  -webkit-box-shadow: 100vw 0 0 0 #d2f0e9;
          box-shadow: 100vw 0 0 0 #d2f0e9;
  -webkit-box-shadow: 100vw 0 0 0 var(--color-mint-green-50);
          box-shadow: 100vw 0 0 0 var(--color-mint-green-50); }

.dnb-tabs__tabs.dnb-section::before {
  z-index: 0; }

@media screen and (max-width: 40em) {
  .dnb-tabs__tabs:not(.dnb-section)::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: -50vw;
    top: 0;
    width: 100vw;
    height: 1px;
    background-color: #d2f0e9;
    background-color: var(--color-mint-green-50);
    -webkit-box-shadow: 100vw 0 0 0 #d2f0e9;
            box-shadow: 100vw 0 0 0 #d2f0e9;
    -webkit-box-shadow: 100vw 0 0 0 var(--color-mint-green-50);
            box-shadow: 100vw 0 0 0 var(--color-mint-green-50); } }

.dnb-tabs__tabs__tablist {
  margin: 0 -1rem;
  padding: 0 1rem; }
  .dnb-tabs__tabs__tablist:focus {
    border-radius: 0.5rem; }

.dnb-tabs__tabs .dnb-tablink-title {
  font-weight: normal;
  font-weight: var(--font-weight-book);
  font-size: 1rem;
  font-size: var(--font-size-default);
  text-align: center;
  color: #007272;
  color: var(--color-sea-green); }

@media screen and (max-width: 40em) {
  .dnb-tabs__tabs .dnb-tablink {
    text-align: left;
    padding: 0.5rem 1rem; } }

:not([dnb-is-touch]) .dnb-tabs__tabs .dnb-tablink:hover[disabled] {
  cursor: not-allowed; }

:not([dnb-is-touch]) .dnb-tabs__tabs .dnb-tablink:hover:not([disabled]) {
  background-color: #d2f0e9;
  background-color: var(--color-mint-green-50); }
  :not([dnb-is-touch]) .dnb-tabs__tabs .dnb-tablink:hover:not([disabled])::after {
    height: 3px;
    border-radius: 1.5px;
    background-color: #007272;
    background-color: var(--color-sea-green); }

.dnb-tabs__tabs .dnb-tablink[disabled] .dnb-tablink-title {
  color: #b3dada;
  color: var(--color-sea-green-alt-30); }

.dnb-tabs__tabs .dnb-tablink:not([disabled]):active .dnb-tablink-title, .dnb-tabs__tabs .dnb-tablink:not([disabled]).selected .dnb-tablink-title {
  color: #14555a;
  color: var(--color-emerald-green); }

.dnb-tabs__tabs .dnb-tablink:not([disabled]):active::after, .dnb-tabs__tabs .dnb-tablink:not([disabled]).selected::after {
  height: 3px;
  border-radius: 1.5px;
  background-color: #007272;
  background-color: var(--color-sea-green); }

.dnb-tabs__tabs .dnb-tablink:not([disabled]).selected .dnb-tablink-title {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-demi);
  font-weight: 500;
  font-weight: var(--font-weight-demi); }

.dnb-tabs__tabs .dnb-tablink span[hidden] {
  font-family: 'Fedra Sans Std', sans-serif;
  font-family: var(--font-family-demi);
  font-weight: 500;
  font-weight: var(--font-weight-demi); }
