.fk-auth-tabs{
    margin-top:1.15rem;
}
.fk-auth-tab-list{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:.25rem;
    padding:.25rem;
    border:1px solid color-mix(in srgb,CanvasText 16%,transparent);
    border-radius:.9rem;
    background:color-mix(in srgb,Canvas 94%,CanvasText 6%);
}
.fk-auth-tab{
    min-height:2.7rem;
    padding:.65rem .8rem;
    border:1px solid transparent;
    border-radius:.7rem;
    background:transparent;
    color:color-mix(in srgb,CanvasText 72%,transparent);
    font:inherit;
    font-weight:700;
    cursor:pointer;
}
.fk-auth-tab:hover{
    color:CanvasText;
    background:color-mix(in srgb,Canvas 90%,CanvasText 10%);
}
.fk-auth-tab[aria-selected="true"]{
    color:CanvasText;
    background:Canvas;
    border-color:color-mix(in srgb,CanvasText 14%,transparent);
    box-shadow:0 .15rem .55rem color-mix(in srgb,CanvasText 10%,transparent);
}
.fk-auth-tab:focus-visible{
    outline:2px solid CanvasText;
    outline-offset:2px;
}
.fk-auth-panel{
    padding-top:1rem;
}
.fk-auth-panel[hidden]{
    display:none!important;
}
.fk-auth-panel .fk-auth-foot:first-child{
    margin-top:0;
}
@media (max-width:560px){
    .fk-auth-tabs{
        margin-top:1rem;
    }
    .fk-auth-tab{
        min-height:2.6rem;
        padding:.6rem .55rem;
        font-size:.94rem;
    }
    .fk-auth-panel{
        padding-top:.85rem;
    }
}

.fk-auth-otp-note{
    margin:0;
    font-size:.875rem;
    line-height:1.45;
    color:color-mix(in srgb, CanvasText 70%, transparent);
}
.fk-auth-otp-note a{
    color:CanvasText;
    font-weight:700;
    text-underline-offset:2px;
}
.fk-auth-panel .fk-btn:disabled{
    cursor:not-allowed;
    opacity:.62;
    filter:saturate(.7);
}