.c-burger[data-v-f02ff5a3]{--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));align-items:center;color:var(--color);cursor:pointer;display:flex;height:var(--size);justify-content:center;margin-right:-2vw;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--size)}.c-burger.is-opened .c-burger__line[data-v-f02ff5a3]{width:100%}.c-burger.is-opened .c-burger__line[data-v-f02ff5a3]:first-child{transform:translateY(var(--offset)) rotate(var(--cross-deg))}.c-burger.is-opened .c-burger__line[data-v-f02ff5a3]:nth-child(2){width:0}.c-burger.is-opened .c-burger__line[data-v-f02ff5a3]:nth-child(3){transform:translateY(calc(var(--offset)*-1)) rotate(calc(var(--cross-deg)*-1))}.c-burger__wrap[data-v-f02ff5a3]{display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.c-burger__line[data-v-f02ff5a3]{background-color:var(--color);border-radius:99px;height:var(--border-width);transform-origin:center center;transition:width .5s,transform .5s;width:72%}.c-burger__line[data-v-f02ff5a3]:not(:first-child){margin-top:var(--gap)}.c-burger__line[data-v-f02ff5a3]:nth-child(3){width:55%}.c-burger:not(.is-opened):hover .c-burger__line[data-v-f02ff5a3]{width:80%}