.mk-close-ribbon{--card:clamp(118px, 7vw + 64px, 168px);--gap:clamp(14px, 1.2vw + 8px, 24px);margin-block:-24px -56px;padding-block:24px 56px;display:flex;overflow-x:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 min(12%,160px) calc(100% - min(12%,160px)),#0000);mask-image:linear-gradient(90deg,#0000,#000 min(12%,160px) calc(100% - min(12%,160px)),#0000)}.mk-close-track{gap:var(--gap);flex:none;padding-inline-end:var(--gap);animation-name:mk-close-drift;animation-duration:90s;animation-timing-function:linear;animation-iteration-count:infinite;display:flex}@keyframes mk-close-drift{to{transform:translate(-25%)}}@media (hover:hover) and (pointer:fine){.mk-close-ribbon:hover .mk-close-track{animation-play-state:paused}}.mk-close-card{width:var(--card);aspect-ratio:780/1688;border-radius:calc(var(--card) * .075 * var(--sqk));background:var(--c-inset);box-shadow:0 1px 2px rgb(0 0 0/calc(.05 * var(--sh-a))), 0 12px 28px -12px rgb(0 0 0/calc(.16 * var(--sh-a))), 0 32px 64px -32px rgb(0 0 0/calc(.2 * var(--sh-a)));flex:none;position:relative;overflow:clip}.mk-close-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mk-close-card:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--c-image-outline);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.mk-close-ribbon{justify-content:center}.mk-close-track{animation:none}}.mk-close-ribbon[data-reveal=pending]{--rv-x:96px;--rv-y:0px;--rv-s:1;--rv-b:6px}@media (prefers-reduced-motion:no-preference){.mk-close-ribbon[data-reveal=in]{transition-duration:.9s,1.4s,.9s}}.mk-close-form{width:100%;max-width:560px}