.browser-tab{clip-path:shape(from 0 var(--offset-y),hline to calc(var(--tab-x) - var(--roundness) - var(--offset)),curve to calc(var(--tab-x) - var(--offset))calc(var(--offset-y) - var(--roundness))with calc(var(--tab-x) - var(--offset))var(--offset-y),vline to var(--roundness),curve to calc(var(--tab-x) + var(--roundness) - var(--offset))0 with calc(var(--tab-x) - var(--offset))0,hline to calc(var(--tab-x) + var(--tab-width) - var(--roundness) + var(--offset)),curve to calc(var(--tab-x) + var(--tab-width) + var(--offset))var(--roundness)with calc(var(--tab-x) + var(--tab-width) + var(--offset))0,vline to calc(var(--offset-y) - var(--roundness) + var(--offset)),curve to calc(var(--tab-x) + var(--tab-width) + var(--roundness) + var(--offset))var(--offset-y)with calc(var(--tab-x) + var(--tab-width))var(--offset-y),hline to 100%,vline to 100%,hline to 0,close);--tab-x:calc(var(--tab-index,0)*var(--tab-width) + var(--offset-x) + (1 + var(--tab-index,0))*var(--tab-gap));transition:clip-path .3s;position:relative}.window-shadow{--offset-x:96px;--offset-y:40px;--tab-width:100px;--roundness:12px;--tab-index:1;--tab-gap:4px;--offset:0px;box-shadow:0 24px 24px 4px #00000003,0 24px 24px -12px #0000000a,0 12px 12px -6px #0000000a,0 3px 3px -1.5px #0000000f,0 0 1px -.5px #0000000f,0 0 0 1px #0000000f}