.mk-nav{z-index:50;border-bottom:1px solid #0000;padding:22px 0;transition:padding .4s cubic-bezier(.22,1,.36,1),background-color .4s,border-color .4s;position:fixed;top:0;left:0;right:0}.mk-nav[data-scrolled=true]{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background-color:#ffffffd1;border-bottom-color:#0f172a0f;padding:12px 0}@supports (animation-timeline:scroll()){.mk-nav{transition:none;animation:linear both mk-nav-compact;animation-timeline:scroll(root);animation-range:0 80px}}@keyframes mk-nav-compact{0%{background-color:#fff0;border-bottom-color:#0f172a00;padding:22px 0}to{background-color:#ffffffd1;border-bottom-color:#0f172a0f;padding:12px 0}}@supports (animation-timeline:scroll()){.mk-nav:before{content:"";z-index:-1;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);opacity:0;animation:step-end both mk-nav-frost;animation-timeline:scroll(root);animation-range:0 24px;position:absolute;inset:0}}@keyframes mk-nav-frost{to{opacity:1}}@media (prefers-reduced-motion:reduce){.mk-nav{transition:none}}@media (max-width:768px){.mk-nav:before{display:none}.mk-nav[data-scrolled=true]{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#fff}@supports (animation-timeline:scroll()){.mk-nav{animation-name:mk-nav-compact-m}}}@keyframes mk-nav-compact-m{0%{background-color:#fff0;border-bottom-color:#0f172a00;padding:22px 0}to{background-color:#fff;border-bottom-color:#0f172a0f;padding:12px 0}}