#wrapper .ed__top .pb-hkbtn {
    flex: none;
    width: 34px;
    padding: 0;
}

#wrapper .ed__top .pb-hkbtn .pb-ic {
    width: 20px;
    height: 20px;
}

html.pb-phone #wrapper .pb-hkbtn,
html.pb-view #wrapper .pb-hkbtn {
    display: none;
}

.pb-dlg.pb-dlg--hk {
    width: min(620px, 100%);
    padding: 24px 26px 20px;
}

.pb-dlg--hk h2 {
    margin-right: 40px;
}

.pb-dlg--hk > p {
    margin-bottom: 12px;
}

.pb-dlg--hk .pb-hk__g {
    margin: 0 0 10px;
}

.pb-dlg--hk .pb-hk__g h3 {
    margin: 0 0 6px;
    color: var(--pbui-ink, #0d1b22);
    font: 800 13px/1.3 var(--p55h-font, 'Manrope', system-ui, sans-serif);
    letter-spacing: .02em;
    text-transform: uppercase;
}

.pb-dlg--hk .pb-hk__r {
    display: grid;
    grid-template-columns: minmax(190px, 40%) 1fr;
    align-items: center;
    gap: 6px 16px;
    padding: 5px 0;
    border-top: 1px solid var(--pbui-line, #e6e2d9);
}

.pb-dlg--hk .pb-hk__c {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.pb-dlg--hk .pb-hk__k {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.pb-dlg--hk kbd {
    display: inline-block;
    min-width: 26px;
    padding: 3px 8px;
    border: 1px solid var(--pbui-line, #e6e2d9);
    border-bottom-width: 2px;
    border-radius: 7px;
    background: var(--pbui-soft, #f6f4ef);
    color: var(--pbui-ink, #0d1b22);
    font: 700 12.5px/1.2 var(--p55h-font, 'Manrope', system-ui, sans-serif);
    text-align: center;
    white-space: nowrap;
}

.pb-dlg--hk .pb-hk__p,
.pb-dlg--hk .pb-hk__o {
    color: var(--pbui-muted, #33454d);
    font: 600 12.5px/1 var(--p55h-font, 'Manrope', system-ui, sans-serif);
}

.pb-dlg--hk .pb-hk__d {
    color: var(--pbui-ink, #0d1b22);
    font: 500 14px/1.4 var(--p55h-font, 'Manrope', system-ui, sans-serif);
}

.pb-dlg--hk .pb-btns {
    margin-top: 12px;
}

@media (max-width: 640px) {
    .pb-dlg--hk .pb-hk__r {
        grid-template-columns: 1fr;
    }
}