#fanz-breadcrumbs{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:12px 24px;color:#d9e2ee;font:400 1rem/1.4 Arial,Helvetica,sans-serif}
#fanz-breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:0 10px;list-style:none;margin:0;padding:0}
#fanz-breadcrumbs li{display:flex;align-items:center;min-width:0;max-width:100%;overflow-wrap:anywhere}
#fanz-breadcrumbs li+li::before{content:'›';padding-inline-end:10px;color:#aeb8c8}
#fanz-breadcrumbs a,#fanz-breadcrumbs span{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;font:inherit;letter-spacing:normal;text-transform:none;color:inherit}
#fanz-breadcrumbs a{text-decoration:underline;text-underline-offset:4px}#fanz-breadcrumbs a:hover{color:#f0ce79}#fanz-breadcrumbs a:focus-visible{outline:2px solid #dfbd68;outline-offset:2px}
#fanz-breadcrumbs [aria-current=page]{color:#fff}#fanz-breadcrumbs li:has([data-breadcrumb-current]:empty){display:none}
body:has(#fanz-breadcrumbs) .back-link,body:has(#fanz-breadcrumbs) .creator-storefront-crumbs,body:has(#fanz-breadcrumbs) .legal-back{display:none!important}
@media(max-width:900px){#fanz-breadcrumbs{padding:8px 12px;font-size:1rem}}

/* Authentication navigation shares the form's column, with language alongside. */
.login-page .auth-toolbar{align-items:flex-start;gap:12px}
.login-page .auth-toolbar #fanz-breadcrumbs{flex:1;min-width:0;width:auto;max-width:none;margin:0;padding:0}
.login-page .auth-toolbar .auth-language{margin:1px 0 0;flex:0 0 42px}
.login-page>#fanz-breadcrumbs{width:min(100%,410px);padding:0;margin:0 auto 14px}