@charset "UTF-8";
.bng-hw.vendor {
  color: #666;
  font-size: 0.8em;
  font-family: monospace; }
  .bng-hw.vendor::before {
    content: " "; }

.bng-hw.hw-note {
  display: inline-block;
  font-style: italic;
  font-size: 0.9em;
  padding: 0.5em;
  background-color: #E5E9F2; }

.bng-hw.supported, .bng-hw.supported::before, .bng-hw.supported::after {
  color: green; }

.bng-hw.supported::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.supported::after {
  content: "Supported"; }

.bng-hw.unsupported, .bng-hw.unsupported::before, .bng-hw.unsupported::after {
  color: red; }

.bng-hw.unsupported::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.unsupported::after {
  content: "No longer supported"; }

.bng-hw.partial-support, .bng-hw.partial-support::before, .bng-hw.partial-support::after {
  color: orange; }

.bng-hw.partial-support::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.partial-support::after {
  content: "Partial support"; }

.bng-hw.not-assigned, .bng-hw.not-assigned::before, .bng-hw.not-assigned::after {
  color: grey; }

.bng-hw.not-assigned::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.not-assigned::after {
  content: "Not assigned"; }

.bng-hw.not-confirmed, .bng-hw.not-confirmed::before {
  color: blue; }

.bng-hw.not-confirmed::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.assigned, .bng-hw.assigned::before, .bng-hw.assigned::after {
  color: green; }

.bng-hw.assigned::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.assigned::after {
  content: "Already assigned"; }

.bng-hw.ffb, .bng-hw.ffb::before, .bng-hw.ffb::after {
  color: green; }

.bng-hw.ffb::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.ffb::after {
  content: "FFB"; }

.bng-hw.ffb-partial, .bng-hw.ffb-partial::before, .bng-hw.ffb-partial::after {
  color: orange; }

.bng-hw.ffb-partial::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.ffb-partial::after {
  content: "FFB"; }

.bng-hw.trueforce, .bng-hw.trueforce::before, .bng-hw.trueforce::after {
  color: green; }

.bng-hw.trueforce::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.trueforce::after {
  content: "Trueforce"; }

.bng-hw.trueforce-partial, .bng-hw.trueforce-partial::before, .bng-hw.trueforce-partial::after {
  color: orange; }

.bng-hw.trueforce-partial::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.trueforce-partial::after {
  content: "Trueforce"; }

.bng-hw.vibration, .bng-hw.vibration::before, .bng-hw.vibration::after {
  color: green; }

.bng-hw.vibration::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.vibration::after {
  content: "Vibration"; }

.bng-hw.vibration-partial, .bng-hw.vibration-partial::before, .bng-hw.vibration-partial::after {
  color: orange; }

.bng-hw.vibration-partial::before {
  content: "";
  font-family: bngIcons; }

.bng-hw.vibration-partial::after {
  content: "Vibration"; }
@charset "UTF-8";
.bng-notice {
  display: block;
  position: relative;
  margin: 0;
  margin-top: 1.25em;
  margin-bottom: 1.25em;
  padding: 0.7em;
  padding-top: 3em;
  overflow: hidden; }
  .bng-notice::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    line-height: 2em;
    padding-left: 0.7em;
    font-size: 1.2em;
    color: #fff; }
  .bng-notice::after {
    font-family: 'Overpass', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;
    position: absolute;
    font-size: 1.1em;
    top: 0.2em;
    color: #fff;
    left: 2.2em;
    line-height: 2em;
    letter-spacing: 0.02em; }

.bng-notice.note {
  background-color: #e7f2fa; }
  .bng-notice.note::before {
    background-color: #6ab0de;
    content: "";
    font-family: bngIcons; }
  .bng-notice.note::after {
    content: "Note"; }

.bng-notice.tip {
  background-color: #E6F9E6; }
  .bng-notice.tip::before {
    background-color: #78C578;
    content: "";
    font-family: bngIcons; }
  .bng-notice.tip::after {
    content: "Tip"; }

.bng-notice.info {
  background-color: #FFF2DB; }
  .bng-notice.info::before {
    background-color: #F0B37E;
    content: "";
    font-family: bngIcons; }
  .bng-notice.info::after {
    content: "Info"; }

.bng-notice.warning {
  background-color: #FAE2E2; }
  .bng-notice.warning::before {
    background-color: #E06F6C;
    content: "";
    font-family: bngIcons; }
  .bng-notice.warning::after {
    content: "Warning"; }

.bng-notice.todo {
  background-color: #FAE2E2; }
  .bng-notice.todo::before {
    background-color: #E06F6C;
    content: "";
    font-family: bngIcons; }
  .bng-notice.todo::after {
    content: "TODO"; }

.bng-notice.usage,
.bng-notice.cta {
  padding: 10px;
  padding-left: 50px;
  padding-right: 2px;
  margin-bottom: 0;
  border-radius: 0.65em; }
  .bng-notice.usage::before,
  .bng-notice.cta::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0.65em;
    width: 2.2em;
    height: 100%; }
  .bng-notice.usage::after,
  .bng-notice.cta::after {
    position: absolute;
    top: 50%;
    left: 0.65em;
    color: #fff;
    transform: translateY(-50%); }

.bng-notice.usage {
  margin-top: 0;
  border-radius: 0.65em 0 0 0.65em;
  border: 1px solid #78C578;
  background-color: #E6F9E6; }
  .bng-notice.usage::before {
    background-color: #78C578; }
  .bng-notice.usage::after {
    content: "";
    font-family: bngIcons; }

.bng-notice.cta {
  border: 1px solid #FF6800;
  background-color: #FFF2DB; }
  .bng-notice.cta::before {
    background-color: #FF6800; }
  .bng-notice.cta::after {
    content: "";
    font-family: bngIcons; }