.nav-toggle{height:var(--icon-size)}.nav-toggle .checkbox{display:none}.nav-toggle .hamburger-container{align-items:center;cursor:pointer;display:flex;height:var(--icon-size);padding:calc(var(--icon-size)/4);transition:color .3s ease}.nav-toggle .hamburger-container:hover{color:var(--primary-color)}.nav-toggle .hamburger-container .icon-container{height:var(--svg-size);position:relative;width:var(--svg-size)}.nav-toggle .hamburger-container .icon-container .icon-element-container{align-items:center;display:flex;justify-content:center;position:absolute;top:50%;transition:transform .2s ease-in-out .1s;width:var(--svg-size)}.nav-toggle .hamburger-container .icon-container .icon-element-container .icon-element{background:currentColor;transition:all .4s ease-in-out}.nav-toggle.closed .icon-open-hamburger .icon-element{background:currentColor;height:2px;width:100%}.nav-toggle.closed .icon-open-hamburger .icon-element-container.top{transform:translateY(calc(var(--svg-size)/3*-1))}.nav-toggle.closed .icon-open-hamburger .icon-element-container.middle{transform:translateY(0)}.nav-toggle.closed .icon-open-hamburger .icon-element-container.bottom{transform:translateY(calc(var(--svg-size)/-3*-1))}.nav-toggle.closed .icon-open-dots .icon-element{background:currentColor;border-radius:50%;height:4px;width:4px}.nav-toggle.closed .icon-open-dots .icon-element-container.top{transform:translateY(calc(var(--svg-size)/3*-1))}.nav-toggle.closed .icon-open-dots .icon-element-container.middle{transform:translateY(0)}.nav-toggle.closed .icon-open-dots .icon-element-container.bottom{transform:translateY(calc(var(--svg-size)/-3*-1))}.nav-toggle.open .icon-element{background:currentColor;height:2px;width:100%}.nav-toggle.open .icon-close-x .icon-element-container.top{transform:rotate(45deg) scaleX(1.2)}.nav-toggle.open .icon-close-x .icon-element-container.middle{opacity:0}.nav-toggle.open .icon-close-x .icon-element-container.bottom{transform:rotate(-45deg) scaleX(1.2)}.nav-toggle.open .icon-close-arrow-left .icon-element-container.top{transform:rotate(28deg) scaleX(1) translateY(6px)}.nav-toggle.open .icon-close-arrow-left .icon-element-container.middle{opacity:0;width:0}.nav-toggle.open .icon-close-arrow-left .icon-element-container.bottom{transform:rotate(-28deg) scaleX(1) translateY(-6px)}