.tbars{--tb-unit:8px;--tb-h:1.5;--tb-ratio:4.8951;--tb-w:calc(var(--tb-h) / var(--tb-ratio));position:relative;display:inline-block;width:calc(var(--tb-unit) * 3.4);height:calc(var(--tb-unit) * 4.4);vertical-align:middle;color:var(--text);isolation:isolate}.tbars__bar{position:absolute;left:50%;top:50%;width:calc(var(--tb-unit) * var(--tb-w));height:calc(var(--tb-unit) * var(--tb-h));margin-left:calc(var(--tb-unit) * var(--tb-w) / -2);margin-top:calc(var(--tb-unit) * var(--tb-h) / -2);border-radius:0;background:currentColor;will-change:transform,opacity}.tbars__bar:first-child{transform:translate3d(calc(var(--tb-unit) * -1),0,0)}.tbars__bar:nth-child(3){transform:translate3d(var(--tb-unit),0,0)}