@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;
0,500;
0,600;
0,700;
1,400&display=swap);
*,::after,::before{
    box-sizing:border-box
}
:root{
    --dark:#686150;
    --mid-dark:#84744d;
    --primary:#efbd48;
    --mid-light:#f4dfa4;
    --light:#dfdfdf;
    --black:#101b23;
    --white:#ffffff;
    --grey:rgba(128, 128, 128, 0.3);
    --grey-dark:#808080;
    --error:#ff2222;
    --shadow:0px 4px 18px rgba(0, 0, 0, 0.1);
    --radius:4px;
    --links:#0066ff
}
html{
    font-family:"Roboto",sans-serif;
    line-height:1.15;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -ms-overflow-style:scrollbar;
    -webkit-tap-highlight-color:transparent;
    overflow-x:hidden;
    -webkit-focus-ring-color:var(--mid-dark);
    background-color:var(--light)
}
body{
    margin:0;
    font-size:.875rem;
    font-weight:400;
    font-family:"Roboto",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    text-rendering:optimizeSpeed;
    line-height:1.5;
    display:grid;
    min-height:100vh;
    place-items:center
}
@-ms-viewport{
    width:device-width
}
.arrow,.smokesignal-form form input:hover,a.cancel-link:hover .arrow,a:hover .arrow{
    border-color:var(--black)
}
a,a.cancel-link{
    color:var(--links);
    text-decoration:underline
}
a.cancel-link:hover,a:hover{
    color:var(--black);
    text-decoration:none
}
a.cancel-link:focus,a:focus{
    outline-offset:6px;
    outline-color:var(--links)
}
.btn{
    height:auto!important;
    padding:16px 24px;
    border-radius:var(--radius);
    font-weight:700;
    text-decoration:none!important;
    line-height:1;
    cursor:pointer;
    border:2px solid var(--black)
}
.btn:focus{
    outline-color:var(--grey-dark);
    outline-offset:4px;
    outline-width:2px
}
.btn:disabled{
    background:var(--grey);
    color:var(--grey-dark)
}
.btn.btn-primary{
    background-color:var(--black);
    color:var(--white)
}
.btn.btn-primary:hover{
    background-color:var(--grey);
    color:var(--black)
}
.btn.btn-secondary{
    color:var(--black)
}
.btn.btn-secondary:hover{
    background-color:var(--black);
    color:var(--white)
}
.smokesignal-form{
    max-width:350px;
    box-shadow:var(--shadow);
    border-radius:calc(var(--radius)*2);
    border:0;
    background-color:var(--white);
    padding:32px
}
.smokesignal-form-body{
    padding:0
}
.smokesignal-form header{
    padding:0;
    margin-bottom:32px
}
.smokesignal-form form{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center
}
.smokesignal-form form>*{
    width:100%;
    margin-top:0!important
}
.smokesignal-form form h3{
    font-weight:700;
    font-size:24px;
    line-height:120%;
    letter-spacing:-.01em;
    color:var(--black);
    margin-bottom:8px
}
.smokesignal-form form label{
    display:block;
    font-weight:700;
    margin-bottom:8px
}
.smokesignal-form form .input-wrapper{
    margin-bottom:16px!important
}
.smokesignal-form form input{
    border:1px solid var(--black);
    border-radius:var(--radius);
    font-size:16px;
    color:var(--black);
    padding:12px 18px;
    height:auto;
    margin-bottom:0
}
.smokesignal-form form input:focus{
    outline:1px solid var(--black);
    border-color:var(--black);
    box-shadow:var(--shadow)
}
.smokesignal-form form input.input-validation-error{
    border-color:var(--error)
}
.smokesignal-form form input.input-validation-error:focus{
    outline:1px solid var(--error);
    border-color:var(--error)
}
.smokesignal-form form .submit-bar,.smokesignal-form form .utility-link{
    margin-top:32px!important;
    width:50%;
    margin-bottom:0
}
.smokesignal-form .session-expired-wrapper,.smokesignal-form .validation-summary-row{
    color:var(--error)
}
.smokesignal-form [style="visibility: hidden"]{
    height:0!important;
    margin:0!important;
    padding:0!important;
    position:absolute!important
}
.smokesignal-form form[action*="/account/updatepassword" i] .submit-bar,.smokesignal-form form[action*="/accountrecovery/passwordreset" i] .submit-bar{
    width:100%;
    margin-bottom:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem
}
.smokesignal-form form[action*="/account/updatepassword" i] p.w100.text-center,.smokesignal-form form[action*="/accountrecovery/passwordreset" i] p.w100.text-center{
    text-align:left
}
footer{
    text-align:center;
    margin-top:32px;
    font-size:.85em
}

img.logo {
    width: 100px;
}

.w100.remember-me {
    margin-top: 10px !important;
}

/*# sourceMappingURL=style.css.map */