.black-gold #offcanvasExample { width: min(68vw, 300px) !important; }
.black-gold .bg-mobile-sidebar { color: #fff; background: #201e21; border-left: 1px solid #383438; }
.black-gold .bg-mobile-sidebar-header { min-height: 48px; padding: 10px 14px; justify-content: flex-end; }
.black-gold .bg-mobile-sidebar-close { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; background: transparent; color: #fff; font-size: 19px; }
.black-gold .bg-mobile-sidebar-body { padding: 0; }
.black-gold .bg-sidebar-login-form { padding: 4px 18px 22px; border-bottom: 2px solid #eee; }
.black-gold .bg-sidebar-field { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; height: 37px; margin: 0 0 8px; border: 1px solid #bbb; border-radius: 5px; color: #ffdb00; }
.black-gold .bg-sidebar-field i { text-align: center; font-size: 17px; }
.black-gold .bg-sidebar-field input { width: 100%; height: 35px; padding: 6px 8px 6px 2px; border: 0; outline: 0; background: transparent; color: #fff; font-size: 14px; }
.black-gold .bg-sidebar-field input::placeholder, .black-gold #bg-sidebar-captcha-input::placeholder { color: #888; opacity: 1; }
.black-gold .bg-sidebar-captcha { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 8px; margin: 0 0 10px; }
.black-gold #bg-sidebar-captcha-refresh { width: 72px; height: 34px; padding: 0; overflow: hidden; border: 1px solid #777; border-radius: 4px; background: #111; }
.black-gold #bg-sidebar-captcha-image { display: block; width: 72px; height: 34px; object-fit: fill; }
.black-gold #bg-sidebar-captcha-input { min-width: 0; height: 34px; padding: 6px 8px; border: 1px solid #bbb; border-radius: 4px; outline: 0; background: transparent; color: #fff; font-size: 13px; }
.black-gold .bg-sidebar-auth-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.black-gold .bg-sidebar-auth-actions > * { display: grid; place-items: center; height: 29px; padding: 0 10px; border: 1px solid #fff; border-radius: 18px; color: #fff; background: transparent; font-size: 14px; line-height: 27px; }
.black-gold .bg-sidebar-auth-actions > a { border-color: #e9b814; background: linear-gradient(160deg, #ffbe00, #f8d23c 45%, #99751a 75%, #f7c929); }
.black-gold .bg-sidebar-login-message { margin: 0 0 8px; padding: 7px 8px; border-radius: 4px; background: #501d1d; color: #ffd0d0; font-size: 12px; line-height: 1.35; }
.black-gold .bg-sidebar-login-message[hidden] { display: none; }
.black-gold .bg-sidebar-login-message.bg-sidebar-login-success { background: #1c4b25; color: #d4ffdb; }
.black-gold .bg-mobile-sidebar-nav { padding: 8px 0; }
.black-gold .bg-mobile-sidebar-nav > * { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: center; width: 100%; min-height: 45px; padding: 8px 18px; border: 0; background: transparent; color: #fff; text-align: left; font-size: 14px; }
.black-gold .bg-mobile-sidebar-nav i { color: #ffdb00; font-size: 21px; }

@media (min-width: 1001px) {
    .black-gold #offcanvasExample { width: 300px !important; }
}