:root{--mk-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .09 0 0 0 0 .16 0 0 0 0 .17 0 0 0 .11 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mk-grain{background-image:var(--mk-grain)}html:has(.mk-root){background-color:var(--brand-paper)}html:has(.mk-root) body{background-color:var(--brand-paper)}html:has(.mk-root){background-image:var(--mk-grain)}@keyframes mk-pop{0%{opacity:0;transform:scale(.55)rotate(-6deg)}65%{opacity:1;transform:scale(1.06)rotate(1deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes mk-float{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translateY(-8px)rotate(1.2deg)}}@keyframes mk-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes mk-twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes mk-wave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes mk-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes mk-ring{0%{opacity:.7;transform:scale(.6)}to{opacity:0;transform:scale(1.9)}}.mk-pop{animation:.7s cubic-bezier(.16,1,.3,1) both mk-pop}.mk-float{animation:mk-float var(--mk-float-duration,6s)ease-in-out infinite;animation-delay:var(--mk-float-delay,0s)}.mk-nudge{animation:1.6s ease-in-out infinite mk-nudge}.mk-twinkle{animation:mk-twinkle var(--mk-twinkle-duration,3s)ease-in-out infinite;animation-delay:var(--mk-twinkle-delay,0s)}.mk-wave{transform-origin:50%;animation:1.1s ease-in-out infinite mk-wave;animation-delay:var(--mk-wave-delay,0s)}.mk-dot{animation:1.2s ease-in-out infinite mk-dot;animation-delay:var(--mk-dot-delay,0s)}@media (prefers-reduced-motion:reduce){.mk-pop,.mk-float,.mk-nudge,.mk-twinkle,.mk-wave,.mk-dot{animation:none}}.mk-slot{container:mk-slot/size}.mk-slot-time,.mk-slot-tag{display:none}@container mk-slot (min-height:32px){.mk-slot-time{display:block}}@container mk-slot (min-height:54px){.mk-slot-tag{display:inline-flex}}[data-idle-paused] .mk-float,[data-idle-paused] .mk-wave,[data-idle-paused] .mk-twinkle{animation-play-state:paused}