mk-anno{display:grid}.mk-anno{grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:var(--spacing-32) var(--grid-gutter)}.mk-anno__figure{position:relative;grid-column:1 / span 7;min-width:0}.mk-anno__media{aspect-ratio:4 / 3}.mk-anno__mark{position:absolute;display:grid;place-items:center;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;background:var(--color-bg);color:var(--color-text);font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--duration-hover-quick) var(--easing-hover-quick),color var(--duration-hover-quick) var(--easing-hover-quick),opacity var(--duration-hover-quick) var(--easing-hover-quick)}.mk-anno__mark:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.mk-anno__mark.is-active,.mk-anno__mark:hover{background:var(--color-accent);color:var(--color-tea-ink, #0e140c)}.mk-anno__list{grid-column:9 / -1;display:flex;flex-direction:column;gap:var(--spacing-32);min-width:0}.mk-anno__head{display:flex;flex-direction:column;gap:var(--spacing-12)}.mk-anno__rows{margin:0;padding:0;list-style:none;box-shadow:var(--rule-bottom)}.mk-anno__row{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--spacing-16);padding-block:var(--spacing-16);box-shadow:var(--rule-top);transition:opacity var(--duration-hover-quick) var(--easing-hover-quick)}.mk-anno__key{padding-top:.35em;color:var(--color-text-muted);transition:color var(--duration-hover-quick) var(--easing-hover-quick)}.mk-anno__row.is-active .mk-anno__key{color:var(--color-text)}.mk-anno.is-pointing .mk-anno__mark:not(.is-active),.mk-anno.is-pointing .mk-anno__row:not(.is-active){opacity:.64}.mk-anno__copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-4);min-width:0}.mk-anno__name{margin:0;font-size:var(--text-body);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-label)}.mk-anno__caption{margin:0;color:var(--color-text-secondary);text-wrap:pretty}.mk-anno__link{margin-top:var(--spacing-4);font-size:var(--text-body-sm)}@media screen and (max-width:991px){.mk-anno__figure{grid-column:1 / span 6}.mk-anno__list{grid-column:7 / -1}}@media screen and (max-width:767px){.mk-anno__figure,.mk-anno__list{grid-column:1 / -1}}@media screen and (max-width:479px){.mk-anno__mark{width:28px;height:28px;margin:-14px 0 0 -14px}}
/*# sourceMappingURL=/cdn/shop/t/217/assets/mk-anno.css.map */