.keynav{backdrop-filter:blur(8px);background-color:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;box-shadow:0 8px 32px 0 rgba(0,0,0,.15);box-sizing:border-box;color:#fff;margin-left:20px;max-width:400px;padding:40px;width:100%}.keynav__inner{position:relative}.keynav__header{border-bottom:1px solid hsla(0,0%,100%,.4);padding-bottom:20px}.keynav__heading{font-size:26px;font-weight:700;letter-spacing:.02em;line-height:1.15;margin:0}.keynav__heading,.keynav__subheading{color:#fff;font-family:agenda,Montserrat,sans-serif;text-transform:uppercase}.keynav__subheading{font-size:18px;font-weight:400;letter-spacing:.04em;margin:6px 0 0}.keynav__list{list-style:none;margin:0;padding:0}.keynav__item{border-bottom:1px solid hsla(0,0%,100%,.35)}.keynav__link{align-items:flex-start;color:#fff;display:flex;font-family:agenda,Montserrat,sans-serif;font-size:20px;gap:18px;line-height:1.4;padding:18px 0;text-decoration:none;transition:opacity .2s ease,background-color .2s ease}.keynav__arrow{flex:0 0 auto;line-height:1.4}.keynav__text{flex:1 1 auto}.keynav .keynav__arrow,.keynav .keynav__link,.keynav .keynav__link:active,.keynav .keynav__link:focus,.keynav .keynav__link:hover,.keynav .keynav__link:hover .keynav__arrow,.keynav .keynav__link:hover .keynav__text,.keynav .keynav__link:link,.keynav .keynav__link:visited,.keynav .keynav__text{color:#fff!important;text-decoration:none!important}.keynav .keynav__arrow svg,.keynav .keynav__arrow svg path{fill:#fff!important}@media (max-width:600px){.keynav{margin-left:auto;margin-right:auto}}