.zib-user-bind-code-card {
    overflow: hidden;
}

.zib-user-bind-code-box {
    padding: 18px;
    border: 1px solid var(--main-border-color);
}

.zib-user-bind-code-number {
    font-size: 34px;
    line-height: 1.15;
    font-weight: 800;
    letter-spacing: 0;
    color: var(--key-color);
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    word-break: break-all;
}

.zib-user-bind-code-number.is-empty {
    color: var(--muted-3-color);
}

.zib-user-bind-code-copy.hide {
    display: none;
}

.zib-user-bind-code-refresh.is-loading,
.zib-user-bind-code-card.is-refreshing .zib-user-bind-code-refresh {
    pointer-events: none;
    opacity: .72;
}

.zib-user-bind-code-box [data-bind-code-expire] {
    min-height: 1.4em;
}

.zib-user-bind-code-bindings {
    border-top: 1px solid var(--main-border-color);
    padding-top: 18px;
}

.zib-user-bind-code-binding {
    padding: 14px;
    border: 1px solid var(--main-border-color);
}

.zib-user-bind-code-binding + .zib-user-bind-code-binding {
    margin-top: 10px;
}

.zib-user-bind-code-unbind.is-loading {
    pointer-events: none;
    opacity: .72;
}

@media (max-width: 640px) {
    .zib-user-bind-code-number {
        font-size: 28px;
    }

    .zib-user-bind-code-box .but {
        width: 100%;
        text-align: center;
    }

    .zib-user-bind-code-binding .shrink0 {
        width: 100%;
        justify-content: space-between;
    }
}