img[data-kuzikus-dia] { cursor: pointer; }
.kuzikus-dia {
    box-sizing: border-box;
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 16px 56px;
    border: 0;
    background: transparent;
    color: #fff;
    overflow: hidden;
}
.kuzikus-dia:not([open]) { display: none; }
.kuzikus-dia[open] { display: flex; align-items: center; justify-content: center; }
.kuzikus-dia::backdrop { background: rgba(0, 0, 0, .85); }
.kuzikus-dia .kuzikus-dia__stage { display: contents; }
.kuzikus-dia .kuzikus-dia__image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    object-fit: contain;
    background: #fff;
}
.kuzikus-dia .kuzikus-dia__status {
    max-width: 36em;
    margin: 0;
    padding: 24px;
    color: #fff;
    font: inherit;
    text-align: center;
}
.kuzikus-dia .kuzikus-dia__button {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: rgba(0, 0, 0, .25);
    color: #fff;
    cursor: pointer;
    z-index: 1;
}
.kuzikus-dia .kuzikus-dia__button:hover { background: rgba(0, 0, 0, .6); }
.kuzikus-dia .kuzikus-dia__button:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.kuzikus-dia .kuzikus-dia__button svg { width: 44px; height: 44px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.kuzikus-dia .kuzikus-dia__close { top: 4px; right: 4px; }
.kuzikus-dia .kuzikus-dia__previous { left: 0; top: calc(50% - 26px); }
.kuzikus-dia .kuzikus-dia__next { right: 0; top: calc(50% - 26px); }
.kuzikus-dia [hidden] { display: none; }
@media (max-width: 940px) { .kuzikus-dia { padding: 56px 44px; } }
@media (max-width: 512px) {
    .kuzikus-dia { padding: 56px 8px; }
    .kuzikus-dia .kuzikus-dia__image { max-height: calc(100vh - 112px); max-height: calc(100dvh - 112px); }
    .kuzikus-dia .kuzikus-dia__button { width: 44px; height: 44px; }
}