.mk-loop{border-radius:var(--radius-lg);background:var(--color-surface-sunken);position:relative;overflow:hidden}.mk-loop img,.mk-loop video{block-size:auto;inline-size:100%;display:block}.mk-loop--phone{border-radius:var(--radius-xl);max-inline-size:22rem;margin-inline:auto}.mk-loop__toggle{inline-size:var(--space-10);block-size:var(--space-10);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-neutral-900) 55%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);color:var(--color-neutral-0);cursor:pointer;transition:background-color var(--mk-dur-hover) var(--mk-ease);border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-end:var(--space-3);inset-inline-end:var(--space-3)}.mk-loop__toggle svg{inline-size:var(--space-4);block-size:var(--space-4)}.mk-loop__toggle:hover{background:color-mix(in srgb, var(--color-neutral-900) 75%, transparent)}.mk-loop__toggle:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (hover:hover){.mk-loop__toggle{opacity:0;transition:opacity var(--mk-dur-hover) var(--mk-ease), background-color var(--mk-dur-hover) var(--mk-ease)}.mk-loop:hover .mk-loop__toggle,.mk-offers__card:hover .mk-loop__toggle,.mk-loop__toggle:focus-visible{opacity:1}}
.mk-film__head{justify-items:center;gap:var(--space-5);max-inline-size:46rem;text-align:center;margin-block-end:clamp(var(--space-10), 5vw, var(--space-16));margin-inline:auto;display:grid}.mk-film__head .mk-ls__h,.mk-film__head .mk-ls__intro{margin:0}.mk-film{gap:var(--space-5);display:grid}.mk-film .mk-loop{border-radius:var(--mk-radius-media)}.mk-film__chapters{gap:var(--space-3);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.mk-film__ch{gap:var(--space-2);color:var(--color-text-subtle);font-size:var(--text-sm);transition:color var(--mk-dur-hover) var(--mk-ease);display:grid}.mk-film__ch:before{content:"";border-radius:var(--radius-full);background:linear-gradient(var(--color-accent), var(--color-accent)) no-repeat 0 0 / calc(var(--mk-film-fill,0) * 100%) 100%, var(--color-border);block-size:2px;transition:background-size .26s linear}.mk-film__ch--on{color:var(--color-text)}@media (max-width:40rem){.mk-film__chapters{row-gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}}@media (prefers-reduced-motion:reduce){.mk-film__ch,.mk-film__ch:before{transition:none}}