.mk-state{text-align:center;min-width:0;padding:0 var(--mk-gutter);color:var(--kadr-color-text);flex-direction:column;align-items:center;display:flex}.mk-state__pic{aspect-ratio:4/3;border-radius:var(--mk-r-hero);background:var(--kadr-color-surface);width:min(100%,240px);box-shadow:0 0 0 1px var(--mk-line) inset;position:relative;overflow:hidden}.mk-state__pic>img{object-fit:cover;width:100%;height:100%;display:block}.mk-state__mark{background:var(--kadr-color-accent);width:36px;height:36px;color:var(--kadr-color-on-accent);font:800 17px / 1 var(--kadr-font-sans);border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}.mk-state__mark--danger{background:var(--kadr-color-danger-surface);color:var(--kadr-color-danger)}.mk-state__title{font:var(--mk-t-screen);letter-spacing:-.02em;overflow-wrap:anywhere;margin:24px 0 0}.mk-state__title:focus{outline:none}.mk-state__text{font:var(--mk-t-body);color:var(--kadr-color-text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 0;display:-webkit-box;overflow:hidden}.mk-state__meta{font:var(--mk-t-meta);color:var(--kadr-color-text-secondary);overflow-wrap:anywhere;margin:12px 0 0}.mk-state__extra{text-align:left;align-self:stretch;margin-top:16px}.mk-state__secondary{border-radius:var(--mk-r-control);min-height:44px;box-shadow:0 0 0 1px var(--mk-line) inset;color:var(--kadr-color-text);font:var(--mk-t-card);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-self:center;margin-top:16px;padding:0 20px}.mk-state__secondary:active{transform:scale(.97)}.mk-state__secondary:focus-visible{outline:2px solid var(--kadr-color-focus);outline-offset:2px}.mk-skel{gap:var(--mk-gap-in);flex-direction:column;min-width:0;padding-top:8px;display:flex}.mk-skel__title{width:55%;height:34px;margin:0 var(--mk-gutter)}.mk-skel__row{--mk-skel-w:var(--mk-card-l);gap:var(--mk-gap-row);padding:0 var(--mk-gutter);display:flex;overflow:hidden}.mk-skel__row--s{--mk-skel-w:var(--mk-card-s)}.mk-skel__card{width:var(--mk-skel-w);flex:none}.mk-skel__pic{aspect-ratio:3/4;border-radius:var(--mk-r-card);width:100%}.mk-skel__cap{width:70%;height:15px;margin-top:10px}.mk-state__secondary{transition:transform var(--mk-press) var(--mk-ease)}@media (prefers-reduced-motion:reduce){.mk-state__secondary{transition:none}.mk-state__secondary:active{transform:none}}