/** Common class **/
.disabled {
    opacity: 0.55 !important;
    pointer-events: none !important;
    -webkit-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

.readonly {
    pointer-events: none !important;
}

/** custom class **/
.pin-codes-input {
    --ebk-pin-code-input-height: 56px;
    --ebk-pin-code-input-gap: 20px;
    --ebk-pin-code-transition-duration: 0ms;
}

.pin-code-input input {
    font-size: 1.25rem;
}

.auth-logo {
    position: absolute;
    z-index: 1;
    inset-block-start: 2rem;
    inset-inline-start: 2.3rem;
}

.auth-logo img {
    width: 2em;
    height: 2em;
}

.auth-wrapper {
    min-block-size: calc(var(--vh, 1vh) * 100);
}

.auth-card {
    background-color: rgb(var(--v-theme-surface));
}

/** Common class for replacing the default style of vuetify **/
.v-table {
    th {
        background: rgb(var(--v-table-header-background)) !important;
    }
}