.browser-tab{clip-path:shape(from 0 calc(var(--offset-y) + var(--offset)),hline to calc(var(--tab-x) - var(--roundness) + var(--offset)),curve to calc(var(--tab-x) + var(--offset))calc(var(--offset-y) - var(--roundness) + var(--offset))with calc(var(--tab-x) + var(--offset))calc(var(--offset-y) + var(--offset)),vline to calc(var(--roundness) + var(--offset)),curve to calc(var(--tab-x) + var(--roundness) + var(--offset))var(--offset)with calc(var(--tab-x) + var(--offset))var(--offset),hline to calc(var(--tab-x) + var(--tab-width) - var(--roundness) - var(--offset)),curve to calc(var(--tab-x) + var(--tab-width) - var(--offset))calc(var(--roundness) + var(--offset))with calc(var(--tab-x) + var(--tab-width) - var(--offset))var(--offset),vline to calc(var(--offset-y) - var(--roundness) + var(--offset)),curve to calc(var(--tab-x) + var(--tab-width) + var(--roundness) - var(--offset))calc(var(--offset-y) + var(--offset))with calc(var(--tab-x) + var(--tab-width) - var(--offset))calc(var(--offset-y) + var(--offset)),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}.browser-shadow{filter:drop-shadow(0 0 12px #00000013)}.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}
