.c-burger[data-v-e0e6df0e]{--size:calc(var(--html-spacing)*40);--gap:var(--spacing-1);--border-width:1px;--color:var(--color-black);--cross-deg:45deg;--offset:calc(var(--gap) + var(--border-width));display:flex;justify-content:center;align-items:center;width:var(--size);height:var(--size);color:var(--color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}.c-burger.is-opened .c-burger__line[data-v-e0e6df0e]{width:100%}.c-burger.is-opened .c-burger__line[data-v-e0e6df0e]:first-child{transform:translateY(var(--offset)) rotate(var(--cross-deg))}.c-burger.is-opened .c-burger__line[data-v-e0e6df0e]:nth-child(2){width:0}.c-burger.is-opened .c-burger__line[data-v-e0e6df0e]:nth-child(3){transform:translateY(calc(var(--offset)*-1)) rotate(calc(var(--cross-deg)*-1))}.c-burger__wrap[data-v-e0e6df0e]{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:100%;height:100%}.c-burger__line[data-v-e0e6df0e]{transform-origin:center center;width:90%;height:var(--border-width);background-color:var(--color);transition:width .5s,transform .5s}.c-burger__line[data-v-e0e6df0e]:not(:first-child){margin-top:var(--gap)}.c-burger:not(.is-opened):hover .c-burger__line[data-v-e0e6df0e]{width:100%}.c-burger:not(.is-opened):hover .c-burger__line[data-v-e0e6df0e]:nth-child(2){width:80%}