a-tabset {
	/* --bg1-color: snow; */
  /* --bg2-color: gainsboro; */
  /* --bg3-color: white; */
  --bg5-color: hsl(30, 66.667%, 85%);
  /* --text-color: rgb(40,40,40); */
  /* --border-color: silver; */
  /* --accent-color: orange; */
  /* --pad: .5rem; */
  /* --transition: .25s; */
  /* --height: 100%; */

  /* justify has no effect if .a-tabset-tab has flex:1 */
  --justify: start;

  & > .a-tabset-tab {
    background: var(--bg5-color);
    border: 1px solid var(--border-color);
    border-bottom-width: 0;
    padding: var(--pad);
  }

  & .a-tabset-tab.active {
    background-color: var(--bg3-color);
  }

  & .a-tabset-tab.tabset-column {
    flex: 0;
  }

  & .a-tabset-tab.tabset-row:first-of-type {
    border-radius: var(--pad) 0 0 0;
  }

  & .a-tabset-tab.tabset-row:last-of-type {
    border-radius: 0 var(--pad) 0 0;
  }

  & .a-tabset-tab.tabset-row-reverse:first-of-type {
    border-radius: 0 var(--pad) 0 0;
  }

  & .a-tabset-tab.tabset-row-reverse:last-of-type {
    border-radius: var(--pad) 0 0 0;
  }

  & .a-tabset-tab.tabset-column:first-of-type {
    border-radius: var(--pad) 0 0 0;
  }

  & .a-tabset-tab.tabset-column:last-of-type {
    border-radius: 0 0 0 var(--pad);
  }

  & .a-tabset-tab.tabset-column-reverse:first-of-type {
    border-radius: 0 var(--pad) 0 0;
  }

  & .a-tabset-tab.tabset-column-reverse:last-of-type {
    border-radius: 0 0 var(--pad) 0;
  }

  & .a-tabset-tab.tabset-column {
    border-right-width: 0;
    border-bottom-width: 1px;
  }

  & .a-tabset-tab.tabset-column-reverse {
    border-left-width: 0;
    border-bottom-width: 1px;
  }

  & .a-tabset-tab.tabset-column.active,
  & .a-tabset-tab.tabset-column-reverse.active {}

  & .a-tabset-content {
    background-color: var(--bg3-color);
    border: 1px solid var(--border-color);
    border-radius: 0 0 var(--pad) var(--pad);
    padding: var(--pad);
  }

  & .a-tabset-content.active {}
}

@media (prefers-color-scheme: dark) {
  a-tabset {
    /* --bg1-color: rgb(35,35,35); */
    /* --bg2-color: rgb(40,40,40); */
    /* --bg3-color: rgb(60,60,60); */
    --bg5-color: rgb(40,40,40);
    /* --border-color: dimgray; */
    /* --accent-color: orange; */
    /* --text-color: rgb(240,240,240); */
  }
}

a-tabset::part(main) {}
a-tabset::part(tabs){}
a-tabset::part(content) {}