.icon--hamburger{width:30px}.line{background-color:#fff;width:100%;height:3px;margin:6px auto;transition:all .3s ease-in-out;display:block}.line.line--short{width:65%;margin-left:0}[data-is-open] .line:first-child,[data-tab-open] .line:first-child{transform:translateY(9px)rotate(45deg)}[data-is-open] .line:nth-child(2),[data-tab-open] .line:nth-child(2){opacity:0}[data-is-open] .line:nth-child(3),[data-tab-open] .line:nth-child(3){transform:translateY(-9px)rotate(-45deg)}