/* QXL Classic v6.3.34.6 — Sign-in, directory and mobile member greeting.
   Scoped visual changes only. Login, registration, Vipps and logout URLs stay intact. */

/* Account greeting is only shown on narrow screens for signed-in users. */
body.qxl-classic-2021 .qxl-mobile-member-bar{display:none!important}
@media(max-width:900px){
  body.logged-in.qxl-classic-2021 .qxl-mobile-member-bar{
    display:block!important;width:100%!important;max-width:100%!important;
    background:linear-gradient(180deg,#fcfdfe,#f6f8fa)!important;
    border-bottom:1px solid #e4eaf0!important;color:#2c3b49!important;
    position:relative!important;z-index:12!important;
    box-shadow:none!important;
  }
  body.logged-in.qxl-classic-2021 .qxl-mobile-member-bar__inner{
    display:flex!important;align-items:center!important;gap:9px!important;
    width:100%!important;max-width:100%!important;min-height:39px!important;
    margin:0 auto!important;padding:7px max(14px,env(safe-area-inset-left)) 7px max(14px,env(safe-area-inset-right))!important;
    box-sizing:border-box!important;font:500 12px/1.45 Arial,Helvetica,sans-serif!important;
  }
  body.logged-in.qxl-classic-2021 .qxl-mobile-member-bar__greeting{
    min-width:0!important;flex:0 1 auto!important;overflow:hidden!important;
    text-overflow:ellipsis!important;white-space:nowrap!important;color:#334b5d!important;
  }
  body.logged-in.qxl-classic-2021 .qxl-mobile-member-bar__name{font-weight:650!important;color:#243b4e!important}
  body.logged-in.qxl-classic-2021 .qxl-mobile-member-bar__logout{
    flex:0 0 auto!important;color:#075b9b!important;font-weight:700!important;
    font-size:12px!important;text-decoration:none!important;white-space:nowrap!important;
    padding:2px 0 2px 6px!important;
  }
  body.logged-in.qxl-classic-2021 .qxl-mobile-member-bar__logout:hover,
  body.logged-in.qxl-classic-2021 .qxl-mobile-member-bar__logout:focus-visible{
    color:#3e4852!important;text-decoration:underline!important;
  }
}

/* QXL v6.3.34.9: never show the old signed-in desktop topbar on mobile.
   Previously, a legacy `body.logged-in` rule overrode the mobile hide rule.
   This is only the old bar; keep the new .qxl-mobile-member-bar visible. */
@media (max-width:900px){
  body.logged-in.qxl-classic-2021 .qxl-classic-topbar.qxl-classic-topbar--legacy{
    display:none!important;
  }
}

/* Category directory. Blue parent links, never orange on hover. */
body.qxl-classic-2021 .qxl-classic-cats-page__header{margin-bottom:22px!important}
body.qxl-classic-2021 .qxl-classic-cats-page__header h1{
  color:#24394b!important;font-weight:750!important;letter-spacing:-.028em!important;
}
body.qxl-classic-2021 .qxl-classic-category-overview,
body.qxl-classic-2021 .qxl-classic-category-details{margin-bottom:25px!important}
body.qxl-classic-2021 .qxl-classic-category-overview>h2,
body.qxl-classic-2021 .qxl-classic-category-details>h2{
  color:#526779!important;padding:0 2px 8px!important;margin:0 0 10px!important;
  font-size:12px!important;letter-spacing:.055em!important;text-transform:uppercase!important;
  border-bottom:1px solid #e6edf2!important;
}
body.qxl-classic-2021 .qxl-classic-category-overview__grid,
body.qxl-classic-2021 .qxl-classic-category-directory{
  background:#fff!important;border:1px solid #e2e9ee!important;
  border-radius:11px!important;box-shadow:0 4px 17px rgba(26,52,77,.035)!important;
}
body.qxl-classic-2021 .qxl-classic-category-overview__grid{
  padding:17px 20px!important;column-gap:24px!important;
}
body.qxl-classic-2021 .qxl-classic-category-overview__grid>a{
  color:#075b9b!important;background:transparent!important;
  font:700 13.5px/1.35 Arial,Helvetica,sans-serif!important;
  padding:5px 0!important;letter-spacing:-.007em!important;
  text-decoration:none!important;
}
body.qxl-classic-2021 .qxl-classic-category-overview__grid>a:is(:hover,:focus-visible){
  color:#41474e!important;text-decoration:underline!important;text-underline-offset:3px!important;
}
body.qxl-classic-2021 .qxl-classic-category-directory{
  padding:18px!important;column-gap:21px!important;
}
body.qxl-classic-2021 .qxl-classic-category-directory__group{margin-bottom:17px!important}
body.qxl-classic-2021 .qxl-classic-category-directory__group h3{
  border:1px solid #e4edf4!important;border-radius:6px!important;
  background:#f2f7fb!important;color:#075b9b!important;
  padding:8px 11px!important;font:700 13px/1.3 Arial,Helvetica,sans-serif!important;
  margin-bottom:7px!important;
}
body.qxl-classic-2021 .qxl-classic-category-directory__group h3 a{
  color:#075b9b!important;text-decoration:none!important;
}
body.qxl-classic-2021 .qxl-classic-category-directory__group h3 a:is(:hover,:focus-visible){
  color:#41474e!important;text-decoration:underline!important;text-underline-offset:3px!important;
}
body.qxl-classic-2021 .qxl-classic-category-directory__children{padding:0 9px 2px!important;gap:2px!important}
body.qxl-classic-2021 .qxl-classic-category-directory__children a{
  color:#364b5d!important;font:400 13.5px/1.45 Arial,Helvetica,sans-serif!important;
  padding:3px 2px!important;overflow-wrap:anywhere!important;text-decoration:none!important;
}
body.qxl-classic-2021 .qxl-classic-category-directory__children a:is(:hover,:focus-visible){
  color:#41474e!important;text-decoration:underline!important;text-underline-offset:3px!important;
}
@media(max-width:760px){
  body.qxl-classic-2021 .qxl-classic-category-directory{padding:14px!important}
  body.qxl-classic-2021 .qxl-classic-category-overview__grid{padding:13px 15px!important}
  body.qxl-classic-2021 .qxl-classic-category-directory__children a{font-size:13.5px!important}
}
@media(max-width:500px){
  body.qxl-classic-2021 .qxl-classic-category-overview__grid{columns:1!important}
  body.qxl-classic-2021 .qxl-classic-category-directory{columns:1!important}
  body.qxl-classic-2021 .qxl-classic-category-directory__group{margin-bottom:14px!important}
}

/* Login: same appearance for the dedicated Konto template and Woo login form.
   Extra :is() specificity wins against old !important login form rules. */
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell){
  width:min(100%,980px)!important;max-width:980px!important;
  margin:27px auto 54px!important;padding:0!important;
  color:#253a4c!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-title{
  margin:0 0 24px!important;padding:0 0 17px!important;
  border-bottom:1px solid #e7edf2!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-title h1{
  color:#21374a!important;font:750 clamp(23px,2.6vw,30px)/1.18 Arial,Helvetica,sans-serif!important;
  letter-spacing:-.034em!important;margin:0 0 8px!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-title p{
  font-size:13px!important;color:#667b8c!important;line-height:1.5!important;margin:0!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-layout{
  display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(255px,.9fr)!important;
  gap:22px!important;align-items:start!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) :is(.qxl-classic-login-card,.qxl-classic-login-new){
  min-width:0!important;border:1px solid #e0e8ef!important;border-radius:13px!important;
  background:#fff!important;overflow:hidden!important;
  box-shadow:0 10px 30px rgba(20,50,75,.055),0 2px 7px rgba(20,50,75,.025)!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) :is(.qxl-classic-login-card__head,.qxl-classic-login-new__head){
  display:flex!important;align-items:center!important;min-height:58px!important;
  padding:15px 22px!important;background:#f8fafc!important;color:#243b50!important;
  border:0!important;border-bottom:1px solid #e7edf2!important;border-radius:0!important;
  box-shadow:none!important;font:750 15px/1.25 Arial,Helvetica,sans-serif!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-card__head h2{
  color:#243b50!important;font:750 15px/1.25 Arial,Helvetica,sans-serif!important;
  margin:0!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-card__body{
  background:#fff!important;padding:0!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-vipps{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;
  gap:12px!important;padding:19px 22px!important;
  background:#fffaf7!important;border-left:0!important;border-bottom:1px solid #f0e9e2!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-vipps__copy strong{
  font-size:14px!important;color:#2b3945!important;margin-bottom:4px!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-vipps__copy span{
  color:#687b8b!important;font-size:12px!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-vipps__button :is(a,button,.qxl-vipps-auth-button__link){
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:44px!important;height:auto!important;padding:11px 18px!important;
  background:#ff5b24!important;border:1px solid #ff5b24!important;
  border-radius:7px!important;color:#fff!important;box-shadow:none!important;
  font-size:12px!important;font-weight:750!important;text-decoration:none!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-divider{
  padding:12px 22px!important;background:#fff!important;border:0!important;
  color:#8a98a6!important;font-size:11px!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) form.qxl-classic-login-form{
  float:none!important;width:100%!important;max-width:100%!important;margin:0!important;
  padding:8px 22px 24px!important;border:0!important;background:#fff!important;box-shadow:none!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-fields-v2{
  display:grid!important;gap:15px!important;width:100%!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-row-v2{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;
  align-items:stretch!important;margin:0!important;padding:0!important;width:100%!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-row-v2>label{
  display:block!important;position:static!important;float:none!important;width:auto!important;
  text-align:left!important;margin:0!important;padding:0!important;
  color:#344a5c!important;font:700 12px/1.3 Arial,Helvetica,sans-serif!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) input.qxl-classic-login-input-v2,
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-inline-reset-row input{
  float:none!important;position:static!important;display:block!important;
  width:100%!important;max-width:100%!important;min-height:46px!important;height:46px!important;
  margin:0!important;padding:10px 13px!important;color:#263d50!important;
  border:1px solid #d7e1e9!important;border-radius:7px!important;
  background:#fff!important;box-shadow:none!important;outline:0!important;
  font:500 14px/1.4 Arial,Helvetica,sans-serif!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) :is(input.qxl-classic-login-input-v2,.qxl-inline-reset-row input):focus{
  border-color:#6593b8!important;box-shadow:0 0 0 3px rgba(7,91,155,.10)!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-actions{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  gap:14px!important;width:100%!important;margin:17px 0 0!important;
  padding:17px 0 0!important;border-top:1px solid #edf0f3!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-options{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:space-between!important;gap:12px!important;
  padding:0!important;margin:0!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-remember-v2{
  font-size:12px!important;color:#526779!important;font-weight:600!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-options a{
  font-size:12px!important;color:#075b9b!important;text-decoration:none!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-options a:hover{
  color:#41474e!important;text-decoration:underline!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .woocommerce-form-login__submit,
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-inline-reset-submit{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:max-content!important;min-width:145px!important;min-height:44px!important;height:auto!important;
  margin:0!important;padding:11px 23px!important;
  background:#075b9b!important;border:1px solid #075b9b!important;border-radius:7px!important;
  color:#fff!important;font:750 13px/1.3 Arial,Helvetica,sans-serif!important;
  text-shadow:none!important;box-shadow:none!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .woocommerce-form-login__submit:hover{
  background:#064a7e!important;border-color:#064a7e!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-new__body{
  padding:21px 22px 23px!important;background:#fff!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-new__body h2{
  font-size:19px!important;color:#253a4c!important;letter-spacing:-.025em!important;margin:0 0 9px!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-new__body p{
  color:#667a89!important;font-size:12.5px!important;line-height:1.6!important;margin-bottom:17px!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-new__facts{
  padding:0!important;margin:0 0 20px!important;border:0!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-new__facts span{
  display:block!important;padding:10px 0!important;color:#4e6274!important;
  border-bottom:1px solid #edf1f4!important;font-size:12px!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-register{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:43px!important;padding:11px 18px!important;
  border:1px solid #d5e3ef!important;border-radius:7px!important;
  background:#f3f8fc!important;color:#075b9b!important;
  font-weight:750!important;font-size:12px!important;text-decoration:none!important;box-shadow:none!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-register:hover{
  color:#41474e!important;border-color:#c1d4e4!important;text-decoration:underline!important;
  background:#f7fafc!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-inline-reset-form{
  padding:19px 22px!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-inline-reset-row{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;
}
@media(max-width:760px){
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell){margin:12px auto 35px!important}
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-layout{
    grid-template-columns:minmax(0,1fr)!important;gap:16px!important;
  }
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-vipps{
    flex-direction:column!important;align-items:stretch!important;
  }
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-vipps__button :is(a,button,.qxl-vipps-auth-button__link){
    width:100%!important;min-width:0!important;
  }
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-options{align-items:center!important;flex-direction:row!important}
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) :is(.qxl-classic-login-card__head,.qxl-classic-login-new__head){padding:14px 17px!important;min-height:49px!important}
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) form.qxl-classic-login-form{padding:8px 17px 20px!important}
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-new__body{padding:18px!important}
}
@media(max-width:380px){
  body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-options{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}
}

/* Final consistency fixes for legacy Woo field rules and button line heights. */
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) form.qxl-classic-login-form input.qxl-classic-login-input-v2[type="password"],
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) form.qxl-classic-login-form input.qxl-classic-login-input-v2[type="text"]{
  height:46px!important;min-height:46px!important;padding:10px 13px!important;
  border:1px solid #d7e1e9!important;border-radius:7px!important;
  background:#fff!important;box-shadow:none!important;
  color:#263d50!important;font:500 14px/1.4 Arial,Helvetica,sans-serif!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) form.qxl-classic-login-form input.qxl-classic-login-input-v2:focus{
  border-color:#6593b8!important;box-shadow:0 0 0 3px rgba(7,91,155,.10)!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-vipps__button :is(a,button,.qxl-vipps-auth-button__link){
  height:44px!important;max-height:none!important;min-height:44px!important;
  line-height:1.25!important;box-sizing:border-box!important;
}
body.qxl-classic-2021 :is(.qxl-account-page--classic-login .qxl-classic-login-shell,.qxl-classic-login-shell) .qxl-classic-login-register{
  height:44px!important;line-height:1.25!important;box-sizing:border-box!important;
}
body.qxl-classic-2021 .qxl-classic-cats-page :is(.qxl-classic-category-overview__grid,.qxl-classic-category-directory){
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
}

/* QXL 6.3.34.7 — brand logo proportions for desktop and mobile. */
body.qxl-classic-2021 .qxl-classic-header--legacy .qxl-classic-logo img{
  object-fit:contain!important;object-position:left center!important;height:auto!important;
}
@media(max-width:900px){
 body.qxl-classic-2021 .qxl-classic-header--legacy .qxl-classic-logo img{
   width:min(100%,90px)!important;max-height:45px!important;margin-left:0!important;
 }
}

/* QXL 6.3.34.8: supplied orange 2027 QXL wordmark (2:1 aspect ratio). */
@media (min-width:901px){
 body.qxl-classic-2021 .qxl-classic-header--legacy .qxl-classic-logo img{width:138px!important;max-width:100%!important;max-height:70px!important;height:auto!important;object-fit:contain!important}
}
@media (max-width:900px){
 body.qxl-classic-2021 .qxl-classic-header--legacy .qxl-classic-logo img{width:90px!important;max-width:100%!important;max-height:45px!important;height:auto!important;object-fit:contain!important;margin-left:0!important}
}


/* QXL v6.3.34.10 — restore guest registration/login bar without duplicating the signed-in strip.
   Desktop uses the original topbar; mobile renders exactly one conditional account strip. */
@media (max-width:900px) {
  body.qxl-classic-2021 .qxl-classic-topbar.qxl-classic-topbar--legacy,
  body.logged-in.qxl-classic-2021 .qxl-classic-topbar.qxl-classic-topbar--legacy {
    display:none!important;
  }
  body.qxl-classic-2021:not(.logged-in) .qxl-mobile-member-bar--guest {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    background:linear-gradient(180deg,#fcfdfe 0%,#f5f8fa 100%)!important;
    border-bottom:1px solid #e3e9ef!important;
    color:#314556!important;
    position:relative!important;
    z-index:12!important;
    box-shadow:none!important;
  }
  body.qxl-classic-2021:not(.logged-in) .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__inner {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:5px 8px!important;
    width:100%!important;
    max-width:100%!important;
    min-height:41px!important;
    margin:0 auto!important;
    padding:6px max(13px,env(safe-area-inset-right)) 6px max(13px,env(safe-area-inset-left))!important;
    font:500 12px/1.4 Arial,Helvetica,sans-serif!important;
    box-sizing:border-box!important;
  }
  body.qxl-classic-2021 .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__guest-intro,
  body.qxl-classic-2021 .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__or {
    color:#627482!important;
    white-space:nowrap!important;
    font-size:11px!important;
  }
  body.qxl-classic-2021 .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__join,
  body.qxl-classic-2021 .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__login {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:29px!important;
    width:auto!important;
    padding:5px 10px!important;
    border-radius:5px!important;
    box-shadow:none!important;
    font:700 11px/1.25 Arial,Helvetica,sans-serif!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    transition:background-color .15s ease,color .15s ease,border-color .15s ease!important;
  }
  body.qxl-classic-2021 .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__join {
    background:#0b63a2!important;
    color:white!important;
    border:1px solid #0b63a2!important;
  }
  body.qxl-classic-2021 .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__login {
    background:white!important;
    color:#075b9b!important;
    border:1px solid #cbd9e4!important;
  }
  body.qxl-classic-2021 .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__join:is(:hover,:focus-visible) {
    background:#084e81!important;
    border-color:#084e81!important;
    text-decoration:underline!important;
  }
  body.qxl-classic-2021 .qxl-mobile-member-bar--guest .qxl-mobile-member-bar__login:is(:hover,:focus-visible) {
    color:#41474e!important;
    border-color:#aebfcd!important;
    text-decoration:underline!important;
  }
}