.certificates__image[data-certificate-viewer] {
    cursor: zoom-in;
}

.certificates-viewer-lock {
    overflow: hidden;
}

.certificates-viewer {
    align-items: center;
    background: rgba(0, 0, 0, 0.88);
    bottom: 0;
    display: none;
    justify-content: center;
    left: 0;
    padding: 24px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000;
}

.certificates-viewer_active {
    display: flex;
}

.certificates-viewer__image {
    display: block;
    max-height: 92vh;
    max-width: 92vw;
    object-fit: contain;
}

.certificates-viewer__close {
    background: rgba(255, 255, 255, 0.16);
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    height: 44px;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 44px;
}

.certificates-viewer__close::before,
.certificates-viewer__close::after {
    background: #fff;
    content: "";
    height: 2px;
    left: 12px;
    position: absolute;
    top: 21px;
    width: 20px;
}

.certificates-viewer__close::before {
    transform: rotate(45deg);
}

.certificates-viewer__close::after {
    transform: rotate(-45deg);
}