.fnkh-annotated-block {
    position: relative;
    padding-right: 44px;
}

.fnkh-trigger {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font: 700 18px/1 Arial, sans-serif !important;
    background: #ac2a32 !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgb(172 42 50 / 22%) !important;
    cursor: pointer;
}

.fnkh-trigger:hover,
.fnkh-trigger:focus-visible {
    color: #fff !important;
    background: #ce4348 !important;
    outline: 3px solid rgb(172 42 50 / 25%) !important;
    outline-offset: 2px;
}

.fnkh-popup {
    position: fixed;
    z-index: 100000;
    max-height: calc(100vh - 24px);
    padding: 24px 44px 24px 24px;
    overflow: auto;
    color: #1a1c1c;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 8px;
    box-shadow: 0 16px 48px rgb(0 0 0 / 20%);
}

.fnkh-popup[hidden] {
    display: none;
}

.fnkh-popup:focus {
    outline: 3px solid rgb(172 42 50 / 25%);
    outline-offset: 2px;
}

.fnkh-popup-content {
    font-size: 16px;
    line-height: 1.6;
}

.fnkh-close {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #333 !important;
    font: 400 26px/1 Arial, sans-serif !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 50% !important;
    cursor: pointer;
}

.fnkh-close:hover,
.fnkh-close:focus-visible {
    color: #ac2a32 !important;
    background: #f2f2f2 !important;
    outline: 2px solid #ac2a32 !important;
}

@media (max-width: 600px) {
    .fnkh-annotated-block {
        padding-right: 40px;
    }
}

