/* Tabs */
.vtabs__grid { display:grid; grid-template-columns:200px 1fr; margin:2em 0; }
.vtabs__nav { display:flex; flex-direction:column; gap:.1rem;}
.vtabs__tab { display:block; padding:1rem; border:0; background-color:rgba(200,200,200,.2); cursor:pointer;}
.vtabs__tab.is-active { background-color:rgba(255,255,255,.3); position:relative; }
.vtabs__panels { padding:2rem; border-radius:25px; background-color:rgba(255,255,255,.3); backdrop-filter:blur(5px); }
.vtabs__panel.is-hidden { display:none; }
@media (max-width:768px){
  .vtabs__grid { grid-template-columns:1fr; }
  .vtabs__nav { flex-direction:row; overflow-x:auto; }
  .vtabs__tab { white-space:nowrap; }
}

@media (min-width:769px){
  .vtabs__nav { padding:4em 0; }
  .vtabs__tab.is-active:before {
  content:''; position:absolute; background:radial-gradient(circle at 50px 50px, rgba(0,0,0,0) 0, rgba(0,0,0,0) 50px, rgba(255,255,255,.4) 50px);
  top:100%; right:0; width:50px; height:50px; transform:rotate(90deg);
}
.vtabs__tab.is-active:after {
  content:''; position:absolute; background:radial-gradient(circle at 50px 50px, rgba(0,0,0,0) 0, rgba(0,0,0,0) 50px, rgba(255,255,255,.4) 50px);
  bottom:100%; right:0; width:50px; height:50px; transform:rotate(180deg);
}
.vtabs__tab {text-align:left; border-radius:30px 0 0 30px; }
}