@use "./numbers";
@use "./colours";
@use "./assets";

.dsa41.sheet {

  nav.sheet-tabs.tabs {

    position: relative;
    display: flow;
    border-top: unset;
    border-bottom: unset;
    margin-bottom: 9px;

    a.item[data-tab] {

      background-color: colours.$tab-inactive-background-color;

      &.active {
        border-left: numbers.$tab-border-width solid colours.$tab-border-color;
        border-top: numbers.$tab-border-width solid colours.$tab-border-color;
        border-right: numbers.$tab-border-width solid colours.$tab-border-color;
        border-bottom: 0;
        top: numbers.$tab-border-width*2;
        background: assets.$tab-background;
        position: relative;
        z-index: 2;

      }

    }

  }

  section.sheet-body {

    border: numbers.$tab-border-width solid colours.$tab-border-color;
    background: assets.$tab-pane-background;

    div.tab {

      overflow: auto;

    }

  }

}
