#bbplugin-settings {
  --bb-body-font-family: Roboto, "Helvetica Neue", Arial, sans-serif;
  --bb-font-monospace: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  --bb-body-bg: #f0f3f9;
  --bb-body-color: #70738a;
  --bb-title-color: #037bbf;
  --bb-headings-color: #344a53;
  --bb-label-color: #344a53;
  --bb-link-color: #2361df;
  --bb-panel-border: #f0f0f0;
  --bb-input-color: #303030;
  --bb-input-font-size: 0.875rem;
  --bb-btn-font-size: var(--bb-input-font-size);
  --bb-btn-line-height: 1.125rem;
  --bb-btn-height: auto;
  --bb-btn-padding-y: 0.5rem;
  --bb-btn-padding-x: 0.875rem;
  --bb-btn-sm-padding-y: 0.25rem;
  --bb-btn-sm-padding-x: 0.5rem;
  --bb-btn-sm-font-size: 0.75rem;
  --bb-primary: #037bbf;
  --bb-primary-rgb: 3, 123, 191;
  --bb-primary-hover: #049bf1;
  --bb-primary-hover-rgb: 4, 155, 241;
  --bb-secondary: #40a2e1;
  --bb-secondary-rgb: 64, 162, 225;
  --bb-secondary-hover: #6cb7e8;
  --bb-secondary-hover-rgb: 108, 183, 232;
  --bb-success: #2db88e;
  --bb-success-rgb: 45, 184, 142;
  --bb-success-hover: #46d2a8;
  --bb-success-hover-rgb: 70, 210, 168;
  --bb-success-darker: #269b78;
  --bb-success-darker-rgb: 38, 155, 120;
  --bb-info: #9d5098;
  --bb-info-rgb: 157, 80, 152;
  --bb-info-hover: #b46caf;
  --bb-info-hover-rgb: 180, 108, 175;
  --bb-warning: #ff9f1c;
  --bb-warning-rgb: 255, 159, 28;
  --bb-warning-hover: #ffb54f;
  --bb-warning-hover-rgb: 255, 181, 79;
  --bb-danger: #d63230;
  --bb-danger-rgb: 214, 50, 48;
  --bb-danger-hover: #de5c5b;
  --bb-danger-hover-rgb: 222, 92, 91;
  --bb-dark: #344a53;
  --bb-dark-rgb: 52, 74, 83;
  --bb-dark-hover: #486672;
  --bb-dark-hover-rgb: 72, 102, 114;
  --bb-light: #f3f6f9;
  --bb-light-rgb: 243, 246, 249;
  --bb-light-darker: #e5ecf2;
  --bb-light-darker-rgb: 229, 236, 242;
  --bb-tertiary: #00d0e1;
  --bb-tertiary-rgb: 0, 208, 225;
  --bb-tertiary-hover: #00e8fb;
  --bb-tertiary-hover-rgb: 0, 232, 251;
  --bb-careful: #ffe900;
  --bb-careful-rgb: 255, 233, 0;
  --bb-careful-darker: #998c00;
  --bb-careful-darker-rgb: 153, 140, 0;
  --bb-normal: #8a9d95;
  --bb-normal-rgb: 138, 157, 149;
  --bb-disabled: #dcdcdc;
  --bb-disabled-rgb: 220, 220, 220;
  --bb-none: #acbec8;
  --bb-none-rgb: 172, 190, 200;
  --bb-neutral: #b6a7b6;
  --bb-neutral-rgb: 182, 167, 182;
  --bb-neutral-darker: #a693a6;
  --bb-neutral-darker-rgb: 166, 147, 166;
  --bb-pink: #e12da4;
  --bb-pink-rgb: 225, 45, 164;
  --bb-soft-primary: #c3e9fe;
  --bb-soft-primary-rgb: 195, 233, 254;
  --bb-soft-secondary: #d2f1ff;
  --bb-soft-secondary-rgb: 210, 241, 255;
  --bb-soft-success: #d7f0e0;
  --bb-soft-success-rgb: 215, 240, 224;
  --bb-soft-info: #efe1ef;
  --bb-soft-info-rgb: 239, 225, 239;
  --bb-soft-warning: #ffeed6;
  --bb-soft-warning-rgb: 255, 238, 214;
  --bb-soft-danger: #f8dedd;
  --bb-soft-danger-rgb: 248, 222, 221;
  --bb-soft-dark: #e0e3eb;
  --bb-soft-dark-rgb: 224, 227, 235;
  --bb-soft-light: #f9fafc;
  --bb-soft-light-rgb: 249, 250, 252;
  --bb-soft-pink: #ffd5ef;
  --bb-soft-pink-rgb: 255, 213, 239;
  --bb-soft-tertiary: #b8faff;
  --bb-soft-tertiary-rgb: 184, 250, 255;
  --bb-soft-tertiary-darker: #00aab8;
  --bb-soft-tertiary-darker-rgb: 0, 170, 184;
  --bb-soft-careful: #fff7a3;
  --bb-soft-careful-rgb: 255, 247, 163;
  --bb-soft-careful-darker: #b3a300;
  --bb-soft-careful-darker-rgb: 179, 163, 0;
  --bb-soft-normal: #ebeeed;
  --bb-soft-normal-rgb: 235, 238, 237;
  --bb-soft-disabled: #f0f0f0;
  --bb-soft-disabled-rgb: 240, 240, 240;
  --bb-soft-none: #e9eef1;
  --bb-soft-none-rgb: 233, 238, 241;
  --bb-soft-neutral: #f2eff2;
  --bb-soft-neutral-rgb: 242, 239, 242;
  --bb-border-primary: #037bbf;
  --bb-border-primary-rgb: 3, 123, 191;
  --bb-border-secondary: #40a2e1;
  --bb-border-secondary-rgb: 64, 162, 225;
  --bb-border-success: #2db88e;
  --bb-border-success-rgb: 45, 184, 142;
  --bb-border-info: #9d5098;
  --bb-border-info-rgb: 157, 80, 152;
  --bb-border-warning: #ff9f1c;
  --bb-border-warning-rgb: 255, 159, 28;
  --bb-border-danger: #d63230;
  --bb-border-danger-rgb: 214, 50, 48;
  --bb-border-dark: #344a53;
  --bb-border-dark-rgb: 52, 74, 83;
  --bb-border-light: #f3f6f9;
  --bb-border-light-rgb: 243, 246, 249;
  --bb-border-divider: #f0f0f0;
  --bb-border-divider-rgb: 240, 240, 240;
  --bb-text-primary: #037bbf;
  --bb-text-primary-rgb: 3, 123, 191;
  --bb-text-secondary: #40a2e1;
  --bb-text-secondary-rgb: 64, 162, 225;
  --bb-text-success: #2db88e;
  --bb-text-success-rgb: 45, 184, 142;
  --bb-text-info: #9d5098;
  --bb-text-info-rgb: 157, 80, 152;
  --bb-text-warning: #ff9f1c;
  --bb-text-warning-rgb: 255, 159, 28;
  --bb-text-danger: #d63230;
  --bb-text-danger-rgb: 214, 50, 48;
  --bb-text-dark: #344a53;
  --bb-text-dark-rgb: 52, 74, 83;
  --bb-text-light: #f3f6f9;
  --bb-text-light-rgb: 243, 246, 249;
  --bb-active-selected: #00b8ff;
  --bb-soft-active-selected: #d6f4ff;
  --bb-active-selected-rgb: 0, 184, 255;
  --bb-white: #ffffff;
  --bb-white-rgb: 255, 255, 255;
  --bb-okpale: #d2f1ff;
  --bb-okpale-rgb: 210, 241, 255;
  --bb-validpale: #aaeeb4;
  --bb-validpale-rgb: 170, 238, 180;
  --bb-carefulpale: #f9f871;
  --bb-carefulpale-rgb: 249, 248, 113;
  --bb-cautionpale: #ffe9d1;
  --bb-cautionpale-rgb: 255, 233, 209;
  --bb-warningpale: #fae0e0;
  --bb-warningpale-rgb: 250, 224, 224;
  --bb-ok: #40a2e1;
  --bb-ok-rgb: 64, 162, 225;
  --bb-valid: #4dbe75;
  --bb-valid-rgb: 77, 190, 117;
  --bb-caution: #ff9f1c;
  --bb-caution-rgb: 255, 159, 28;
  --bb-complete: #002d4f;
  --bb-complete-rgb: 0, 45, 79;
  --bb-okpale-darker: #008fd5;
  --bb-okpale-darker-rgb: 0, 143, 213;
  --bb-validpale-darker: #1e952f;
  --bb-validpale-darker-rgb: 30, 149, 47;
  --bb-carefulpale-darker: #7f7e05;
  --bb-carefulpale-darker-rgb: 127, 126, 5;
  --bb-cautionpale-darker: #ff8a0a;
  --bb-cautionpale-darker-rgb: 255, 138, 10;
  --bb-warningpale-darker: #e14646;
  --bb-warningpale-darker-rgb: 225, 70, 70;
  --bb-ok-darker: #082233;
  --bb-ok-darker-rgb: 8, 34, 51;
  --bb-valid-darker: #1e5431;
  --bb-valid-darker-rgb: 30, 84, 49;
  --bb-caution-darker: #4f2e00;
  --bb-caution-darker-rgb: 79, 46, 0;
  --bb-warning-darker: #e88600;
  --bb-warning-darker-rgb: 232, 134, 0;
  --bb-normal-darker: #29322e;
  --bb-normal-darker-rgb: 41, 50, 46;
  --bb-disabled-darker: darkgray;
  --bb-disabled-darker-rgb: 169, 169, 169;
  --bb-complete-darker: black;
  --bb-complete-darker-rgb: 0, 0, 0;
  --bb-none-darker: #8da6b4;
  --bb-none-darker-rgb: 141, 166, 180;
  --bb-neutral-1: #8a9d95;
  --bb-neutral-1-rgb: 138, 157, 149;
  --bb-neutral-2: #b6a7b6;
  --bb-neutral-2-rgb: 182, 167, 182;
  --bb-neutral-3: #9db350;
  --bb-neutral-3-rgb: 157, 179, 80;
  --bb-neutral-4: #9fadbd;
  --bb-neutral-4-rgb: 159, 173, 189;
  --bb-code: #c7254e;
  --bb-code-rgb: 199, 37, 78;
  --bb-code-lighter: #fdedf1;
  --bb-code-lighter-rgb: 253, 237, 241;
  --bb-gray-d0: #969da1;
  --bb-gray-d0-rgb: 150, 157, 161;
  --bb-theme-d-15: #0075af;
  --bb-theme-d-15-rgb: 0, 117, 175;
  --shadow-color-pgbg: 221deg 13% 71%;
  --bb-shadow-elevation-low-pgbg: 0.1px 0.5px 0.8px hsl(var(--shadow-color-pgbg) / 0),
  0.1px 0.9px 1.4px hsl(var(--shadow-color-pgbg) / 0.15),
  0.2px 1.7px 2.6px hsl(var(--shadow-color-pgbg) / 0.31);
  --bb-shadow-elevation-medium-pgbg: 0.1px 0.5px 0.6px hsl(var(--shadow-color-pgbg) / 0.24),
  0.2px 1.5px 1.7px -0.8px hsl(var(--shadow-color-pgbg) / 0.24),
  0.5px 3.5px 4px -1.7px hsl(var(--shadow-color-pgbg) / 0.24),
  1.1px 8.4px 9.5px -2.5px hsl(var(--shadow-color-pgbg) / 0.24);
  --shadow-color-pgbg2: 221deg 13% 50%;
  --bb-shadow-elevation-high-pgbg: 0.1px 0.5px 0.6px hsl(var(--shadow-color-pgbg2) / 0.33),
  0.2px 1.6px 1.8px -0.8px hsl(var(--shadow-color-pgbg2) / 0.33),
  0.6px 3.9px 4.4px -1.7px hsl(var(--shadow-color-pgbg2) / 0.33),
  1.5px 9.4px 10.7px -2.5px hsl(var(--shadow-color-pgbg2) / 0.33);
  --shadow-color2: 0deg 0% 74%;
  --bb-shadow-elevation-low: 0px 0.4px 0.5px hsl(var(--shadow-color2) / 0.24),
  0.1px 1.1px 1.2px -0.8px hsl(var(--shadow-color2) / 0.24),
  0.3px 2.7px 3.1px -1.7px hsl(var(--shadow-color2) / 0.24),
  0.7px 6.4px 7.2px -2.5px hsl(var(--shadow-color2) / 0.24);
  --shadow-color1: 0deg 0% 79%;
  --bb-shadow-elevation-medium: 0.1px 0.5px 0.7px hsl(var(--shadow-color1) / 0.12),
  0.2px 1.7px 2.2px -0.4px hsl(var(--shadow-color1) / 0.14),
  0.5px 3.5px 4.6px -0.9px hsl(var(--shadow-color1) / 0.19),
  1px 7.7px 10.1px -1.3px hsl(var(--shadow-color1) / 0.24);
  --bb-shadow-elevation-high: 0.1px 0.5px 0.6px hsl(var(--shadow-color2) / 0.22),
  0.3px 2.1px 2.4px -0.4px hsl(var(--shadow-color2) / 0.22),
  0.5px 3.9px 4.4px -0.7px hsl(var(--shadow-color2) / 0.22),
  0.8px 6.2px 7px -1.1px hsl(var(--shadow-color2) / 0.22),
  1.3px 9.9px 11.2px -1.4px hsl(var(--shadow-color2) / 0.22),
  2px 15.3px 17.4px -1.8px hsl(var(--shadow-color2) / 0.22),
  3.1px 23.2px 26.3px -2.1px hsl(var(--shadow-color2) / 0.22),
  4.6px 34.2px 38.8px -2.5px hsl(var(--shadow-color2) / 0.22);
  --bb-input-border-color: #e7e7e7;
  --bb-input-placeholder: #a7b5c3;
  --bb-input-bg: #fafafa;
  --bb-btn-primary-color: #ffffff;
  --bb-btn-primary-bg: #037bbf;
  --bb-btn-primary-border: #037bbf;
  --bb-btn-primary-hover-color: #ffffff;
  --bb-btn-primary-hover-bg: #049bf1;
  --bb-btn-primary-hover-border: #049bf1;
  --bb-btn-primary-active-color: #ffffff;
  --bb-btn-primary-active-bg: #049bf1;
  --bb-btn-primary-active-border: #049bf1;
  --bb-btn-secondary-color: #ffffff;
  --bb-btn-secondary-bg: #40a2e1;
  --bb-btn-secondary-border: #40a2e1;
  --bb-btn-secondary-hover-color: #ffffff;
  --bb-btn-secondary-hover-bg: #6cb7e8;
  --bb-btn-secondary-hover-border: #6cb7e8;
  --bb-btn-secondary-active-color: #ffffff;
  --bb-btn-secondary-active-bg: #6cb7e8;
  --bb-btn-secondary-active-border: #6cb7e8;
  --bb-success-darker-color: #238f6e;
  --bb-btn-success-color: #ffffff;
  --bb-btn-success-bg: #2db88e;
  --bb-btn-success-border: #2db88e;
  --bb-btn-success-hover-color: #ffffff;
  --bb-btn-success-hover-bg: #46d2a8;
  --bb-btn-success-hover-border: #46d2a8;
  --bb-btn-success-active-color: #ffffff;
  --bb-btn-success-active-bg: #46d2a8;
  --bb-btn-success-active-border: #46d2a8;
  --bb-btn-info-color: #ffffff;
  --bb-btn-info-bg: #9d5098;
  --bb-btn-info-border: #9d5098;
  --bb-btn-info-hover-color: #ffffff;
  --bb-btn-info-hover-bg: #b46caf;
  --bb-btn-info-hover-border: #b46caf;
  --bb-btn-info-active-color: #ffffff;
  --bb-btn-info-active-bg: #b46caf;
  --bb-btn-info-active-border: #b46caf;
  --bb-btn-warning-color: #ffffff;
  --bb-btn-warning-bg: #ff9f1c;
  --bb-btn-warning-border: #ff9f1c;
  --bb-btn-warning-hover-color: #ffffff;
  --bb-btn-warning-hover-bg: #ffb54f;
  --bb-btn-warning-hover-border: #ffb54f;
  --bb-btn-warning-active-color: #ffffff;
  --bb-btn-warning-active-bg: #ffb54f;
  --bb-btn-warning-active-border: #ffb54f;
  --bb-btn-danger-color: #ffffff;
  --bb-btn-danger-bg: #d63230;
  --bb-btn-danger-border: #d63230;
  --bb-btn-danger-hover-color: #ffffff;
  --bb-btn-danger-hover-bg: #de5c5b;
  --bb-btn-danger-hover-border: #de5c5b;
  --bb-btn-danger-active-color: #ffffff;
  --bb-btn-danger-active-bg: #de5c5b;
  --bb-btn-danger-active-border: #de5c5b;
  --bb-btn-soft-success-bg: #d7f0e0;
  --bb-btn-soft-success-border: #b2e2c3;
  --bb-btn-soft-warning-color: var(--bb-warning-darker);
  --bb-btn-soft-warning-bg: var(--bb-soft-warning);
  --bb-btn-soft-warning-border: #ffd9a3;
  --bb-btn-soft-warning-hover-color: #ffffff;
  --bb-btn-soft-warning-hover-bg: #ffb54f;
  --bb-btn-soft-warning-hover-border: #ffb54f;
  --bb-btn-soft-warning-focus-shadow-rgb: none;
  --bb-btn-soft-warning-active-color: #ffffff;
  --bb-btn-soft-warning-active-bg: #ffb54f;
  --bb-btn-soft-warning-active-border: #ffb54f;
  --bb-transition: 0.3s ease-out;
  --bb-btn-soft-info-color: var(--bb-btn-info-bg);
  --bb-btn-soft-info-bg: var(--bb-soft-info);
  --bb-btn-soft-info-border: #ddc0dd;
  --bb-border-color: #f0f0f0;
  --bb-border-radius: 0.1875rem;
  --bb-border-width: 1px;
  --bb-border-style: solid;
  --bb-card-border-radius: 0.5rem;
  --bb-card-inner-border-radius: calc(var(--bb-card-border-radius) - 1px);
  position: relative;
  background-color: var(--bb-body-bg);
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--bb-body-color);
  font-size: 16px;
  font-family: var(--bb-body-font-family);
  background: url("https://d2w6u17ngtanmy.cloudfront.net/gfx/wp-plugin/background-sm.png") top left no-repeat #eaf6fb;
  /* Old layout with sidepanel
  -----------------
  .main-wrapper {
      @media (min-width: 768px) {
          display: flex;
          flex-wrap: wrap;
          flex-direction: row;
          max-width: 1024px;
      }

      margin-top: 0;

      .mainpanel {
          margin-top: 4px;
          padding-top: 180px;
          flex: 1 1 400px;
          min-height: 100vh;
          max-width: 600px;

          @media (min-width: 650px) {
              margin-right: 15px;
          }
      }

      .sidepanel {
          flex: 1 2 250px;
          margin: 65px 0 30px;
          max-width: 600px;

          @media (min-width: 768px) {
              min-height: 100vh;
          }
          @media (min-width: 690px) and (max-width: 890px) {
              margin-top: 180px;
          }

          img {
              width: 100%;
              height: auto;
              max-width: 350px;
          }
      }
  }
  */
  /* Tabs
  -------------------------------- */
  /* BS Borders
  ---------------  */
  /* Border Inner Outline
  ************************ */
  /* Bootstrap Overrides - Alerts
  --------------------------------------- */
  /* Helpers
  ---------------------------------------- */
  /* Backgrounds
  --------------- */
  /* Opacity
  ------------------------------------------------------------ */
  /* Bootstrap Overrides - Lists
  --------------------------------------- */
  /* Bootstrap Overrides - Buttons
  --------------------------------------- */
  /* Bootstrap Overrides - Forms
  --------------------------------------- */
  /* Bootstrap overrides Input Group
  ================================== */
  /* Status Messages
  --------------------------------------- */
  /* RADIO
  --------------------------------------- */
  /* CHECKBOX
  --------------------------------------- */
}
#bbplugin-settings #wpcontent {
  padding: 0 0 40px;
  height: 100%;
}
@media (min-width: 440px) {
  #bbplugin-settings {
    background: url("https://d2w6u17ngtanmy.cloudfront.net/gfx/wp-plugin/background2.png") top left no-repeat #eaf6fb;
  }
}
#bbplugin-settings img.juggler {
  position: absolute;
  display: none;
  top: 4px;
  left: 450px;
  height: 180px;
  width: auto;
}
@media (min-width: 530px) {
  #bbplugin-settings img.juggler {
    display: block;
  }
}
#bbplugin-settings .bb-main-wrapper {
  padding-top: 4rem;
}
@media (min-width: 768px) {
  #bbplugin-settings .bb-main-wrapper {
    padding-top: 7.5rem;
  }
}
@media (min-width: 992px) {
  #bbplugin-settings .bb-main-wrapper {
    padding-top: 6rem;
  }
}
#bbplugin-settings.bbterms .bb-main-wrapper, #bbplugin-settings.bbactivate .bb-main-wrapper, #bbplugin-settings.bbthanks .bb-main-wrapper {
  padding-top: 195px;
}
#bbplugin-settings.bbsettings {
  background-image: none !important;
  background-color: var(--bb-body-bg);
}
#bbplugin-settings.bbsettings img.juggler {
  display: none;
}
#bbplugin-settings .header {
  -webkit-box-shadow: var(--bb-shadow-elevation-low-pgbg);
          box-shadow: var(--bb-shadow-elevation-low-pgbg);
  background-color: #037bbf !important;
}
@media (min-width: 768px) {
  #bbplugin-settings .header {
    position: fixed !important;
    z-index: 10;
  }
}
#bbplugin-settings .header .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.6);
}
#bbplugin-settings .header .navbar-dark .navbar-nav .nav-link.active {
  color: #ffffff;
}
#bbplugin-settings .header .navbar-nav {
  margin-left: 80px;
}
@media (min-width: 768px) {
  #bbplugin-settings .header .navbar-nav {
    margin-left: 145px;
  }
}
#bbplugin-settings .header .navbar-brand img {
  width: 100px;
}
@media (min-width: 768px) {
  #bbplugin-settings .header .navbar-brand img {
    width: auto;
  }
}
#bbplugin-settings .header .nav .nav-item {
  margin: 0;
}
#bbplugin-settings .header .nav .nav-item .nav-link {
  padding: 1.25rem 1rem;
  font-size: 1rem;
  position: relative;
  line-height: 1.3;
}
#bbplugin-settings .header .nav .nav-item .nav-link:hover {
  background: var(--bb-active-selected);
  -webkit-transition: all var(--bb-transition);
  transition: all var(--bb-transition);
  color: #ffffff;
}
#bbplugin-settings .header .nav .nav-item .nav-link:focus {
  background: var(--bb-active-selected);
  color: #ffffff;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
}
#bbplugin-settings .header .nav.nav-vertical .nav-link {
  font-size: 0.875rem;
}
#bbplugin-settings .header .nav .dropdown-item {
  font-size: 0.875rem;
  padding: 0.1875rem 1.5rem;
  color: #212529;
}
#bbplugin-settings .header .nav .dropdown-menu {
  font-size: 0.875rem;
  border: 0;
  -webkit-box-shadow: var(--bb-shadow-elevation-high);
          box-shadow: var(--bb-shadow-elevation-high);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#bbplugin-settings .bbfooter {
  padding-top: 70px;
  padding-bottom: 70px;
}
#bbplugin-settings .nav-item {
  margin: 0;
}
#bbplugin-settings .nav-pills .nav-link {
  color: var(--bb-link-color);
}
#bbplugin-settings .nav-pills .nav-link.active {
  background-color: var(--bb-active-selected);
  color: #ffffff;
}
@media (min-width: 768px) {
  #bbplugin-settings .nav.nav-vertical {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #bbplugin-settings .nav.nav-arrowtabs .nav-link {
    --bb-border-color: rgba(var(--bb-soft-normal-rgb), 1);
    position: relative;
    padding: 0.75rem 1rem;
    margin-right: 4px;
    margin-bottom: -1px;
    text-align: center;
    background-color: #fff;
    border: 1px solid var(--bb-border-color);
    font-size: 0.875rem;
    font-weight: 500;
    -webkit-transition: background-color 0.1s ease-out;
    transition: background-color 0.1s ease-out;
  }
  #bbplugin-settings .nav.nav-arrowtabs .nav-link:before, #bbplugin-settings .nav.nav-arrowtabs .nav-link:after {
    z-index: 1;
    content: "";
    position: absolute;
    border: 10px solid transparent;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  #bbplugin-settings .nav.nav-arrowtabs .nav-link:before {
    bottom: -20px;
  }
  #bbplugin-settings .nav.nav-arrowtabs .nav-link.active {
    color: #ffffff;
    background-color: var(--bb-active-selected);
    border-color: var(--bb-active-selected);
  }
  #bbplugin-settings .nav.nav-arrowtabs .nav-link.active:before {
    z-index: 1;
    border-top-color: var(--bb-active-selected);
  }
  #bbplugin-settings .nav.nav-arrowtabs .nav-link:hover:not(#bbplugin-settings .nav.nav-arrowtabs .nav-link.active) {
    background-color: var(--bb-soft-active-selected);
    border-color: rgba(var(--bb-active-selected-rgb), 0.3);
  }
  #bbplugin-settings .nav.nav-arrowtabs .nav-link:hover:not(#bbplugin-settings .nav.nav-arrowtabs .nav-link.active):before {
    border-top-color: rgba(var(--bb-active-selected-rgb), 0.3);
    bottom: -20px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
  }
  #bbplugin-settings .nav.nav-arrowtabs .nav-link:hover:not(#bbplugin-settings .nav.nav-arrowtabs .nav-link.active):after {
    border-top-color: var(--bb-soft-active-selected);
    bottom: -18px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical {
    border: 0;
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link {
    margin-right: 0;
    margin-bottom: 12px;
    text-align: center;
    -webkit-box-shadow: var(--bb-shadow-elevation-medium-pgbg);
            box-shadow: var(--bb-shadow-elevation-medium-pgbg);
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link:before, #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link:after {
    z-index: 1;
    content: "";
    position: absolute;
    border: 10px solid transparent;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    bottom: auto;
    left: auto;
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link:before {
    right: -20px;
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link.active {
    color: #ffffff;
    border-color: var(--bb-active-selected);
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link.active:before {
    z-index: 1;
    border-left-color: var(--bb-active-selected);
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link:hover:not(#bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link.active) {
    background-color: var(--bb-soft-active-selected);
    border-color: rgba(var(--bb-active-selected-rgb), 0.3);
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link:hover:not(#bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link.active):before {
    border-left-color: rgba(var(--bb-active-selected-rgb), 0.3);
    right: -20px;
    border-top-color: transparent;
    bottom: auto;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link:hover:not(#bbplugin-settings .nav.nav-arrowtabs.nav-vertical .nav-link.active):after {
    border-left-color: var(--bb-soft-active-selected);
    right: -18px;
    border-top-color: transparent;
    bottom: auto;
    -webkit-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-vertical.nav-arrowtabs-smaller .nav-link {
    font-size: 0.8125em;
    padding: 0.5rem;
    margin-bottom: 10px;
    text-align: left;
    -webkit-box-shadow: var(--bb-shadow-elevation-medium);
            box-shadow: var(--bb-shadow-elevation-medium);
  }
  #bbplugin-settings .nav.nav-arrowtabs.nav-arrowtabs-alt {
    background-color: rgba(255, 255, 255, 0.6);
    padding-top: 8px;
  }
}
@media (min-width: 768px) {
  #bbplugin-settings #settingsTabContent {
    padding-top: 3.5rem;
  }
}
#bbplugin-settings .fixed-tab-menu {
  position: fixed;
  padding-top: 2.5rem;
}
#bbplugin-settings .border-radius {
  border-radius: var(--bb-border-radius);
}
#bbplugin-settings .border-radius-0 {
  border-radius: 0 !important;
}
#bbplugin-settings .border-radius-left-0 {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
#bbplugin-settings .border-radius-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
#bbplugin-settings .border-radius-right-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#bbplugin-settings .border-radius-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
#bbplugin-settings .border-radius-sm {
  border-radius: var(--bb-border-radius-sm);
}
#bbplugin-settings .border-radius-top-sm {
  border-top-left-radius: var(--bb-border-radius-sm);
  border-top-right-radius: var(--bb-border-radius-sm);
}
#bbplugin-settings .border-radius-bottom-sm {
  border-bottom-left-radius: var(--bb-border-radius-sm);
  border-bottom-right-radius: var(--bb-border-radius-sm);
}
#bbplugin-settings .border-radius-lg {
  border-radius: var(--bb-border-radius-lg);
}
#bbplugin-settings .rounded-xl,
#bbplugin-settings .border-radius-xl {
  border-radius: var(--bb-border-radius-xl);
}
#bbplugin-settings .rounded-2xl,
#bbplugin-settings .border-radius-2xl {
  border-radius: var(--bb-border-radius-2xl);
}
#bbplugin-settings .rounded-3xl {
  border-radius: var(--bb-border-radius-3xl);
}
#bbplugin-settings .border {
  border: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color) !important;
}
#bbplugin-settings .border-0 {
  border: 0 !important;
}
#bbplugin-settings .border-top {
  border-top: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color) !important;
}
#bbplugin-settings .border-top-0 {
  border-top: 0 !important;
}
#bbplugin-settings .border-right {
  border-right: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color) !important;
}
#bbplugin-settings .border-right-0 {
  border-right: 0 !important;
}
#bbplugin-settings .border-right-transparent {
  --bb-border-color: transparent;
  border-right: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color) !important;
}
#bbplugin-settings .border-bottom {
  border-bottom: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color) !important;
}
#bbplugin-settings .border-bottom-0 {
  border-bottom: 0 !important;
}
#bbplugin-settings .border-left {
  border-left: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color) !important;
}
#bbplugin-settings .border-left-0 {
  border-left: 0 !important;
}
#bbplugin-settings .border-primary {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-primary-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-secondary {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-secondary-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-success {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-success-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-info {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-info-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-warning {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-warning-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-danger {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-danger-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-dark {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-dark-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-light {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-light-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-tertiary {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-tertiary-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-pink {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-pink-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-careful {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-careful-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-careful-darker {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-careful-darker-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-normal {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-normal-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-disabled {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-disabled-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-none {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-none-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-neutral {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-neutral-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-primary {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-primary-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-secondary {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-secondary-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-success {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-success-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-info {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-info-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-warning {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-warning-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-danger {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-danger-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-active-selected {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-active-selected-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-light {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-light-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-tertiary {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-tertiary-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-pink {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-pink-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-careful {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-careful-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .borderv-careful-darker {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-careful-darker-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-normal {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-normal-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-disabled {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-disabled-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-none {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-none-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-soft-neutral {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-soft-neutral-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-divider {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-dividerX-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-white {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-white-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-input {
  --bb-border-opacity: 1;
  --bb-border-color-rgb: var(--bb-gray-input-border-rgb);
  border-color: rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
}
#bbplugin-settings .border-opacity-10 {
  --bb-border-opacity: 0.1 ;
}
#bbplugin-settings .border-opacity-15 {
  --bb-border-opacity: 0.15 ;
}
#bbplugin-settings .border-opacity-20 {
  --bb-border-opacity: 0.20 ;
}
#bbplugin-settings .border-opacity-25 {
  --bb-border-opacity: 0.25 ;
}
#bbplugin-settings .border-opacity-30 {
  --bb-border-opacity: 0.3 ;
}
#bbplugin-settings .border-opacity-40 {
  --bb-border-opacity: 0.4 ;
}
#bbplugin-settings .border-opacity-45 {
  --bb-border-opacity: 0.45;
}
#bbplugin-settings .border-opacity-50 {
  --bb-border-opacity: 0.5 ;
}
#bbplugin-settings .border-opacity-75 {
  --bb-border-opacity: 0.75 ;
}
#bbplugin-settings .border-opacity-100 {
  --bb-border-opacity: 1 ;
}
#bbplugin-settings .border-dashed {
  --bb-border-style: dashed;
}
#bbplugin-settings .border-inner-outline {
  --bb-border-opacity: 1;
  outline: var(--bb-border-width) var(--bb-border-style) rgba(var(--bb-border-color-rgb), var(--bb-border-opacity)) !important;
  outline-offset: -1px;
}
#bbplugin-settings .card {
  --bb-card-border-width: 0;
  --bb-card-border-color: #f0f0f0;
  margin-top: 0;
  padding: 0;
  max-width: none;
  border: var(--bb-card-border-width) solid var(--bb-card-border-color);
  border-radius: var(--bb-card-border-radius);
}
#bbplugin-settings .card.card-outline {
  border: 0;
  -webkit-box-shadow: var(--bb-shadow-elevation-medium);
          box-shadow: var(--bb-shadow-elevation-medium);
  margin-bottom: 3rem;
}
#bbplugin-settings .card.card-inner-outline {
  --bb-border-color: rgba(var(--bb-soft-normal-rgb), 0.7);
  margin-bottom: 1rem;
  border-top: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color);
  border-left: var(--bb-border-width) var(--bb-border-style) rgba(var(--bb-soft-normal-rgb), 0.5);
  -webkit-box-shadow: var(--bb-shadow-elevation-medium);
          box-shadow: var(--bb-shadow-elevation-medium);
}
#bbplugin-settings .card .card-header {
  --bb-card-border-width: 1px;
  --bb-border-color: #f0f0f0;
  border-bottom: var(--bb-card-border-width) solid var(--bb-border-color);
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  font-weight: 500;
}
#bbplugin-settings .card .card-header:first-child {
  border-radius: var(--bb-card-inner-border-radius) var(--bb-card-inner-border-radius) 0 0;
}
#bbplugin-settings .card .card-header .h2 {
  font-size: 1.5rem;
  margin: 0;
  color: var(--bb-label-color);
  line-height: 1.2;
}
#bbplugin-settings .card .card-header .h3 {
  font-size: 1.125rem;
  margin: 0;
  color: var(--bb-label-color);
  line-height: 1.2;
}
#bbplugin-settings .card .card-header .h4 {
  font-size: 1rem;
  margin: 0;
  line-height: 1.2;
}
#bbplugin-settings .card .card-header.alert {
  --bb-alert-padding-y: 1rem;
  margin-bottom: 0;
  border: 0;
}
#bbplugin-settings .card .card-header.alert.alert-marker {
  padding-left: 60px;
}
#bbplugin-settings .card .card-body {
  padding: 0.75rem 1.25rem;
}
#bbplugin-settings .panel {
  background-color: #fff;
  position: relative;
  padding: 25px 10px;
  border: 1px solid var(--bb-panel-border);
  border-radius: var(--bb-border-radius);
  -webkit-box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
  box-shadow: 0 1px 2px rgba(56, 65, 74, 0.15);
}
@media (min-width: 450px) {
  #bbplugin-settings .panel {
    padding: 25px 15px;
  }
}
@media (min-width: 500px) {
  #bbplugin-settings .panel {
    padding: 25px 20px;
  }
}
@media (min-width: 600px) {
  #bbplugin-settings .panel {
    padding: 25px;
  }
}
#bbplugin-settings .alert {
  font-size: 13px;
}
#bbplugin-settings .alert.alert-sm {
  padding: 0.5rem 1rem;
}
#bbplugin-settings .alert.alert-sm.alert-marker {
  padding-left: 50px;
}
#bbplugin-settings .alert.alert-sm.alert-marker .marker-icon {
  position: absolute;
  width: 36px;
}
#bbplugin-settings .alert-success {
  --bb-border-opacity: 0.5;
  --bb-border-color-rgb: var(--bb-success-rgb);
  color: var(--bb-success-darker);
  background-color: rgba(var(--bb-success-rgb), 0.2);
}
#bbplugin-settings .alert-light {
  --bb-border-opacity: 0.75;
  --bb-border-color-rgb: var(--bb-dark-rgb);
  color: var(--bb-body-color);
  background-color: rgba(var(--bb-soft-normal-rgb), 1);
}
#bbplugin-settings .alert-dark {
  --bb-alert-color: var(--bb-dark);
  --bb-alert-bg-rgb: var(--bb-dark-rgb);
  color: var(--bb-alert-color);
  background-color: rgba(var(--bb-alert-bg-rgb), 0.1);
}
#bbplugin-settings .alert-info {
  --bb-border-opacity: 0.3;
  --bb-border-color-rgb: var(--bb-info-rgb);
  color: var(--bb-info);
  background-color: rgba(var(--bb-soft-info-rgb), 0.7);
}
#bbplugin-settings .alert-primary {
  --bb-border-opacity: 0.3;
  --bb-border-color-rgb: var(--bb-primary-rgb);
  color: var(--bb-theme-d-15);
  background-color: rgba(var(--bb-primary-rgb), 0.05);
}
#bbplugin-settings .alert-secondary {
  --bb-border-opacity: 0.3;
  --bb-border-color-rgb: var(--bb-secondary-rgb);
  color: var(--bb-title-color);
  background-color: rgba(var(--bb-secondary-rgb), 0.2);
}
#bbplugin-settings .alert-danger {
  --bb-border-opacity: 0.4;
  --bb-border-color-rgb: var(--bb-danger-rgb);
  color: var(--bb-danger);
  background-color: rgba(var(--bb-danger-rgb), 0.15);
}
#bbplugin-settings .alert-warning {
  --bb-border-opacity: 0.4;
  --bb-border-color-rgb: var(--bb-warning-rgb);
  color: var(--bb-warning-darker);
  background-color: rgba(var(--bb-soft-warning-rgb), 0.5);
}
#bbplugin-settings .border-inner-outline {
  --bb-border-opacity: 1;
  outline: 1px solid rgba(var(--bb-border-color-rgb), 0.2) !important;
  outline-offset: -1px;
}
#bbplugin-settings .alert-marker {
  position: relative;
  padding-left: 60px;
  border: 0;
}
#bbplugin-settings .alert-marker .marker-icon {
  position: absolute;
  width: 45px;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.15);
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#bbplugin-settings .alert-marker .marker-icon img {
  height: 16px;
  width: 16px;
}
#bbplugin-settings .alert-marker.marker-right, #bbplugin-settings .alert-marker.marker-rounded {
  --bb-marker-icon-color: #ffffff;
}
#bbplugin-settings .alert-marker.marker-right.alert-primary, #bbplugin-settings .alert-marker.marker-rounded.alert-primary {
  --bb-background-alert-marker: var(--bb-primary);
}
#bbplugin-settings .alert-marker.marker-right.alert-secondary, #bbplugin-settings .alert-marker.marker-rounded.alert-secondary {
  --bb-background-alert-marker: var(--bb-secondary);
}
#bbplugin-settings .alert-marker.marker-right.alert-success, #bbplugin-settings .alert-marker.marker-rounded.alert-success {
  --bb-background-alert-marker: var(--bb-success);
}
#bbplugin-settings .alert-marker.marker-right.alert-info, #bbplugin-settings .alert-marker.marker-rounded.alert-info {
  --bb-background-alert-marker: var(--bb-info);
}
#bbplugin-settings .alert-marker.marker-right.alert-warning, #bbplugin-settings .alert-marker.marker-rounded.alert-warning {
  --bb-background-alert-marker: var(--bb-warning);
}
#bbplugin-settings .alert-marker.marker-right.alert-danger, #bbplugin-settings .alert-marker.marker-rounded.alert-danger {
  --bb-background-alert-marker: var(--bb-danger);
}
#bbplugin-settings .alert-marker.marker-right.alert-light, #bbplugin-settings .alert-marker.marker-rounded.alert-light {
  --bb-background-alert-marker: rgba(var(--bb-gray-d0-rgb), 0.9);
  --bb-border-color: rgba(var(--bb-gray-d0-rgb), 0.1);
}
#bbplugin-settings .alert-marker.marker-right.alert-dark, #bbplugin-settings .alert-marker.marker-rounded.alert-dark {
  --bb-background-alert-marker: var(--bb-dark);
}
#bbplugin-settings .alert-marker.marker-right .marker-icon, #bbplugin-settings .alert-marker.marker-rounded .marker-icon {
  background-color: var(--bb-background-alert-marker);
  color: var(--bb-marker-icon-color);
}
#bbplugin-settings .alert-marker.marker-right .marker-icon:after, #bbplugin-settings .alert-marker.marker-rounded .marker-icon:after {
  border-left-color: var(--bb-background-alert-marker) !important;
}
#bbplugin-settings .alert-marker.marker-right {
  overflow: hidden;
}
#bbplugin-settings .alert-marker.marker-right .marker-icon:after {
  content: "";
  position: absolute;
  border: 6px solid transparent;
  border-left-color: var(--bb-background-alert-marker) !important;
  right: -12px;
}
#bbplugin-settings .alert-marker.marker-rounded .marker-icon {
  height: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 0 30px 30px 0;
}
#bbplugin-settings .alert-marker.marker-rounded .marker-icon:after {
  border-left: 0 !important;
}
#bbplugin-settings .alert-marker.marker-rounded svg.marker-icon {
  height: 24px;
  padding-top: 4px;
  padding-bottom: 4px;
}
#bbplugin-settings .alert-marker.border-inner-outline {
  --bb-border-opacity: 0.18;
}
@media (min-width: 768px) {
  #bbplugin-settings .position-md-fixed {
    position: fixed !important;
  }
}
#bbplugin-settings .bg-dark {
  --bb-bg-opacity: 1;
  background-color: rgba(var(--bb-dark-rgb), var(--bb-bg-opacity)) !important;
}
#bbplugin-settings .bg-secondary {
  --bb-bg-opacity: 1;
  background-color: rgba(var(--bb-secondary-rgb), var(--bb-bg-opacity)) !important;
}
#bbplugin-settings .bg-soft-secondary {
  --bb-bg-opacity: 1;
  background-color: rgba(var(--bb-soft-secondary-rgb), var(--bb-bg-opacity)) !important;
}
#bbplugin-settings .bg-soft-success {
  --bb-bg-opacity: 1;
  background-color: rgba(var(--bb-soft-success-rgb), var(--bb-bg-opacity)) !important;
}
#bbplugin-settings .bg-soft-warning {
  --bb-bg-opacity: 1;
  background-color: rgba(var(--bb-soft-warning-rgb), var(--bb-bg-opacity)) !important;
}
#bbplugin-settings .bg-soft-info {
  --bb-bg-opacity: 1;
  background-color: rgba(var(--bb-soft-info-rgb), var(--bb-bg-opacity)) !important;
}
#bbplugin-settings .bg-soft-dark {
  --bb-bg-opacity: 1;
  background-color: rgba(var(--bb-soft-dark-rgb), var(--bb-bg-opacity)) !important;
}
#bbplugin-settings .bg-opacity-5 {
  --bb-bg-opacity: 0.05 !important;
}
#bbplugin-settings .bg-opacity-7 {
  --bb-bg-opacity: 0.07;
}
#bbplugin-settings .bg-opacity-10 {
  --bb-bg-opacity: 0.1;
}
#bbplugin-settings .bg-opacity-15 {
  --bb-bg-opacity: 0.15;
}
#bbplugin-settings .bg-opacity-20 {
  --bb-bg-opacity: 0.2;
}
#bbplugin-settings .bg-opacity-25 {
  --bb-bg-opacity: 0.25;
}
#bbplugin-settings .bg-opacity-30 {
  --bb-bg-opacity: 0.30;
}
#bbplugin-settings .bg-opacity-40 {
  --bb-bg-opacity: 0.40;
}
#bbplugin-settings .bg-opacity-50 {
  --bb-bg-opacity: 0.5;
}
#bbplugin-settings .bg-opacity-60 {
  --bb-bg-opacity: 0.6;
}
#bbplugin-settings .bg-opacity-70 {
  --bb-bg-opacity: 0.7;
}
#bbplugin-settings .bg-opacity-75 {
  --bb-bg-opacity: 0.75;
}
#bbplugin-settings .bg-opacity-80 {
  --bb-bg-opacity: 0.80;
}
#bbplugin-settings .bg-opacity-85 {
  --bb-bg-opacity: 0.85;
}
#bbplugin-settings .bg-opacity-90 {
  --bb-bg-opacity: 0.90 !important;
}
#bbplugin-settings .bg-opacity-100 {
  --bb-bg-opacity: 1 !important;
}
#bbplugin-settings .bg-remove {
  background: none !important;
}
#bbplugin-settings .maxwidth-xl {
  max-width: 1200px;
}
#bbplugin-settings .maxwidth-lg {
  max-width: 992px;
}
#bbplugin-settings .body-inner700 {
  max-width: 700px;
  margin-top: 1rem;
  margin-bottom: 1rem;
  margin-left: auto;
  margin-right: auto;
}
#bbplugin-settings .max700 {
  max-width: 700px;
}
#bbplugin-settings .max600 {
  max-width: 600px;
}
#bbplugin-settings .div-center {
  margin: 0 auto;
}
#bbplugin-settings .w100 {
  width: 100%;
}
#bbplugin-settings img {
  width: 100%;
  height: auto;
}
#bbplugin-settings img.icon-sm {
  width: 14px;
  height: 14px;
}
#bbplugin-settings img.img-sm {
  height: 3rem;
  width: 3rem;
}
#bbplugin-settings img.img-md {
  height: 3.5rem;
  width: 3.5rem;
}
#bbplugin-settings a {
  color: var(--bb-link-color);
}
#bbplugin-settings p,
#bbplugin-settings .bb-text {
  margin: 0 0 1em 0;
  font-size: 0.875rem;
  line-height: 1.285714;
}
#bbplugin-settings p.smaller,
#bbplugin-settings .bb-text.smaller {
  font-size: 0.8125rem;
  line-height: 1.30769;
}
#bbplugin-settings p.small,
#bbplugin-settings .bb-text.small {
  font-size: 0.75rem;
  line-height: 1.25;
}
#bbplugin-settings p.bb-xsmall,
#bbplugin-settings .bb-text.bb-xsmall {
  font-size: 0.75rem;
  line-height: 1;
}
#bbplugin-settings h1 {
  font-size: 2rem;
}
#bbplugin-settings h2 {
  margin: 10px 0 20px 0;
  padding: 0;
  font-size: 1.5rem;
  color: var(--bb-title-color);
  font-weight: 500;
  line-height: 1.2;
}
#bbplugin-settings h3,
#bbplugin-settings .h3 {
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  color: var(--bb-headings-color);
  font-weight: 500;
  line-height: 1.2;
}
#bbplugin-settings h4,
#bbplugin-settings .h4 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: var(--bb-title-color);
  font-weight: 600;
  line-height: 1.2;
}
#bbplugin-settings h5,
#bbplugin-settings .h5 {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  color: var(--bb-body-color);
  font-weight: 600;
  line-height: 1.2;
}
#bbplugin-settings .text-h3 {
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.2;
}
#bbplugin-settings .text-h4 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.2;
}
#bbplugin-settings .text-h5 {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.2;
}
#bbplugin-settings .weight300 {
  font-weight: 300;
}
#bbplugin-settings .weight500 {
  font-weight: 500;
}
#bbplugin-settings .weight700 {
  font-weight: 700;
}
#bbplugin-settings .strong {
  font-weight: 700;
}
#bbplugin-settings .small {
  font-size: 0.875em;
}
#bbplugin-settings .smaller {
  font-size: 0.9375em;
}
#bbplugin-settings .xsmall {
  font-size: 0.8125rem;
}
#bbplugin-settings .text-1rem {
  font-size: 1rem;
}
#bbplugin-settings .text-highlight {
  background-color: #ffff00 !important;
}
#bbplugin-settings .text-success {
  color: var(--bb-text-success);
}
#bbplugin-settings .ml-1px {
  margin-left: 1px;
}
#bbplugin-settings .lh-1 {
  line-height: 1 !important;
}
#bbplugin-settings .lh-13 {
  line-height: 1.3 !important;
}
#bbplugin-settings .lh-1375 {
  line-height: 1.375rem !important;
}
#bbplugin-settings .shadow-lg {
  -webkit-box-shadow: 0 1px 1px rgba(213, 216, 218, 0.15), 0 2px 2px rgba(213, 216, 218, 0.15), 0 4px 4px rgba(213, 216, 218, 0.15), 0 8px 8px rgba(213, 216, 218, 0.15) !important;
          box-shadow: 0 1px 1px rgba(213, 216, 218, 0.15), 0 2px 2px rgba(213, 216, 218, 0.15), 0 4px 4px rgba(213, 216, 218, 0.15), 0 8px 8px rgba(213, 216, 218, 0.15) !important;
}
#bbplugin-settings .bb-hidden {
  display: none;
}
#bbplugin-settings .bb-debug-title {
  cursor: pointer;
}
#bbplugin-settings .shadow-img {
  --bb-border-color: rgba(var(--bb-soft-normal-rgb), 0.7);
  margin-bottom: 1rem;
  border-top: var(--bb-border-width) var(--bb-border-style) var(--bb-border-color);
  border-left: var(--bb-border-width) var(--bb-border-style) rgba(var(--bb-soft-normal-rgb), 0.5);
  -webkit-box-shadow: var(--bb-shadow-elevation-medium);
          box-shadow: var(--bb-shadow-elevation-medium);
}
#bbplugin-settings .shadow-elevation-medium {
  -webkit-box-shadow: var(--bb-shadow-elevation-medium);
          box-shadow: var(--bb-shadow-elevation-medium);
}
#bbplugin-settings ul.list-disc,
#bbplugin-settings ul.list-alpha,
#bbplugin-settings ul.list-decimal {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 1.5rem;
  font-size: 0.875rem;
}
#bbplugin-settings ul.list-alpha > li {
  list-style-type: lower-alpha;
}
#bbplugin-settings ul.list-disc > li {
  list-style-type: disc;
}
#bbplugin-settings ul.list-decimal > li {
  list-style-type: decimal;
}
#bbplugin-settings ul > li.bb-text, #bbplugin-settings ol > li.bb-text {
  padding: 0;
  margin-bottom: 0.5em;
}
#bbplugin-settings ul.list-compact > li, #bbplugin-settings ol.list-compact > li {
  line-height: 1.142857;
  margin-bottom: 0.25rem;
}
#bbplugin-settings ul.list-smaller > li, #bbplugin-settings ol.list-smaller > li {
  font-size: 0.8125rem;
  line-height: 1.23076;
}
#bbplugin-settings ul.checklist > li {
  position: relative;
  list-style-type: none;
  padding: 0 0 3px 24px;
}
#bbplugin-settings ul.checklist > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 1em;
  height: 1em;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' style='width: 1em; height: 1.4em; vertical-align: middle;fill:%23238f6e;overflow: hidden;' viewBox='0 0 512 512'%3E%3Cpath d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'%3E%3C/path%3E%3C/svg%3E");
}
#bbplugin-settings .btn {
  display: inline-block;
  vertical-align: middle;
  padding: var(--bb-btn-padding-y) var(--bb-btn-padding-x);
  height: var(--bb-btn-height);
  font-size: var(--bb-btn-font-size);
  line-height: var(--bb-btn-line-height);
  border-radius: var(--bb-border-radius);
  font-weight: 400;
  background-color: transparent;
  border: 1px solid transparent;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  font-weight: 400;
  text-decoration: none !important;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  color: #ffffff;
  background: var(--bb-btn-primary-bg);
  border-color: var(--bb-btn-primary-bg);
}
#bbplugin-settings .btn:hover {
  color: #ffffff;
  background: var(--bb-btn-primary-hover-bg);
  border-color: var(--bb-btn-primary-hover-bg);
}
#bbplugin-settings .btn.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
#bbplugin-settings .btn.btn-primary {
  color: #ffffff;
  background: var(--bb-btn-primary-bg);
  border-color: var(--bb-btn-primary-bg);
}
#bbplugin-settings .btn.btn-primary:hover {
  color: #ffffff;
  background: var(--bb-btn-primary-hover-bg);
  border-color: var(--bb-btn-primary-hover-bg);
}
#bbplugin-settings .btn.btn-success, #bbplugin-settings .btn.copied {
  color: var(--bb-btn-success-color);
  background: var(--bb-btn-success-bg);
  border-color: var(--bb-btn-success-border);
}
#bbplugin-settings .btn.btn-success:hover, #bbplugin-settings .btn.copied:hover {
  color: #ffffff;
  background: var(--bb-btn-success-hover-bg);
  border-color: var(--bb-btn-success-hover-bg);
}
#bbplugin-settings .btn.btn-outline-primary {
  color: var(--bb-btn-primary-bg);
  border-color: var(--bb-btn-primary-border);
  background: transparent;
}
#bbplugin-settings .btn.btn-outline-primary:hover {
  color: #ffffff;
  background: var(--bb-btn-primary-hover-bg);
  border-color: var(--bb-btn-primary-hover-border);
}
#bbplugin-settings .btn.btn-info {
  color: #ffffff;
  background: var(--bb-btn-info-bg);
  border-color: var(--bb-btn-info-border);
}
#bbplugin-settings .btn.btn-info:hover {
  color: #ffffff;
  background: var(--bb-btn-info-hover-bg);
  border-color: var(--bb-btn-info-hover-border);
}
#bbplugin-settings .btn.btn-soft-info {
  color: var(--bb-btn-soft-info-color);
  background: var(--bb-btn-soft-info-bg);
  border-color: var(--bb-btn-soft-info-border);
}
#bbplugin-settings .btn.btn-soft-info:hover {
  color: #ffffff;
  background: var(--bb-btn-info-hover-bg);
  border-color: var(--bb-btn-info-hover-border);
}
#bbplugin-settings .btn.btn-outline-info {
  color: var(--bb-info);
  background: transparent;
  border-color: var(--bb-btn-info-border);
}
#bbplugin-settings .btn.btn-outline-info:hover {
  color: #ffffff;
  background: var(--bb-btn-info-hover-bg);
  border-color: var(--bb-btn-info-hover-border);
}
#bbplugin-settings .btn.btn-link-solid {
  color: #fff;
  background-color: var(--bb-link-color);
  border-color: var(--bb-link-color);
}
#bbplugin-settings .btn.btn-inline {
  position: relative;
  margin: 0 0 0 -4px;
  border-radius: 0 2px 2px 0 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#bbplugin-settings .btn.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.2rem;
  margin-top: auto;
  margin-bottom: auto;
}
#bbplugin-settings .btn.btn-label {
  position: relative;
  padding-left: 3.25rem;
}
#bbplugin-settings .btn.btn-label .btn-label-icon {
  position: absolute;
  width: 2.5rem;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: -1px;
  top: -1px;
  bottom: -1px;
  background-color: rgba(255, 255, 255, 0.2);
}
#bbplugin-settings .btn.btn-label .btn-label-icon.fa-video-play {
  font-size: 1.25rem;
}
#bbplugin-settings .btn.btn-label.label-right {
  padding-left: var(--bb-btn-padding-x);
  padding-right: 3.25rem;
}
#bbplugin-settings .btn.btn-label.label-right .btn-label-icon {
  right: -1px;
  left: auto;
}
#bbplugin-settings .copyme {
  padding-right: 1rem;
  background-color: rgba(var(--bb-careful-rgb), 0.2);
  font-family: var(--bb-font-monospace);
  padding: 0.5rem 0.75rem 0.5rem 0.5rem;
  word-break: break-all;
  color: var(--bb-input-color);
  height: auto;
  line-height: 1;
  font-size: 0.75em;
}
#bbplugin-settings input[type=text].form-control, #bbplugin-settings input[type=url].form-control, #bbplugin-settings select.form-control, #bbplugin-settings textarea.form-control {
  display: block;
  width: 100%;
  padding: var(--bb-btn-padding-y) var(--bb-btn-padding-x);
  color: var(--bb-body-color);
  background: var(--bb-input-bg);
  height: var(--bb-btn-height);
  font-size: var(--bb-btn-font-size);
  line-height: var(--bb-btn-line-height);
  border: 1px solid var(--bb-input-border-color);
  border-radius: var(--bb-border-radius);
  font-weight: 400;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
#bbplugin-settings input[type=text].form-control::-webkit-input-placeholder, #bbplugin-settings input[type=url].form-control::-webkit-input-placeholder, #bbplugin-settings select.form-control::-webkit-input-placeholder, #bbplugin-settings textarea.form-control::-webkit-input-placeholder {
  color: var(--bb-input-placeholder);
  opacity: 1;
}
#bbplugin-settings input[type=text].form-control::-moz-placeholder, #bbplugin-settings input[type=url].form-control::-moz-placeholder, #bbplugin-settings select.form-control::-moz-placeholder, #bbplugin-settings textarea.form-control::-moz-placeholder {
  color: var(--bb-input-placeholder);
  opacity: 1;
}
#bbplugin-settings input[type=text].form-control:-ms-input-placeholder, #bbplugin-settings input[type=url].form-control:-ms-input-placeholder, #bbplugin-settings select.form-control:-ms-input-placeholder, #bbplugin-settings textarea.form-control:-ms-input-placeholder {
  color: var(--bb-input-placeholder);
  opacity: 1;
}
#bbplugin-settings input[type=text].form-control::-ms-input-placeholder, #bbplugin-settings input[type=url].form-control::-ms-input-placeholder, #bbplugin-settings select.form-control::-ms-input-placeholder, #bbplugin-settings textarea.form-control::-ms-input-placeholder {
  color: var(--bb-input-placeholder);
  opacity: 1;
}
#bbplugin-settings input[type=text].form-control::placeholder, #bbplugin-settings input[type=url].form-control::placeholder, #bbplugin-settings select.form-control::placeholder, #bbplugin-settings textarea.form-control::placeholder {
  color: var(--bb-input-placeholder);
  opacity: 1;
}
#bbplugin-settings input[type=text].form-control:focus, #bbplugin-settings input[type=url].form-control:focus, #bbplugin-settings select.form-control:focus, #bbplugin-settings textarea.form-control:focus {
  border-color: #6baced;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
#bbplugin-settings select.form-control {
  padding-right: 1.75rem;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
}
#bbplugin-settings .input-group.input-group-icon {
  position: relative;
}
#bbplugin-settings .input-group.input-group-icon i {
  width: 1em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: calc(var(--bb-btn-padding-x) + 1px);
  pointer-events: none;
  color: var(--bb-gray-d0);
}
#bbplugin-settings .input-group.input-group-icon input.form-control {
  padding-left: 2.25rem;
}
#bbplugin-settings .input-group.input-group-sm.input-group-icon i {
  left: calc(var(--bb-btn-sm-padding-x) + 1px);
}
#bbplugin-settings .input-group.input-group-sm.input-group-icon input.form-control {
  padding-left: 1.875rem;
}
#bbplugin-settings .input-group.input-group-sm > .input-group-prepend > .input-group-text {
  height: auto;
  padding: var(--bb-btn-sm-padding-y) var(--bb-btn-sm-padding-x);
  font-size: var(--bb-btn-sm-font-size);
  line-height: var(--bb-btn-line-height);
}
#bbplugin-settings .input-group.input-group-sm > .form-control {
  height: auto;
  padding: var(--bb-btn-sm-padding-y) var(--bb-btn-sm-padding-x);
  font-size: var(--bb-btn-sm-font-size);
  line-height: var(--bb-btn-line-height);
}
#bbplugin-settings .input-group > .form-control.form-error + i {
  z-index: 3;
  color: var(--bb-input-error-border);
}
#bbplugin-settings .input-group > .form-control:focus + i {
  z-index: 3;
  color: var(--bb-input-focus-border);
}
#bbplugin-settings label,
#bbplugin-settings .label,
#bbplugin-settings .h6 {
  display: block;
  color: var(--bb-label-color);
  font-size: 0.875em;
  font-weight: 500;
  line-height: 1.5;
  cursor: initial;
}
#bbplugin-settings .floating-label {
  margin-bottom: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#bbplugin-settings .form-help {
  margin-top: 4px;
  margin-left: 2px;
  color: var(--bb-gray-d0);
  font-size: 12px;
  line-height: 1.3;
}
#bbplugin-settings .bb-domain {
  font-size: 0.875em;
  color: #000;
}
#bbplugin-settings .input-icon i,
#bbplugin-settings .input-icon > span {
  position: absolute;
  padding: calc(var(--bb-btn-padding-y) + 1px) var(--bb-btn-padding-x);
  font-size: 1rem;
  line-height: var(--bb-btn-line-height);
}
#bbplugin-settings .input-icon input.form-control {
  padding-left: 2.5rem;
}
#bbplugin-settings .status-messages {
  min-height: 1.3em;
  font-size: 0.875em;
}
#bbplugin-settings .status-messages .status-error {
  font-weight: 600;
  background: #e74955;
  color: #ffffff;
}
#bbplugin-settings .status-messages .status-warning {
  font-weight: 600;
  background: #fb9800;
  color: #ffffff;
}
#bbplugin-settings .status-messages .status-info {
  font-weight: 600;
  background: #9adddd;
  color: #666666;
}
#bbplugin-settings .status-messages .status-ok {
  font-weight: 600;
  background: #5e9d26;
  color: #ffffff;
}
#bbplugin-settings .rad-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  padding: 10px 16px;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all var(--bb-transition);
  transition: all var(--bb-transition);
  text-align: left;
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
  position: relative;
  cursor: pointer;
}
#bbplugin-settings .rad-label.rad-md {
  padding: 0 16px 0 0;
}
#bbplugin-settings .rad-label.rad-md .rad-text {
  margin-left: 10px;
}
#bbplugin-settings .rad-label.rad-sm {
  padding: 0 10px 0 0;
}
#bbplugin-settings .rad-label.rad-sm .rad-text {
  margin-left: 6px;
}
#bbplugin-settings .rad-label.no-bg {
  padding-left: 0;
  padding-right: 32px;
  padding-top: 4px;
  padding-bottom: 0;
}
#bbplugin-settings .rad-label.no-bg:hover {
  background: none;
}
#bbplugin-settings .rad-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  z-index: -1;
}
#bbplugin-settings .rad-check {
  width: 22px;
  height: 22px;
  background-color: #fcfcfd;
  border: 2px solid var(--bb-input-border-color);
  border-radius: 50%;
  position: relative;
  -webkit-transition: all var(--bb-transition);
  transition: all var(--bb-transition);
}
#bbplugin-settings .rad-text {
  margin-left: 10px;
  -webkit-transition: all var(--bb-transition);
  transition: all var(--bb-transition);
}
#bbplugin-settings .rad-text.light {
  color: #ffffff;
}
#bbplugin-settings .rad-label:hover,
#bbplugin-settings .rad-label:focus-within {
  background: #f8f8f8;
}
#bbplugin-settings .rad-label:hover .rad-text.light,
#bbplugin-settings .rad-label:focus-within .rad-text.light {
  color: var(--bb-primary);
}
#bbplugin-settings .rad-label:hover .rad-check {
  border: 2px solid var(--bb-active-selected);
}
#bbplugin-settings .rad-label:hover input:not(:checked) ~ .rad-text {
  color: var(--bb-primary);
}
#bbplugin-settings .rad-check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 12px;
  width: 12px;
  top: 3px;
  left: 3px;
  margin: auto;
  -webkit-transition: background var(--bb-transition);
  transition: background var(--bb-transition);
}
#bbplugin-settings .rad-input:checked + .rad-check {
  border: 2px solid var(--bb-active-selected);
  background: #ffffff;
}
#bbplugin-settings .rad-input:checked + .rad-check::before {
  background: var(--bb-active-selected);
}
#bbplugin-settings .rad-input:checked ~ .rad-text {
  text-shadow: -0.02ex 0 0 currentColor, 0.02ex 0 0 currentColor;
}
#bbplugin-settings .rad-md .rad-label {
  padding: 0 16px 0 0;
}
#bbplugin-settings .rad-md .rad-text {
  margin-left: 10px;
}
#bbplugin-settings .rad-sm .rad-label {
  padding: 0 10px 0 0;
}
#bbplugin-settings .rad-sm .rad-text {
  margin-left: 6px;
}
#bbplugin-settings .chk-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  z-index: -1;
}
#bbplugin-settings .chk-input + .chk-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100px;
  padding: 6px 16px 6px 18px;
  margin: 0;
  cursor: pointer;
  -webkit-transition: all var(--bb-transition);
  transition: all var(--bb-transition);
  text-align: left;
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
}
#bbplugin-settings .chk-input + .chk-label .chk-check {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  width: 17px;
  height: 17px;
  background: var(--bb-active-selected);
  position: relative;
  margin: 4px 0;
  border-radius: 3px;
}
#bbplugin-settings .chk-input + .chk-label .chk-text {
  margin-left: 8px;
}
#bbplugin-settings .chk-input + .chk-label .chk-text.light {
  color: #ffffff;
}
#bbplugin-settings .chk-input + .chk-label .chk-check::before {
  position: relative;
  content: "";
  display: inline-block;
  width: inherit;
  height: inherit;
  background-color: #fcfcfd;
  border: 2px solid var(--bb-input-border-color);
  border-radius: var(--bb-border-radius);
  -webkit-transition: all var(--bb-transition);
  transition: all var(--bb-transition);
}
#bbplugin-settings .chk-input + .chk-label .chk-check::after {
  position: absolute;
  top: 7px;
  left: 6px;
  width: 15px;
  height: 8px;
  border: 3px solid rgb(255, 255, 255);
  content: "";
  -webkit-transform: scale(0, 0) rotate(-90deg) translateZ(0);
          transform: scale(0, 0) rotate(-90deg) translateZ(0);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  border-top-style: none;
  border-right-style: none;
  -webkit-transition: all var(--bb-transition);
  transition: all var(--bb-transition);
}
#bbplugin-settings .chk-input + .chk-label.no-bg {
  padding-left: 0;
  padding-right: 24px;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
#bbplugin-settings .chk-input + .chk-label.no-bg:hover {
  background: none;
}
#bbplugin-settings .chk-input + .chk-label:hover, #bbplugin-settings .chk-input + .chk-label:focus-within {
  background: rgba(var(--bb-active-selected-rgb), 0.1);
}
#bbplugin-settings .chk-input + .chk-label:hover .chk-text.light, #bbplugin-settings .chk-input + .chk-label:focus-within .chk-text.light {
  color: var(--bb-primary);
}
#bbplugin-settings .chk-input + .chk-label:hover.no-bg, #bbplugin-settings .chk-input + .chk-label:focus-within.no-bg {
  background: none;
}
#bbplugin-settings .chk-input + .chk-label:hover .chk-check::before {
  background: #ffffff;
  border-color: #ffffff;
  -webkit-transform: scale(0.75);
          transform: scale(0.75);
}
#bbplugin-settings .chk-input:focus + .chk-label {
  outline-color: var(--bb-active-selected);
  outline-style: auto;
  outline-width: 1px;
}
#bbplugin-settings .chk-input:checked + .chk-label .chk-check::before {
  -webkit-transform: scale(0);
          transform: scale(0);
}
#bbplugin-settings .chk-input:checked + .chk-label .chk-check::after {
  -webkit-transform: scale(1, 1) rotate(-45deg) translateZ(0);
          transform: scale(1, 1) rotate(-45deg) translateZ(0);
}
#bbplugin-settings .chk-input:checked + .chk-label .chk-text {
  text-shadow: -0.02ex 0 0 currentColor, 0.02ex 0 0 currentColor;
}
#bbplugin-settings .form-select {
  display: block;
  width: 100%;
  padding: var(--bb-btn-padding-y) 2.25rem var(--bb-btn-padding-y) var(--bb-btn-padding-x);
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: var(--bb-btn-font-size);
  font-weight: 400;
  line-height: var(--bb-btn-line-height);
  color: var(--bb-input-color);
  background-color: var(--bb-input-bg);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid var(--bb-input-border);
  border-radius: var(--bb-border-radius);
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  #bbplugin-settings .form-select {
    -webkit-transition: none;
    transition: none;
  }
}
#bbplugin-settings .form-select[multiple],
#bbplugin-settings .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
#bbplugin-settings .form-select:disabled {
  background-color: #e9ecef;
}
#bbplugin-settings .form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}
#bbplugin-settings .form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
#bbplugin-settings .form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
#bbplugin-settings #bbVideoModal {
  padding-top: 4rem;
  z-index: 9999;
}
#bbplugin-settings .wp-menu-image img {
  width: 20px;
}