.mk-lens__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-24);max-width:48rem;margin-block-end:var(--spacing-48)}.mk-lens__head h2{overflow-wrap:break-word}.mk-lens__body{color:var(--color-text-secondary);text-wrap:pretty}.mk-lens__body p{margin:0 0 var(--spacing-16)}.mk-lens__body p:last-child{margin:0}mk-lens{position:relative;display:block}.mk-lens__pin{position:relative}.mk-lens__index{display:none}.mk-lens__list{display:grid;gap:var(--spacing-16);width:min(100% - 2 * var(--section-padding-inline, 20px),1100px);margin:0 auto;padding:0;list-style:none}.mk-lens__item{position:relative;min-width:0;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-surface-well)}.mk-lens__img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.mk-lens__caption{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-48) var(--spacing-24) var(--spacing-24);background:linear-gradient(to top,#0e140cb3,#0e140c00);color:var(--color-text-on-media)}.mk-lens__title{margin:0;font-family:var(--font-heading, inherit);font-size:var(--text-h5, 1.25rem);font-weight:var(--font-weight-medium);line-height:1.2}.mk-lens__text{margin:0;max-width:36rem;color:#ffffffdb;text-wrap:pretty}mk-lens.is-live{height:calc(var(--mk-lens-n, 4) * 140vh)}mk-lens.is-live .mk-lens__pin{position:sticky;top:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:100vh;padding-block-start:64px;overflow:hidden}mk-lens.is-live .mk-lens__list{display:flex;flex-direction:column;align-items:center;gap:1.2vh;width:auto}mk-lens.is-live .mk-lens__item{aspect-ratio:auto;flex:none;height:calc(90vh / var(--mk-lens-n, 4));width:min(34vh,46vw)}mk-lens.is-live .mk-lens__caption{opacity:0}mk-lens.is-live .mk-lens__index{position:absolute;top:calc(64px + var(--spacing-24));inset-inline-start:var(--section-padding-inline, 20px);z-index:2;display:block;margin:0;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.mk-lens__current{display:inline-block;color:var(--color-text)}@media screen and (max-width:767px){.mk-lens__caption{padding:var(--spacing-32) var(--spacing-16) var(--spacing-16)}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-lens-accordion.css.map */