@import url('design-system-v1000.css?v=1000');

/* The customer is the primary identity; LAREGLE signs the application. */
.brand.lr-product-brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;margin-bottom:4px;line-height:1.3;text-transform:none;letter-spacing:0;text-decoration:none}
.lr-company-name{display:block;max-width:100%;font-size:24px;font-weight:900;letter-spacing:-.5px;line-height:1.2;color:#20271f;overflow-wrap:anywhere}
.lr-product-name{display:inline-flex;gap:5px;align-items:center;font-size:11px;font-weight:750;letter-spacing:.25px;color:#53604a}
.lr-product-mark{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;background:#d1ef78;color:#20271f;border-radius:4px;font-size:11px;transform:rotate(-4deg)}
.lr-company-caption{font-weight:400;font-size:10px;color:#69745f}
.login-brand .lr-product-brand,.brand-block .lr-product-brand{align-items:center}.login-brand .lr-company-name{font-size:32px}.login-brand .lr-product-name{font-size:12px}.lr-product-brand+.muted{margin-top:4px}
@media(max-width:600px){.lr-company-name{font-size:21px}.lr-product-name{font-size:10px}.lr-product-mark{width:14px;height:14px;font-size:10px}.login-brand .lr-company-name{font-size:28px}}
@media print{.lr-product-brand{display:none!important}}