[data-mk-sticky-glass]{bottom:24px}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference) and (min-width:768px){[data-mk-sticky-glass]{animation:linear both mk-sticky-glass;animation-timeline:scroll(root);animation-range:0 700px}}}@keyframes mk-sticky-glass{0%{bottom:24px}to{bottom:-56px}}[data-mk-dot]{background-color:color-mix(in oklch, currentColor 45%, transparent);border-radius:4px;width:8px;height:8px;transition:width .45s cubic-bezier(.32,.72,0,1),background-color .24s cubic-bezier(.4,0,.2,1);display:block;position:relative}button:hover>[data-mk-dot]:not([data-active]){background-color:color-mix(in oklch, currentColor 65%, transparent)}[data-mk-dot][data-active]{background-color:color-mix(in oklch, currentColor 18%, transparent);width:44px}[data-mk-dot-fill]{visibility:hidden;background-color:currentColor;border-radius:4px;position:absolute;inset:0}[data-mk-dot][data-active]>[data-mk-dot-fill]{visibility:visible;animation-name:mk-dot-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes mk-dot-fill{0%{clip-path:inset(0 calc(100% - 8px) 0 0 round 4px)}to{clip-path:inset(0 round 4px)}}@media (prefers-reduced-motion:reduce){[data-mk-dot]{transition:none}}