/* Inherit the shop's typography, button colors, borders and focus treatment. */
.sfbl-login { margin: 1rem 0; }
.sfbl-login .sfbl-button { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; text-align: center; font-family: inherit; }
.sfbl-account { margin-top: 1.5rem; }
.sfbl-profile { display: grid; grid-template-columns: max-content 1fr; gap: .5rem 1rem; }
.sfbl-profile dt { font-weight: 600; }
.sfbl-profile dd { margin: 0; overflow-wrap: anywhere; }
.sfbl-registration { max-width: 600px; margin-inline: auto; padding: 3rem 1.25rem; }
.sfbl-registration form { margin-top: 1.5rem; }
.sfbl-registration label { display: flex; gap: .5rem; align-items: baseline; flex-wrap: wrap; }
.sfbl-registration input[type="checkbox"] { flex-shrink: 0; }
.sfbl-registration__actions { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; margin-top: 1.5rem; }
@media (max-width: 480px) {
    .sfbl-button, .sfbl-registration__actions .button { width: 100%; }
    .sfbl-registration { padding-block: 2rem; }
}

.sfbl-login .sfbl-button { position:relative; gap:12px; min-height:48px; border-radius:6px; background:#0866ff!important; color:#fff!important; text-transform:none!important; padding-inline:48px!important; }
.sfbl-button svg { position:absolute; left:17px; width:20px; height:20px; }