.shortcode_navigation-menu{--hamburger-line-gap:6px;--hamburger-line-thickness:var(--hamburger-line-gap);display:block;position:relative;width:40px}.shortcode_navigation-menu__inner{border-radius:var(--border-radius-xs);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:var(--top-z-index)}.shortcode_navigation-menu__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;height:40px;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:40px}.shortcode_navigation-menu__button span{background-color:var(--color-primary);border-radius:var(--border-radius-xs);box-shadow:0 2px 10px 0 rgba(0,0,0,.3);display:block;height:var(--hamburger-line-thickness);position:relative;transition:all .3s;width:100%}.shortcode_navigation-menu__button span+span{margin-top:var(--hamburger-line-gap)}.shortcode_navigation-menu__button.active span:first-child{animation:top .7s ease forwards}.shortcode_navigation-menu__button.not-active span:first-child{animation:top-2 .7s ease forwards}.shortcode_navigation-menu__button.active span:nth-child(2){animation:scaled .7s ease forwards}.shortcode_navigation-menu__button.not-active span:nth-child(2){animation:scaled-2 .7s ease forwards}.shortcode_navigation-menu__button.active span:nth-child(3){animation:bottom .7s ease forwards}.shortcode_navigation-menu__button.not-active span:nth-child(3){animation:bottom-2 .7s ease forwards}@keyframes top{0%{top:0;transform:rotate(0)}50%{top:calc(var(--hamburger-line-gap)*2);transform:rotate(0)}to{top:calc(var(--hamburger-line-gap)*2);transform:rotate(45deg)}}@keyframes top-2{0%{top:calc(var(--hamburger-line-gap)*2);transform:rotate(45deg)}50%{top:calc(var(--hamburger-line-gap)*2);transform:rotate(0deg)}to{top:0;transform:rotate(0deg)}}@keyframes bottom{0%{bottom:0;transform:rotate(0)}50%{bottom:calc(var(--hamburger-line-gap)*2);transform:rotate(0)}to{bottom:calc(var(--hamburger-line-gap)*2);transform:rotate(135deg)}}@keyframes bottom-2{0%{bottom:calc(var(--hamburger-line-gap)*2);transform:rotate(135deg)}50%{bottom:calc(var(--hamburger-line-gap)*2);transform:rotate(0)}to{bottom:0;transform:rotate(0)}}@keyframes scaled{50%{transform:scale(0)}to{transform:scale(0)}}@keyframes scaled-2{0%{transform:scale(0)}50%{transform:scale(0)}to{transform:scale(1)}}@media (min-width:1200px){.shortcode_navigation-menu{display:none}}