.lines{--size:15;--transition-duration:300ms;height:350px;display:flex;align-items:end}.line{position:relative;width:calc(2px * var(--size));height:calc(15px * var(--size));transition:height var(--transition-duration),opacity var(--transition-duration);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.line:after{content:"";position:absolute;inset:1px;background-color:hsla(0,0%,92%,.728);border-radius:1rem}.line:hover{height:calc(20px * var(--size))}.line:has(+.line:hover),.line:hover+.line{height:calc(17px * var(--size))!important}.line:has(+.line+.line:hover),.line:hover+.line+.line{height:calc(15px * var(--size))!important}.lines:hover .line:not(:hover){opacity:.6;height:calc(14px * var(--size))}.lines:hover .line:has(+.line:hover),.lines:hover .line:hover+.line{opacity:.8}