.ndburger{cursor:pointer;position:relative;height:var(--burger-height);width:var(--burger-width)}.ndburger b{display:block;position:absolute;width:100%;height:var(--burger-bar-height);top:calc(50% - (0.5 * var(--burger-bar-height)));left:0;-webkit-transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out;transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}.ndburger b:nth-child(1){-webkit-animation:nd-burger-1-deactivation 0.6s forwards;animation:nd-burger-1-deactivation 0.6s forwards}.ndburger b:nth-child(2){opacity:1}.ndburger b:nth-child(3){-webkit-animation:nd-burger-3-deactivation 0.6s forwards;animation:nd-burger-3-deactivation 0.6s forwards}.ndburger.burger_active b:nth-child(1){-webkit-animation:nd-burger-1-activation 0.6s forwards;animation:nd-burger-1-activation 0.6s forwards}.ndburger.burger_active b:nth-child(2){opacity:0}.ndburger.burger_active b:nth-child(3){-webkit-animation:nd-burger-3-activation 0.6s forwards;animation:nd-burger-3-activation 0.6s forwards}@-webkit-keyframes nd-burger-1-activation{0%{-webkit-transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * -0.5));transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * -0.5))}50%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}100%{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}}@keyframes nd-burger-1-activation{0%{-webkit-transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * -0.5));transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * -0.5))}50%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}100%{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}}@-webkit-keyframes nd-burger-1-deactivation{0%{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}50%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}100%{-webkit-transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * -0.5));transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * -0.5))}}@keyframes nd-burger-1-deactivation{0%{-webkit-transform:rotate(45deg) translateY(0);transform:rotate(45deg) translateY(0)}50%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}100%{-webkit-transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * -0.5));transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * -0.5))}}@-webkit-keyframes nd-burger-3-activation{0%{-webkit-transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * 0.5));transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * 0.5))}50%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}100%{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}}@keyframes nd-burger-3-activation{0%{-webkit-transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * 0.5));transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * 0.5))}50%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}100%{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}}@-webkit-keyframes nd-burger-3-deactivation{0%{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}50%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}100%{-webkit-transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * 0.5));transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * 0.5))}}@keyframes nd-burger-3-deactivation{0%{-webkit-transform:rotate(-45deg) translateY(0);transform:rotate(-45deg) translateY(0)}50%{-webkit-transform:rotate(0) translateY(0);transform:rotate(0) translateY(0)}100%{-webkit-transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * 0.5));transform:rotate(0) translateY(calc((var(--burger-height) - var(--burger-bar-height))  * 0.5))}}

