/* 6688 Laravel v0.5.1 - login brand refinement */
.auth-stage-v051{
    width:min(410px,100%);
    display:flex;
    flex-direction:column;
    align-items:stretch;
}

.auth-brand-stack{
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    margin:0 0 26px;
}

.auth-logo-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    margin:0 0 11px;
}

.auth-logo-media{
    width:96px;
    height:96px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:26px;
    background:rgba(255,255,255,.74);
    border:1px solid rgba(122,72,94,.08);
    box-shadow:0 18px 42px rgba(111,49,77,.10);
    transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s ease;
}

.auth-logo-link:hover .auth-logo-media{
    transform:translateY(-2px);
    box-shadow:0 22px 48px rgba(111,49,77,.14);
}

.auth-logo-media img{
    display:block;
    width:84%;
    height:84%;
    object-fit:contain;
}

.auth-logo-fallback{
    display:grid;
    place-items:center;
    width:100%;
    height:100%;
    color:#fff;
    background:linear-gradient(145deg,#ef93b9,#bd4d79);
    font-size:25px;
    font-weight:800;
    letter-spacing:.05em;
}

.auth-brand-title{
    max-width:100%;
    color:#432d38;
    font-size:19px;
    line-height:1.3;
    font-weight:760;
    letter-spacing:.015em;
    overflow-wrap:anywhere;
}

.auth-brand-subtitle{
    margin-top:5px;
    color:#ab8e9a;
    font-size:10px;
    line-height:1.45;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.auth-card-v051{
    width:100%;
    margin:0;
}

/* v0.5 old horizontal brand should never participate on auth pages */
.auth-stage-v051 > .auth-brand,
.auth-stage-v051 > .auth-footnote{
    display:none!important;
}

@media(max-width:900px){
    .auth-card-wrap{
        min-height:100vh;
        align-items:start;
        padding-top:max(44px,calc(env(safe-area-inset-top) + 30px));
        padding-bottom:max(32px,calc(env(safe-area-inset-bottom) + 24px));
    }
}

@media(max-width:680px){
    .auth-stage-v051{
        width:min(400px,100%);
    }

    .auth-brand-stack{
        margin-bottom:24px;
    }

    .auth-logo-media{
        width:92px;
        height:92px;
        border-radius:24px;
    }

    .auth-brand-title{
        font-size:18px;
    }

    .auth-brand-subtitle{
        margin-top:4px;
        font-size:9px;
        letter-spacing:.17em;
    }
}

@media(max-width:390px){
    .auth-card-wrap{
        padding-left:14px;
        padding-right:14px;
        padding-top:max(36px,calc(env(safe-area-inset-top) + 24px));
    }

    .auth-brand-stack{
        margin-bottom:21px;
    }

    .auth-logo-media{
        width:86px;
        height:86px;
        border-radius:22px;
    }

    .auth-brand-title{
        font-size:17px;
    }
}

/* v2.1.2 auth readability */
@media(max-width:680px){
  .auth-brand-title{font-size:18px}
  .auth-brand-subtitle{font-size:9px}
  .auth-card-v051 .form-label{font-size:12px!important}
  .auth-card-v051 input,.auth-card-v051 select,.auth-card-v051 textarea{font-size:16px!important}
  .auth-card-v051 .btn{font-size:13px!important}
}
@media(max-width:390px){
  .auth-brand-title{font-size:17px}
}