[role="tablist"] {
  border-bottom: 1px solid lightgray;
  list-style: none;
  margin: 0;
  padding: 0;  
}
[role="tablist"] .d{
  	color: #222;
}

[role="tablist"] * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

 
[role="tab"] { 
	background:rgba(255,255,255,0.8);
  display: block; width: 100%; height: auto;  
  text-decoration: none;
    border-top-color: transparent;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    display: inline-block;
}
 
[role="tab"][aria-selected="true"] {
  background-color: #47bbc0;   
}

[role="tab"][aria-selected="true"]::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #47bbc0;
}
[role="tab"][aria-selected="true"]  .d{
  	color: #fff;
}

[role="tab"][aria-selected="true"]   img{
	filter: brightness(0) invert(1) grayscale(1);
} 
[role="tab"]:hover:not([aria-selected="true"]) {
  background:rgba(255,255,255,0.5);
}
 
 
[hidden] {
  display: none;
}