.navbar-animation{opacity:1;animation:navbar-animation .25s cubic-bezier(.65,0,.31,.98) 0s 1 normal forwards running}.navbar-animation-show{opacity:0;animation:navbar-animation-show .5s cubic-bezier(.65,0,.31,.98) .3s 1 normal forwards running}@keyframes navbar-animation{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-.6rem)}}@keyframes navbar-animation-show{0%{opacity:0;transform:translateX(-2rem)}to{opacity:1;transform:translateX(0)}}.navbar-animation-show-right-to-left{opacity:0;animation:navbar-animation-show-right-to-left .2s cubic-bezier(.65,0,.31,.98) .3s 1 normal forwards running}@keyframes navbar-animation-show-right-to-left{0%{opacity:0;transform:translateX(2rem)}to{opacity:1;transform:translateX(0)}}.hamburger .line{width:24px;height:3px;background-color:#fff;display:block;border-radius:10px;transition:all .3s ease-in-out}.hamburger:hover{cursor:pointer}#hamburger-navbar.is-active .line:nth-child(2){opacity:0}#hamburger-navbar.is-active .line:first-child{transform:translateY(6px) rotate(45deg)}#hamburger-navbar.is-active .line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.bg-wrapper-navbar:after,.bg-wrapper-navbar:before{--skew:80vw;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;-webkit-clip-path:polygon(0 0,0 0,calc(var(--skew) * -1) 100%,calc(var(--skew) * -1) 100%);clip-path:polygon(0 0,0 0,calc(var(--skew) * -1) 100%,calc(var(--skew) * -1) 100%)}.bg-wrapper-navbar:before{background:#d46060}.bg-wrapper-navbar:after{background:#fff}.bg-wrapper-navbar.open:after,.bg-wrapper-navbar.open:before{animation:maskIn .35s cubic-bezier(.65,0,.31,.98) forwards}.bg-wrapper-navbar.open:before{animation-delay:0s}.bg-wrapper-navbar.open:after{animation-delay:.15s}.bg-wrapper-navbar.closed:after,.bg-wrapper-navbar.closed:before{-webkit-clip-path:polygon(0 0,calc(100% + var(--skew)) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% + var(--skew)) 0,100% 100%,0 100%);animation:maskOut .35s cubic-bezier(.65,0,.31,.98) forwards}.bg-wrapper-navbar.closed:before{animation-delay:.15s}.bg-wrapper-navbar.closed:after{animation-delay:0s}@keyframes maskIn{to{-webkit-clip-path:polygon(0 0,calc(100% + var(--skew)) 0,100% 100%,0 100%);clip-path:polygon(0 0,calc(100% + var(--skew)) 0,100% 100%,0 100%)}}@keyframes maskOut{to{-webkit-clip-path:polygon(0 0,0 0,calc(var(--skew) * -1) 100%,calc(var(--skew) * -1) 100%);clip-path:polygon(0 0,0 0,calc(var(--skew) * -1) 100%,calc(var(--skew) * -1) 100%)}}