bitwrench 1.2.16 → 2.0.7

package/dist/bitwrench.css

@@ -0,0 +1,5100 @@
+/**
+ * Bitwrench v2 CSS
+ * Class-based styles to prevent framework collisions
+ * Generated from bitwrench-styles.js
+ */
+
+/* Base styles with .bw namespace */
+
+:root {
+  --bw-blue: #006666;
+  --bw-indigo: #6610f2;
+  --bw-purple: #6f42c1;
+  --bw-pink: #d63384;
+  --bw-red: #dc3545;
+  --bw-orange: #fd7e14;
+  --bw-yellow: #ffc107;
+  --bw-green: #198754;
+  --bw-teal: #20c997;
+  --bw-cyan: #0dcaf0;
+  --bw-black: #000;
+  --bw-white: #fff;
+  --bw-gray: #6c757d;
+  --bw-gray-dark: #343a40;
+  --bw-gray-100: #f8f9fa;
+  --bw-gray-200: #e9ecef;
+  --bw-gray-300: #dee2e6;
+  --bw-gray-400: #ced4da;
+  --bw-gray-500: #adb5bd;
+  --bw-gray-600: #6c757d;
+  --bw-gray-700: #495057;
+  --bw-gray-800: #343a40;
+  --bw-gray-900: #212529;
+  --bw-primary: #006666;
+  --bw-secondary: #6c757d;
+  --bw-success: #198754;
+  --bw-info: #0dcaf0;
+  --bw-warning: #ffc107;
+  --bw-danger: #dc3545;
+  --bw-light: #f8f9fa;
+  --bw-dark: #212529;
+  --bw-font-sans-serif: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --bw-font-monospace: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Liberation Mono", "Courier New", monospace;
+  --bw-body-font-family: var(--bw-font-sans-serif);
+  --bw-body-font-size: 1rem;
+  --bw-body-font-weight: 400;
+  --bw-body-line-height: 1.5;
+  --bw-body-color: #212529;
+  --bw-body-bg: #fff;
+  --bw-border-width: 1px;
+  --bw-border-style: solid;
+  --bw-border-color: #dee2e6;
+  --bw-border-radius: .375rem;
+  --bw-border-radius-sm: .25rem;
+  --bw-border-radius-lg: .5rem;
+  --bw-border-radius-xl: 1rem;
+  --bw-border-radius-2xl: 2rem;
+  --bw-border-radius-pill: 50rem;
+  --bw-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
+  --bw-box-shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, .075);
+  --bw-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, .175);
+  --bw-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, .075);
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+html {
+  font-size: 16px;
+  line-height: 1.5;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.6;
+  color: #1a1a1a;
+  background-color: #f5f5f5;
+  margin: 0;
+  padding: 0;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.bw-page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.bw-bw_page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.bw-page-content {
+  flex: 1;
+  padding: 2rem 0;
+}
+
+.bw-bw_page-content {
+  flex: 1;
+  padding: 2rem 0;
+}
+
+main {
+  display: block;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+  margin: 1rem 0;
+  color: inherit;
+  background-color: currentColor;
+  border: 0;
+  opacity: .25;
+}
+
+hr:not([size]) {
+  height: 1px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: .5rem;
+  font-weight: 600;
+  line-height: 1.25;
+  letter-spacing: -0.01em;
+  color: #1a1a1a;
+}
+
+h1 {
+  font-size: calc(1.375rem + 1.5vw);
+}
+
+@media (min-width: 1200px) {
+  .bw-section-title {
+    font-size: 2rem;
+  }
+}
+
+h2 {
+  font-size: calc(1.325rem + .9vw);
+}
+
+h3 {
+  font-size: calc(1.3rem + .6vw);
+}
+
+h4 {
+  font-size: calc(1.275rem + .3vw);
+}
+
+h5 {
+  font-size: 1.25rem;
+}
+
+h6 {
+  font-size: 1rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+small {
+  font-size: 0.875rem;
+}
+
+a {
+  color: #006666;
+  text-decoration: none;
+  transition: color 0.15s;
+}
+
+a:hover {
+  color: #004d4d;
+  text-decoration: underline;
+}
+
+.bw-container {
+  width: 100%;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.bw-bw_container {
+  width: 100%;
+  padding-right: 0.75rem;
+  padding-left: 0.75rem;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+@media (min-width: 576px) {
+  .bw-col-sm-1 {
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .bw-col-sm-2 {
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .bw-col-sm-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .bw-col-sm-4 {
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .bw-col-sm-5 {
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .bw-col-sm-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .bw-col-sm-7 {
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .bw-col-sm-8 {
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .bw-col-sm-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .bw-col-sm-10 {
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .bw-col-sm-11 {
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .bw-col-sm-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+
+@media (min-width: 768px) {
+  .bw-col-md-1 {
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .bw-col-md-2 {
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .bw-col-md-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .bw-col-md-4 {
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .bw-col-md-5 {
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .bw-col-md-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .bw-col-md-7 {
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .bw-col-md-8 {
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .bw-col-md-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .bw-col-md-10 {
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .bw-col-md-11 {
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .bw-col-md-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+
+@media (min-width: 992px) {
+  .bw-col-lg-1 {
+    flex: 0 0 8.333333%;
+    max-width: 8.333333%;
+  }
+  .bw-col-lg-2 {
+    flex: 0 0 16.666667%;
+    max-width: 16.666667%;
+  }
+  .bw-col-lg-3 {
+    flex: 0 0 25%;
+    max-width: 25%;
+  }
+  .bw-col-lg-4 {
+    flex: 0 0 33.333333%;
+    max-width: 33.333333%;
+  }
+  .bw-col-lg-5 {
+    flex: 0 0 41.666667%;
+    max-width: 41.666667%;
+  }
+  .bw-col-lg-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+  }
+  .bw-col-lg-7 {
+    flex: 0 0 58.333333%;
+    max-width: 58.333333%;
+  }
+  .bw-col-lg-8 {
+    flex: 0 0 66.666667%;
+    max-width: 66.666667%;
+  }
+  .bw-col-lg-9 {
+    flex: 0 0 75%;
+    max-width: 75%;
+  }
+  .bw-col-lg-10 {
+    flex: 0 0 83.333333%;
+    max-width: 83.333333%;
+  }
+  .bw-col-lg-11 {
+    flex: 0 0 91.666667%;
+    max-width: 91.666667%;
+  }
+  .bw-col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%;
+  }
+}
+
+.bw-container-fluid {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.bw-bw_container-fluid {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.bw-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: calc(var(--bw-gutter-x, 0.75rem) * -0.5);
+  margin-left: calc(var(--bw-gutter-x, 0.75rem) * -0.5);
+}
+
+.bw-bw_row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: calc(var(--bw-gutter-x, 0.75rem) * -0.5);
+  margin-left: calc(var(--bw-gutter-x, 0.75rem) * -0.5);
+}
+
+.col, [class*="col-"] {
+  position: relative;
+  width: 100%;
+  padding-right: calc(var(--bw-gutter-x, 0.75rem) * 0.5);
+  padding-left: calc(var(--bw-gutter-x, 0.75rem) * 0.5);
+}
+
+.bw-col {
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%;
+}
+
+.bw-bw_col {
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%;
+}
+
+.bw-col-1 {
+  flex: 0 0 8.333333%;
+  max-width: 8.333333%;
+}
+
+.bw-bw_col-1 {
+  flex: 0 0 8.333333%;
+  max-width: 8.333333%;
+}
+
+.bw-col-2 {
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
+}
+
+.bw-bw_col-2 {
+  flex: 0 0 16.666667%;
+  max-width: 16.666667%;
+}
+
+.bw-col-3 {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.bw-bw_col-3 {
+  flex: 0 0 25%;
+  max-width: 25%;
+}
+
+.bw-col-4 {
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
+}
+
+.bw-bw_col-4 {
+  flex: 0 0 33.333333%;
+  max-width: 33.333333%;
+}
+
+.bw-col-5 {
+  flex: 0 0 41.666667%;
+  max-width: 41.666667%;
+}
+
+.bw-bw_col-5 {
+  flex: 0 0 41.666667%;
+  max-width: 41.666667%;
+}
+
+.bw-col-6 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.bw-bw_col-6 {
+  flex: 0 0 50%;
+  max-width: 50%;
+}
+
+.bw-col-7 {
+  flex: 0 0 58.333333%;
+  max-width: 58.333333%;
+}
+
+.bw-bw_col-7 {
+  flex: 0 0 58.333333%;
+  max-width: 58.333333%;
+}
+
+.bw-col-8 {
+  flex: 0 0 66.666667%;
+  max-width: 66.666667%;
+}
+
+.bw-bw_col-8 {
+  flex: 0 0 66.666667%;
+  max-width: 66.666667%;
+}
+
+.bw-col-9 {
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+
+.bw-bw_col-9 {
+  flex: 0 0 75%;
+  max-width: 75%;
+}
+
+.bw-col-10 {
+  flex: 0 0 83.333333%;
+  max-width: 83.333333%;
+}
+
+.bw-bw_col-10 {
+  flex: 0 0 83.333333%;
+  max-width: 83.333333%;
+}
+
+.bw-col-11 {
+  flex: 0 0 91.666667%;
+  max-width: 91.666667%;
+}
+
+.bw-bw_col-11 {
+  flex: 0 0 91.666667%;
+  max-width: 91.666667%;
+}
+
+.bw-col-12 {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.bw-bw_col-12 {
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.bw-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #1a1a1a;
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.5rem 1.125rem;
+  font-size: 0.875rem;
+  font-family: inherit;
+  border-radius: 6px;
+  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.05);
+  gap: 0.5rem;
+}
+
+.bw-bw_btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #1a1a1a;
+  text-align: center;
+  text-decoration: none;
+  vertical-align: middle;
+  cursor: pointer;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.5rem 1.125rem;
+  font-size: 0.875rem;
+  font-family: inherit;
+  border-radius: 6px;
+  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+  box-shadow: 0 1px 2px rgba(0,0,0,.05);
+  gap: 0.5rem;
+}
+
+.bw-btn:hover {
+  text-decoration: none;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px rgba(0,0,0,.07);
+}
+
+.bw-bw_btn:hover {
+  text-decoration: none;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 6px rgba(0,0,0,.07);
+}
+
+.bw-btn:active {
+  transform: translateY(0);
+  box-shadow: 0 1px 2px rgba(0,0,0,.05);
+}
+
+.bw-bw_btn:active {
+  transform: translateY(0);
+  box-shadow: 0 1px 2px rgba(0,0,0,.05);
+}
+
+.bw-btn:focus-visible {
+  outline: 0;
+  box-shadow: 0 0 0 3px rgba(0, 102, 102, 0.3);
+}
+
+.bw-bw_btn:focus-visible {
+  outline: 0;
+  box-shadow: 0 0 0 3px rgba(0, 102, 102, 0.3);
+}
+
+.bw-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.bw-bw_btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+
+.bw-btn-primary {
+  color: #fff;
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-bw_btn-primary {
+  color: #fff;
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-btn-primary:hover {
+  color: #fff;
+  background-color: #005555;
+  border-color: #004d4d;
+}
+
+.bw-bw_btn-primary:hover {
+  color: #fff;
+  background-color: #005555;
+  border-color: #004d4d;
+}
+
+.bw-btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.bw-bw_btn-secondary {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.bw-btn-secondary:hover {
+  color: #fff;
+  background-color: #5c636a;
+  border-color: #565e64;
+}
+
+.bw-bw_btn-secondary:hover {
+  color: #fff;
+  background-color: #5c636a;
+  border-color: #565e64;
+}
+
+.bw-btn-success {
+  color: #fff;
+  background-color: #198754;
+  border-color: #198754;
+}
+
+.bw-bw_btn-success {
+  color: #fff;
+  background-color: #198754;
+  border-color: #198754;
+}
+
+.bw-btn-success:hover {
+  color: #fff;
+  background-color: #157347;
+  border-color: #146c43;
+}
+
+.bw-bw_btn-success:hover {
+  color: #fff;
+  background-color: #157347;
+  border-color: #146c43;
+}
+
+.bw-btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.bw-bw_btn-danger {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.bw-btn-danger:hover {
+  color: #fff;
+  background-color: #bb2d3b;
+  border-color: #b02a37;
+}
+
+.bw-bw_btn-danger:hover {
+  color: #fff;
+  background-color: #bb2d3b;
+  border-color: #b02a37;
+}
+
+.bw-btn-warning {
+  color: #000;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.bw-bw_btn-warning {
+  color: #000;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.bw-btn-warning:hover {
+  color: #000;
+  background-color: #ffca2c;
+  border-color: #ffc720;
+}
+
+.bw-bw_btn-warning:hover {
+  color: #000;
+  background-color: #ffca2c;
+  border-color: #ffc720;
+}
+
+.bw-btn-info {
+  color: #000;
+  background-color: #0dcaf0;
+  border-color: #0dcaf0;
+}
+
+.bw-bw_btn-info {
+  color: #000;
+  background-color: #0dcaf0;
+  border-color: #0dcaf0;
+}
+
+.bw-btn-info:hover {
+  color: #000;
+  background-color: #31d2f2;
+  border-color: #25cff2;
+}
+
+.bw-bw_btn-info:hover {
+  color: #000;
+  background-color: #31d2f2;
+  border-color: #25cff2;
+}
+
+.bw-btn-light {
+  color: #000;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.bw-bw_btn-light {
+  color: #000;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.bw-btn-light:hover {
+  color: #000;
+  background-color: #f9fafb;
+  border-color: #f9fafb;
+}
+
+.bw-bw_btn-light:hover {
+  color: #000;
+  background-color: #f9fafb;
+  border-color: #f9fafb;
+}
+
+.bw-btn-dark {
+  color: #fff;
+  background-color: #212529;
+  border-color: #212529;
+}
+
+.bw-bw_btn-dark {
+  color: #fff;
+  background-color: #212529;
+  border-color: #212529;
+}
+
+.bw-btn-dark:hover {
+  color: #fff;
+  background-color: #1c1f23;
+  border-color: #1a1e21;
+}
+
+.bw-bw_btn-dark:hover {
+  color: #fff;
+  background-color: #1c1f23;
+  border-color: #1a1e21;
+}
+
+.bw-btn-outline-primary {
+  color: #006666;
+  border-color: #006666;
+  background-color: transparent;
+}
+
+.bw-bw_btn-outline-primary {
+  color: #006666;
+  border-color: #006666;
+  background-color: transparent;
+}
+
+.bw-btn-outline-primary:hover {
+  color: #fff;
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-bw_btn-outline-primary:hover {
+  color: #fff;
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-btn-outline-secondary {
+  color: #6c757d;
+  border-color: #6c757d;
+  background-color: transparent;
+}
+
+.bw-bw_btn-outline-secondary {
+  color: #6c757d;
+  border-color: #6c757d;
+  background-color: transparent;
+}
+
+.bw-btn-outline-secondary:hover {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.bw-bw_btn-outline-secondary:hover {
+  color: #fff;
+  background-color: #6c757d;
+  border-color: #6c757d;
+}
+
+.bw-btn-outline-success {
+  color: #198754;
+  border-color: #198754;
+  background-color: transparent;
+}
+
+.bw-bw_btn-outline-success {
+  color: #198754;
+  border-color: #198754;
+  background-color: transparent;
+}
+
+.bw-btn-outline-success:hover {
+  color: #fff;
+  background-color: #198754;
+  border-color: #198754;
+}
+
+.bw-bw_btn-outline-success:hover {
+  color: #fff;
+  background-color: #198754;
+  border-color: #198754;
+}
+
+.bw-btn-outline-danger {
+  color: #dc3545;
+  border-color: #dc3545;
+  background-color: transparent;
+}
+
+.bw-bw_btn-outline-danger {
+  color: #dc3545;
+  border-color: #dc3545;
+  background-color: transparent;
+}
+
+.bw-btn-outline-danger:hover {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.bw-bw_btn-outline-danger:hover {
+  color: #fff;
+  background-color: #dc3545;
+  border-color: #dc3545;
+}
+
+.bw-btn-outline-warning {
+  color: #ffc107;
+  border-color: #ffc107;
+  background-color: transparent;
+}
+
+.bw-bw_btn-outline-warning {
+  color: #ffc107;
+  border-color: #ffc107;
+  background-color: transparent;
+}
+
+.bw-btn-outline-warning:hover {
+  color: #000;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.bw-bw_btn-outline-warning:hover {
+  color: #000;
+  background-color: #ffc107;
+  border-color: #ffc107;
+}
+
+.bw-btn-outline-info {
+  color: #0dcaf0;
+  border-color: #0dcaf0;
+  background-color: transparent;
+}
+
+.bw-bw_btn-outline-info {
+  color: #0dcaf0;
+  border-color: #0dcaf0;
+  background-color: transparent;
+}
+
+.bw-btn-outline-info:hover {
+  color: #000;
+  background-color: #0dcaf0;
+  border-color: #0dcaf0;
+}
+
+.bw-bw_btn-outline-info:hover {
+  color: #000;
+  background-color: #0dcaf0;
+  border-color: #0dcaf0;
+}
+
+.bw-btn-outline-light {
+  color: #f8f9fa;
+  border-color: #f8f9fa;
+  background-color: transparent;
+}
+
+.bw-bw_btn-outline-light {
+  color: #f8f9fa;
+  border-color: #f8f9fa;
+  background-color: transparent;
+}
+
+.bw-btn-outline-light:hover {
+  color: #000;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.bw-bw_btn-outline-light:hover {
+  color: #000;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa;
+}
+
+.bw-btn-outline-dark {
+  color: #212529;
+  border-color: #212529;
+  background-color: transparent;
+}
+
+.bw-bw_btn-outline-dark {
+  color: #212529;
+  border-color: #212529;
+  background-color: transparent;
+}
+
+.bw-btn-outline-dark:hover {
+  color: #fff;
+  background-color: #212529;
+  border-color: #212529;
+}
+
+.bw-bw_btn-outline-dark:hover {
+  color: #fff;
+  background-color: #212529;
+  border-color: #212529;
+}
+
+.bw-btn-lg {
+  padding: 0.625rem 1.5rem;
+  font-size: 1rem;
+  border-radius: 8px;
+}
+
+.bw-bw_btn-lg {
+  padding: 0.625rem 1.5rem;
+  font-size: 1rem;
+  border-radius: 8px;
+}
+
+.bw-btn-sm {
+  padding: 0.25rem 0.75rem;
+  font-size: 0.8125rem;
+  border-radius: 5px;
+}
+
+.bw-bw_btn-sm {
+  padding: 0.25rem 0.75rem;
+  font-size: 0.8125rem;
+  border-radius: 5px;
+}
+
+.bw-card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  height: 100%;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
+  transition: box-shadow 0.2s cubic-bezier(0.4,0,0.2,1), transform 0.2s cubic-bezier(0.4,0,0.2,1);
+  margin-bottom: 1.5rem;
+  overflow: hidden;
+}
+
+.bw-bw_card {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  height: 100%;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
+  transition: box-shadow 0.2s cubic-bezier(0.4,0,0.2,1), transform 0.2s cubic-bezier(0.4,0,0.2,1);
+  margin-bottom: 1.5rem;
+  overflow: hidden;
+}
+
+.bw-card:hover {
+  box-shadow: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);
+  transform: translateY(-2px);
+}
+
+.bw-bw_card:hover {
+  box-shadow: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);
+  transform: translateY(-2px);
+}
+
+.bw-card-body {
+  flex: 1 1 auto;
+  padding: 1.25rem 1.5rem;
+}
+
+.bw-bw_card-body {
+  flex: 1 1 auto;
+  padding: 1.25rem 1.5rem;
+}
+
+.bw-card-body > *:last-child {
+  margin-bottom: 0;
+}
+
+.bw-bw_card-body > *:last-child {
+  margin-bottom: 0;
+}
+
+.bw-card-title {
+  margin-bottom: 0.5rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.3;
+  color: #1a1a1a;
+}
+
+.bw-bw_card-title {
+  margin-bottom: 0.5rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: 1.3;
+  color: #1a1a1a;
+}
+
+.bw-card-text {
+  margin-bottom: 0;
+  color: #555;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+
+.bw-bw_card-text {
+  margin-bottom: 0;
+  color: #555;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+
+.bw-card-header {
+  padding: 0.875rem 1.5rem;
+  margin-bottom: 0;
+  background-color: #fafafa;
+  border-bottom: 1px solid #e5e5e5;
+  font-weight: 600;
+  font-size: 0.875rem;
+}
+
+.bw-bw_card-header {
+  padding: 0.875rem 1.5rem;
+  margin-bottom: 0;
+  background-color: #fafafa;
+  border-bottom: 1px solid #e5e5e5;
+  font-weight: 600;
+  font-size: 0.875rem;
+}
+
+.bw-card-footer {
+  padding: 0.75rem 1.5rem;
+  background-color: #fafafa;
+  border-top: 1px solid #e5e5e5;
+  font-size: 0.875rem;
+  color: #777;
+}
+
+.bw-bw_card-footer {
+  padding: 0.75rem 1.5rem;
+  background-color: #fafafa;
+  border-top: 1px solid #e5e5e5;
+  font-size: 0.875rem;
+  color: #777;
+}
+
+.bw-card-primary {
+  border-left: 4px solid #006666;
+}
+
+.bw-bw_card-primary {
+  border-left: 4px solid #006666;
+}
+
+.bw-card-secondary {
+  border-left: 4px solid #6c757d;
+}
+
+.bw-bw_card-secondary {
+  border-left: 4px solid #6c757d;
+}
+
+.bw-card-success {
+  border-left: 4px solid #198754;
+}
+
+.bw-bw_card-success {
+  border-left: 4px solid #198754;
+}
+
+.bw-card-danger {
+  border-left: 4px solid #dc3545;
+}
+
+.bw-bw_card-danger {
+  border-left: 4px solid #dc3545;
+}
+
+.bw-card-warning {
+  border-left: 4px solid #ffc107;
+}
+
+.bw-bw_card-warning {
+  border-left: 4px solid #ffc107;
+}
+
+.bw-card-info {
+  border-left: 4px solid #0dcaf0;
+}
+
+.bw-bw_card-info {
+  border-left: 4px solid #0dcaf0;
+}
+
+.bw-card-light {
+  border-left: 4px solid #f8f9fa;
+}
+
+.bw-bw_card-light {
+  border-left: 4px solid #f8f9fa;
+}
+
+.bw-card-dark {
+  border-left: 4px solid #212529;
+}
+
+.bw-bw_card-dark {
+  border-left: 4px solid #212529;
+}
+
+.bw-form-control {
+  display: block;
+  width: 100%;
+  padding: 0.5rem 0.875rem;
+  font-size: 0.9375rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #1a1a1a;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  appearance: none;
+  border-radius: 6px;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  font-family: inherit;
+}
+
+.bw-bw_form-control {
+  display: block;
+  width: 100%;
+  padding: 0.5rem 0.875rem;
+  font-size: 0.9375rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #1a1a1a;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ccc;
+  appearance: none;
+  border-radius: 6px;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+  font-family: inherit;
+}
+
+.bw-form-control:focus {
+  color: #1a1a1a;
+  background-color: #fff;
+  border-color: #80cccc;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(0, 102, 102, 0.25);
+}
+
+.bw-bw_form-control:focus {
+  color: #1a1a1a;
+  background-color: #fff;
+  border-color: #80cccc;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(0, 102, 102, 0.25);
+}
+
+.bw-form-control::placeholder {
+  color: #999;
+  opacity: 1;
+}
+
+.bw-bw_form-control::placeholder {
+  color: #999;
+  opacity: 1;
+}
+
+.bw-form-label {
+  display: block;
+  margin-bottom: 0.375rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: #333;
+}
+
+.bw-bw_form-label {
+  display: block;
+  margin-bottom: 0.375rem;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: #333;
+}
+
+.bw-form-group {
+  margin-bottom: 1.25rem;
+}
+
+.bw-bw_form-group {
+  margin-bottom: 1.25rem;
+}
+
+.bw-form-text {
+  margin-top: 0.25rem;
+  font-size: 0.8125rem;
+  color: #777;
+}
+
+.bw-bw_form-text {
+  margin-top: 0.25rem;
+  font-size: 0.8125rem;
+  color: #777;
+}
+
+select.bw-form-control {
+  padding-right: 2.25rem;
+  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='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
+  background-size: 16px 12px;
+}
+
+select.bw_form-control {
+  padding-right: 2.25rem;
+  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='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right 0.75rem center;
+  background-size: 16px 12px;
+}
+
+textarea.bw-form-control {
+  min-height: 5rem;
+  resize: vertical;
+}
+
+textarea.bw_form-control {
+  min-height: 5rem;
+  resize: vertical;
+}
+
+.bw-form-check {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  min-height: 1.5rem;
+  margin-bottom: 0.25rem;
+}
+
+.bw-bw_form-check {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  min-height: 1.5rem;
+  margin-bottom: 0.25rem;
+}
+
+.bw-form-check-input {
+  width: 1rem;
+  height: 1rem;
+  margin: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+  border: 1px solid #adb5bd;
+  border-radius: 0.25rem;
+  appearance: auto;
+}
+
+.bw-bw_form-check-input {
+  width: 1rem;
+  height: 1rem;
+  margin: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+  border: 1px solid #adb5bd;
+  border-radius: 0.25rem;
+  appearance: auto;
+}
+
+.bw-form-check-input:checked {
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-bw_form-check-input:checked {
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-form-check-input:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(0, 102, 102, 0.25);
+}
+
+.bw-bw_form-check-input:focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(0, 102, 102, 0.25);
+}
+
+.bw-form-check-input:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.bw-bw_form-check-input:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.bw-form-check-label {
+  cursor: pointer;
+  user-select: none;
+  font-size: 0.9375rem;
+}
+
+.bw-bw_form-check-label {
+  cursor: pointer;
+  user-select: none;
+  font-size: 0.9375rem;
+}
+
+.bw-navbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1.5rem;
+  background-color: #fafafa;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.bw-bw_navbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1.5rem;
+  background-color: #fafafa;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.bw-navbar > .container {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.bw-bw_navbar > .container {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.bw-navbar-dark {
+  background-color: #1a1a1a;
+  border-bottom-color: #333;
+}
+
+.bw-bw_navbar-dark {
+  background-color: #1a1a1a;
+  border-bottom-color: #333;
+}
+
+.bw-navbar-dark .bw-navbar-brand {
+  color: #fff;
+}
+
+.bw-bw_navbar-dark .bw_navbar-brand {
+  color: #fff;
+}
+
+.bw-navbar-dark .bw-nav-link {
+  color: rgba(255,255,255,.65);
+}
+
+.bw-bw_navbar-dark .bw_nav-link {
+  color: rgba(255,255,255,.65);
+}
+
+.bw-navbar-dark .bw-nav-link:hover {
+  color: #fff;
+}
+
+.bw-bw_navbar-dark .bw_nav-link:hover {
+  color: #fff;
+}
+
+.bw-navbar-dark .bw-nav-link.active {
+  color: #fff;
+  font-weight: 600;
+}
+
+.bw-bw_navbar-dark .bw_nav-link.active {
+  color: #fff;
+  font-weight: 600;
+}
+
+.bw-navbar-brand {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  margin-right: 1.5rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: inherit;
+  white-space: nowrap;
+  text-decoration: none;
+  color: #1a1a1a;
+}
+
+.bw-bw_navbar-brand {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+  margin-right: 1.5rem;
+  font-size: 1.125rem;
+  font-weight: 600;
+  line-height: inherit;
+  white-space: nowrap;
+  text-decoration: none;
+  color: #1a1a1a;
+}
+
+.bw-navbar-nav {
+  display: flex;
+  flex-direction: row;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+  gap: 0.25rem;
+}
+
+.bw-bw_navbar-nav {
+  display: flex;
+  flex-direction: row;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+  gap: 0.25rem;
+}
+
+.bw-navbar-nav .bw-nav-link {
+  display: block;
+  padding: 0.5rem 0.875rem;
+  color: #555;
+  text-decoration: none;
+  font-size: 0.875rem;
+  font-weight: 500;
+  border-radius: 6px;
+  transition: color 0.15s, background-color 0.15s;
+}
+
+.bw-bw_navbar-nav .bw_nav-link {
+  display: block;
+  padding: 0.5rem 0.875rem;
+  color: #555;
+  text-decoration: none;
+  font-size: 0.875rem;
+  font-weight: 500;
+  border-radius: 6px;
+  transition: color 0.15s, background-color 0.15s;
+}
+
+.bw-navbar-nav .bw-nav-link:hover {
+  color: #1a1a1a;
+  background-color: rgba(0,0,0,.04);
+}
+
+.bw-bw_navbar-nav .bw_nav-link:hover {
+  color: #1a1a1a;
+  background-color: rgba(0,0,0,.04);
+}
+
+.bw-navbar-nav .bw-nav-link.active {
+  color: #006666;
+  font-weight: 600;
+  background-color: rgba(0, 102, 102, 0.06);
+}
+
+.bw-bw_navbar-nav .bw_nav-link.active {
+  color: #006666;
+  font-weight: 600;
+  background-color: rgba(0, 102, 102, 0.06);
+}
+
+.bw-table {
+  width: 100%;
+  margin-bottom: 1.5rem;
+  color: #1a1a1a;
+  vertical-align: top;
+  border-color: #e0e0e0;
+  border-collapse: collapse;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+}
+
+.bw-bw_table {
+  width: 100%;
+  margin-bottom: 1.5rem;
+  color: #1a1a1a;
+  vertical-align: top;
+  border-color: #e0e0e0;
+  border-collapse: collapse;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+}
+
+.bw-table > :not(caption) > * > * {
+  padding: 0.75rem 1rem;
+  background-color: transparent;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.bw-bw_table > :not(caption) > * > * {
+  padding: 0.75rem 1rem;
+  background-color: transparent;
+  border-bottom: 1px solid #e0e0e0;
+}
+
+.bw-table > tbody {
+  vertical-align: inherit;
+}
+
+.bw-bw_table > tbody {
+  vertical-align: inherit;
+}
+
+.bw-table > thead {
+  vertical-align: bottom;
+}
+
+.bw-bw_table > thead {
+  vertical-align: bottom;
+}
+
+.bw-table > thead > tr > * {
+  padding: 0.625rem 1rem;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: #555;
+  border-bottom: 2px solid #ccc;
+  background-color: #f8f8f8;
+}
+
+.bw-bw_table > thead > tr > * {
+  padding: 0.625rem 1rem;
+  font-size: 0.8125rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: #555;
+  border-bottom: 2px solid #ccc;
+  background-color: #f8f8f8;
+}
+
+.bw-table-striped > tbody > tr:nth-of-type(odd) > * {
+  background-color: rgba(0, 0, 0, 0.025);
+}
+
+.bw-bw_table-striped > tbody > tr:nth-of-type(odd) > * {
+  background-color: rgba(0, 0, 0, 0.025);
+}
+
+.bw-table-hover > tbody > tr:hover > * {
+  background-color: rgba(0, 102, 102, 0.05);
+}
+
+.bw-bw_table-hover > tbody > tr:hover > * {
+  background-color: rgba(0, 102, 102, 0.05);
+}
+
+.bw-table-bordered {
+  border: 1px solid #e0e0e0;
+}
+
+.bw-bw_table-bordered {
+  border: 1px solid #e0e0e0;
+}
+
+.bw-table-bordered > :not(caption) > * > * {
+  border: 1px solid #e0e0e0;
+}
+
+.bw-bw_table-bordered > :not(caption) > * > * {
+  border: 1px solid #e0e0e0;
+}
+
+.bw-table caption {
+  padding: 0.5rem 1rem;
+  font-size: 0.875rem;
+  color: #777;
+  caption-side: bottom;
+}
+
+.bw-bw_table caption {
+  padding: 0.5rem 1rem;
+  font-size: 0.875rem;
+  color: #777;
+  caption-side: bottom;
+}
+
+.bw-table-responsive {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.bw-bw_table-responsive {
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+}
+
+.bw-alert {
+  position: relative;
+  padding: 0.875rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+
+.bw-bw_alert {
+  position: relative;
+  padding: 0.875rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 8px;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+
+.bw-alert-heading, .alert-heading {
+  color: inherit;
+}
+
+.bw-bw_alert-heading, .alert-heading {
+  color: inherit;
+}
+
+.bw-alert-link, .alert-link {
+  font-weight: 700;
+}
+
+.bw-bw_alert-link, .alert-link {
+  font-weight: 700;
+}
+
+.bw-alert-dismissible {
+  padding-right: 3rem;
+}
+
+.bw-bw_alert-dismissible {
+  padding-right: 3rem;
+}
+
+.bw-alert-dismissible .btn-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 1.25rem 1rem;
+}
+
+.bw-bw_alert-dismissible .btn-close {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 2;
+  padding: 1.25rem 1rem;
+}
+
+.bw-alert-primary {
+  color: #004d4d;
+  background-color: #e0f2f1;
+  border-color: #b2dfdb;
+}
+
+.bw-bw_alert-primary {
+  color: #004d4d;
+  background-color: #e0f2f1;
+  border-color: #b2dfdb;
+}
+
+.bw-alert-primary .alert-link {
+  color: #003d3d;
+}
+
+.bw-bw_alert-primary .alert-link {
+  color: #003d3d;
+}
+
+.bw-alert-secondary {
+  color: #41464b;
+  background-color: #e2e3e5;
+  border-color: #d3d6d8;
+}
+
+.bw-bw_alert-secondary {
+  color: #41464b;
+  background-color: #e2e3e5;
+  border-color: #d3d6d8;
+}
+
+.bw-alert-secondary .alert-link {
+  color: #34383c;
+}
+
+.bw-bw_alert-secondary .alert-link {
+  color: #34383c;
+}
+
+.bw-alert-success {
+  color: #0f5132;
+  background-color: #d1e7dd;
+  border-color: #badbcc;
+}
+
+.bw-bw_alert-success {
+  color: #0f5132;
+  background-color: #d1e7dd;
+  border-color: #badbcc;
+}
+
+.bw-alert-success .alert-link {
+  color: #0c4128;
+}
+
+.bw-bw_alert-success .alert-link {
+  color: #0c4128;
+}
+
+.bw-alert-info {
+  color: #055160;
+  background-color: #cff4fc;
+  border-color: #b6effb;
+}
+
+.bw-bw_alert-info {
+  color: #055160;
+  background-color: #cff4fc;
+  border-color: #b6effb;
+}
+
+.bw-alert-info .alert-link {
+  color: #04414d;
+}
+
+.bw-bw_alert-info .alert-link {
+  color: #04414d;
+}
+
+.bw-alert-warning {
+  color: #664d03;
+  background-color: #fff3cd;
+  border-color: #ffecb5;
+}
+
+.bw-bw_alert-warning {
+  color: #664d03;
+  background-color: #fff3cd;
+  border-color: #ffecb5;
+}
+
+.bw-alert-warning .alert-link {
+  color: #523e02;
+}
+
+.bw-bw_alert-warning .alert-link {
+  color: #523e02;
+}
+
+.bw-alert-danger {
+  color: #842029;
+  background-color: #f8d7da;
+  border-color: #f5c2c7;
+}
+
+.bw-bw_alert-danger {
+  color: #842029;
+  background-color: #f8d7da;
+  border-color: #f5c2c7;
+}
+
+.bw-alert-danger .alert-link {
+  color: #6a1a21;
+}
+
+.bw-bw_alert-danger .alert-link {
+  color: #6a1a21;
+}
+
+.bw-alert-light {
+  color: #636464;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.bw-bw_alert-light {
+  color: #636464;
+  background-color: #fefefe;
+  border-color: #fdfdfe;
+}
+
+.bw-alert-light .alert-link {
+  color: #4f5050;
+}
+
+.bw-bw_alert-light .alert-link {
+  color: #4f5050;
+}
+
+.bw-alert-dark {
+  color: #141619;
+  background-color: #d3d3d4;
+  border-color: #bcbebf;
+}
+
+.bw-bw_alert-dark {
+  color: #141619;
+  background-color: #d3d3d4;
+  border-color: #bcbebf;
+}
+
+.bw-alert-dark .alert-link {
+  color: #101214;
+}
+
+.bw-bw_alert-dark .alert-link {
+  color: #101214;
+}
+
+.bw-badge {
+  display: inline-block;
+  padding: .35em .65em;
+  font-size: .75em;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .375rem;
+}
+
+.bw-bw_badge {
+  display: inline-block;
+  padding: .35em .65em;
+  font-size: .75em;
+  font-weight: 700;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: .375rem;
+}
+
+.bw-badge:empty {
+  display: none;
+}
+
+.bw-bw_badge:empty {
+  display: none;
+}
+
+.bw-badge-pill {
+  border-radius: 50rem;
+}
+
+.bw-bw_badge-pill {
+  border-radius: 50rem;
+}
+
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.bw-badge-primary {
+  color: #fff;
+  background-color: #006666;
+}
+
+.bw-bw_badge-primary {
+  color: #fff;
+  background-color: #006666;
+}
+
+.bw-badge-secondary {
+  color: #fff;
+  background-color: #6c757d;
+}
+
+.bw-bw_badge-secondary {
+  color: #fff;
+  background-color: #6c757d;
+}
+
+.bw-badge-success {
+  color: #fff;
+  background-color: #198754;
+}
+
+.bw-bw_badge-success {
+  color: #fff;
+  background-color: #198754;
+}
+
+.bw-badge-info {
+  color: #000;
+  background-color: #0dcaf0;
+}
+
+.bw-bw_badge-info {
+  color: #000;
+  background-color: #0dcaf0;
+}
+
+.bw-badge-warning {
+  color: #000;
+  background-color: #ffc107;
+}
+
+.bw-bw_badge-warning {
+  color: #000;
+  background-color: #ffc107;
+}
+
+.bw-badge-danger {
+  color: #fff;
+  background-color: #dc3545;
+}
+
+.bw-bw_badge-danger {
+  color: #fff;
+  background-color: #dc3545;
+}
+
+.bw-badge-light {
+  color: #000;
+  background-color: #f8f9fa;
+}
+
+.bw-bw_badge-light {
+  color: #000;
+  background-color: #f8f9fa;
+}
+
+.bw-badge-dark {
+  color: #fff;
+  background-color: #212529;
+}
+
+.bw-bw_badge-dark {
+  color: #fff;
+  background-color: #212529;
+}
+
+.bw-progress {
+  display: flex;
+  height: 1.25rem;
+  overflow: hidden;
+  font-size: .875rem;
+  background-color: #e9ecef;
+  border-radius: .5rem;
+  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
+}
+
+.bw-bw_progress {
+  display: flex;
+  height: 1.25rem;
+  overflow: hidden;
+  font-size: .875rem;
+  background-color: #e9ecef;
+  border-radius: .5rem;
+  box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
+}
+
+.bw-progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #006666;
+  transition: width .6s ease;
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+  font-weight: 600;
+}
+
+.bw-bw_progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow: hidden;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #006666;
+  transition: width .6s ease;
+  box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+  font-weight: 600;
+}
+
+.bw-progress-bar-striped {
+  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-size: 1rem 1rem;
+}
+
+.bw-bw_progress-bar-striped {
+  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+  background-size: 1rem 1rem;
+}
+
+.bw-progress-bar-animated {
+  animation: progress-bar-stripes 1s linear infinite;
+}
+
+.bw-bw_progress-bar-animated {
+  animation: progress-bar-stripes 1s linear infinite;
+}
+
+@keyframes progress-bar-stripes {
+  0% {
+    background-position-x: 1rem;
+  }
+}
+
+.bw-progress-bar-primary {
+  background-color: #006666;
+}
+
+.bw-bw_progress-bar-primary {
+  background-color: #006666;
+}
+
+.bw-progress-bar-secondary {
+  background-color: #6c757d;
+}
+
+.bw-bw_progress-bar-secondary {
+  background-color: #6c757d;
+}
+
+.bw-progress-bar-success {
+  background-color: #198754;
+}
+
+.bw-bw_progress-bar-success {
+  background-color: #198754;
+}
+
+.bw-progress-bar-danger {
+  background-color: #dc3545;
+}
+
+.bw-bw_progress-bar-danger {
+  background-color: #dc3545;
+}
+
+.bw-progress-bar-warning {
+  background-color: #ffc107;
+}
+
+.bw-bw_progress-bar-warning {
+  background-color: #ffc107;
+}
+
+.bw-progress-bar-info {
+  background-color: #0dcaf0;
+}
+
+.bw-bw_progress-bar-info {
+  background-color: #0dcaf0;
+}
+
+.bw-nav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+  gap: 0;
+}
+
+.bw-bw_nav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
+  gap: 0;
+}
+
+.bw-nav-tabs {
+  border-bottom: 2px solid #e5e5e5;
+}
+
+.bw-bw_nav-tabs {
+  border-bottom: 2px solid #e5e5e5;
+}
+
+.bw-nav-pills .bw-nav-link {
+  border-radius: 6px;
+}
+
+.bw-bw_nav-pills .bw_nav-link {
+  border-radius: 6px;
+}
+
+.bw-nav-pills .bw-nav-link.active {
+  color: #fff;
+  background-color: #006666;
+}
+
+.bw-bw_nav-pills .bw_nav-link.active {
+  color: #fff;
+  background-color: #006666;
+}
+
+.bw-nav-vertical {
+  flex-direction: column;
+}
+
+.bw-bw_nav-vertical {
+  flex-direction: column;
+}
+
+.bw-nav-item {
+  display: block;
+}
+
+.bw-bw_nav-item {
+  display: block;
+}
+
+.bw-nav-tabs .bw-nav-item {
+  margin-bottom: -2px;
+}
+
+.bw-bw_nav-tabs .bw_nav-item {
+  margin-bottom: -2px;
+}
+
+.bw-nav-link {
+  display: block;
+  padding: 0.625rem 1rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #777;
+  text-decoration: none;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  transition: color 0.15s, border-color 0.15s;
+  font-family: inherit;
+}
+
+.bw-bw_nav-link {
+  display: block;
+  padding: 0.625rem 1rem;
+  font-size: 0.875rem;
+  font-weight: 500;
+  color: #777;
+  text-decoration: none;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  transition: color 0.15s, border-color 0.15s;
+  font-family: inherit;
+}
+
+.bw-nav-tabs .bw-nav-link {
+  border: none;
+  border-bottom: 2px solid transparent;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+.bw-bw_nav-tabs .bw_nav-link {
+  border: none;
+  border-bottom: 2px solid transparent;
+  border-radius: 0;
+  background-color: transparent;
+}
+
+.bw-nav-tabs .bw-nav-link:hover {
+  color: #1a1a1a;
+  border-bottom-color: #ccc;
+}
+
+.bw-bw_nav-tabs .bw_nav-link:hover {
+  color: #1a1a1a;
+  border-bottom-color: #ccc;
+}
+
+.bw-nav-tabs .bw-nav-link.active {
+  color: #006666;
+  background-color: transparent;
+  border-bottom: 2px solid #006666;
+  font-weight: 600;
+}
+
+.bw-bw_nav-tabs .bw_nav-link.active {
+  color: #006666;
+  background-color: transparent;
+  border-bottom: 2px solid #006666;
+  font-weight: 600;
+}
+
+.bw-tab-content {
+  padding: 1.25rem 0;
+}
+
+.bw-bw_tab-content {
+  padding: 1.25rem 0;
+}
+
+.bw-tab-pane {
+  display: none;
+}
+
+.bw-bw_tab-pane {
+  display: none;
+}
+
+.bw-tab-pane.active {
+  display: block;
+}
+
+.bw-bw_tab-pane.active {
+  display: block;
+}
+
+.bw-list-group {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  border-radius: 0.375rem;
+}
+
+.bw-bw_list-group {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  border-radius: 0.375rem;
+}
+
+.bw-list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  color: #1a1a1a;
+  text-decoration: none;
+  background-color: #fff;
+  border: 1px solid #e5e5e5;
+  font-size: 0.9375rem;
+}
+
+.bw-bw_list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  color: #1a1a1a;
+  text-decoration: none;
+  background-color: #fff;
+  border: 1px solid #e5e5e5;
+  font-size: 0.9375rem;
+}
+
+.bw-list-group-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.bw-bw_list-group-item:first-child {
+  border-top-left-radius: inherit;
+  border-top-right-radius: inherit;
+}
+
+.bw-list-group-item:last-child {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.bw-bw_list-group-item:last-child {
+  border-bottom-right-radius: inherit;
+  border-bottom-left-radius: inherit;
+}
+
+.bw-list-group-item + .bw-list-group-item {
+  border-top-width: 0;
+}
+
+.bw-bw_list-group-item + .bw_list-group-item {
+  border-top-width: 0;
+}
+
+.bw-list-group-item.active {
+  z-index: 2;
+  color: #fff;
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-bw_list-group-item.active {
+  z-index: 2;
+  color: #fff;
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-list-group-item.disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: #fff;
+}
+
+.bw-bw_list-group-item.disabled {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: #fff;
+}
+
+a.bw-list-group-item {
+  cursor: pointer;
+}
+
+a.bw_list-group-item {
+  cursor: pointer;
+}
+
+a.bw-list-group-item:hover {
+  z-index: 1;
+  color: #495057;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+
+a.bw_list-group-item:hover {
+  z-index: 1;
+  color: #495057;
+  text-decoration: none;
+  background-color: #f8f9fa;
+}
+
+.bw-list-group-flush {
+  border-radius: 0;
+}
+
+.bw-bw_list-group-flush {
+  border-radius: 0;
+}
+
+.bw-list-group-flush > .bw-list-group-item {
+  border-width: 0 0 1px;
+  border-radius: 0;
+}
+
+.bw-bw_list-group-flush > .bw_list-group-item {
+  border-width: 0 0 1px;
+  border-radius: 0;
+}
+
+.bw-list-group-flush > .bw-list-group-item:last-child {
+  border-bottom-width: 0;
+}
+
+.bw-bw_list-group-flush > .bw_list-group-item:last-child {
+  border-bottom-width: 0;
+}
+
+.bw-pagination {
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+
+.bw-bw_pagination {
+  display: flex;
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+
+.bw-page-item {
+  display: list-item;
+  list-style: none;
+}
+
+.bw-bw_page-item {
+  display: list-item;
+  list-style: none;
+}
+
+.bw-page-link {
+  position: relative;
+  display: block;
+  padding: 0.375rem 0.75rem;
+  margin-left: -1px;
+  line-height: 1.25;
+  color: #006666;
+  text-decoration: none;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+.bw-bw_page-link {
+  position: relative;
+  display: block;
+  padding: 0.375rem 0.75rem;
+  margin-left: -1px;
+  line-height: 1.25;
+  color: #006666;
+  text-decoration: none;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
+}
+
+.bw-page-link:hover {
+  z-index: 2;
+  color: #004d4d;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.bw-bw_page-link:hover {
+  z-index: 2;
+  color: #004d4d;
+  background-color: #e9ecef;
+  border-color: #dee2e6;
+}
+
+.bw-page-link:focus {
+  z-index: 3;
+  color: #004d4d;
+  background-color: #e9ecef;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(0, 102, 102, 0.25);
+}
+
+.bw-bw_page-link:focus {
+  z-index: 3;
+  color: #004d4d;
+  background-color: #e9ecef;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(0, 102, 102, 0.25);
+}
+
+.bw-page-item:first-child .bw-page-link {
+  margin-left: 0;
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.bw-bw_page-item:first-child .bw_page-link {
+  margin-left: 0;
+  border-top-left-radius: 0.375rem;
+  border-bottom-left-radius: 0.375rem;
+}
+
+.bw-page-item:last-child .bw-page-link {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
+.bw-bw_page-item:last-child .bw_page-link {
+  border-top-right-radius: 0.375rem;
+  border-bottom-right-radius: 0.375rem;
+}
+
+.bw-page-item.bw-active .bw-page-link {
+  z-index: 3;
+  color: #fff;
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-bw_page-item.bw_active .bw_page-link {
+  z-index: 3;
+  color: #fff;
+  background-color: #006666;
+  border-color: #006666;
+}
+
+.bw-page-item.bw-disabled .bw-page-link {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: #fff;
+  border-color: #dee2e6;
+}
+
+.bw-bw_page-item.bw_disabled .bw_page-link {
+  color: #6c757d;
+  pointer-events: none;
+  background-color: #fff;
+  border-color: #dee2e6;
+}
+
+.bw-breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 0;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: transparent;
+}
+
+.bw-bw_breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0 0;
+  margin-bottom: 1rem;
+  list-style: none;
+  background-color: transparent;
+}
+
+.bw-breadcrumb-item {
+  display: flex;
+}
+
+.bw-bw_breadcrumb-item {
+  display: flex;
+}
+
+.bw-breadcrumb-item + .bw-breadcrumb-item {
+  padding-left: 0.5rem;
+}
+
+.bw-bw_breadcrumb-item + .bw_breadcrumb-item {
+  padding-left: 0.5rem;
+}
+
+.bw-breadcrumb-item + .bw-breadcrumb-item::before {
+  float: left;
+  padding-right: 0.5rem;
+  color: #6c757d;
+  content: "/";
+}
+
+.bw-bw_breadcrumb-item + .bw_breadcrumb-item::before {
+  float: left;
+  padding-right: 0.5rem;
+  color: #6c757d;
+  content: "/";
+}
+
+.bw-breadcrumb-item.active {
+  color: #6c757d;
+}
+
+.bw-bw_breadcrumb-item.active {
+  color: #6c757d;
+}
+
+.bw-hero {
+  position: relative;
+  overflow: hidden;
+}
+
+.bw-bw_hero {
+  position: relative;
+  overflow: hidden;
+}
+
+.bw-hero-primary {
+  background: linear-gradient(135deg, #006666 0%, #004d4d 100%);
+  color: #fff;
+}
+
+.bw-bw_hero-primary {
+  background: linear-gradient(135deg, #006666 0%, #004d4d 100%);
+  color: #fff;
+}
+
+.bw-hero-secondary {
+  background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
+  color: #fff;
+}
+
+.bw-bw_hero-secondary {
+  background: linear-gradient(135deg, #6c757d 0%, #5a6268 100%);
+  color: #fff;
+}
+
+.bw-hero-light {
+  background: #f8f9fa;
+  color: #212529;
+}
+
+.bw-bw_hero-light {
+  background: #f8f9fa;
+  color: #212529;
+}
+
+.bw-hero-dark {
+  background: linear-gradient(135deg, #212529 0%, #16181b 100%);
+  color: #fff;
+}
+
+.bw-bw_hero-dark {
+  background: linear-gradient(135deg, #212529 0%, #16181b 100%);
+  color: #fff;
+}
+
+.bw-hero-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0,0,0,0.5);
+  z-index: 1;
+}
+
+.bw-bw_hero-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0,0,0,0.5);
+  z-index: 1;
+}
+
+.bw-hero-content {
+  position: relative;
+  z-index: 2;
+}
+
+.bw-bw_hero-content {
+  position: relative;
+  z-index: 2;
+}
+
+.bw-hero-title {
+  font-weight: 300;
+  letter-spacing: -0.05rem;
+}
+
+.bw-bw_hero-title {
+  font-weight: 300;
+  letter-spacing: -0.05rem;
+}
+
+.bw-display-4 {
+  font-size: calc(1.475rem + 2.7vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.bw-bw_display-4 {
+  font-size: calc(1.475rem + 2.7vw);
+  font-weight: 300;
+  line-height: 1.2;
+}
+
+.bw-lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.bw-bw_lead {
+  font-size: 1.25rem;
+  font-weight: 300;
+}
+
+.bw-hero-actions {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.bw-bw_hero-actions {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.bw-py-3 {
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+.bw-bw_py-3 {
+  padding-top: 1rem !important;
+  padding-bottom: 1rem !important;
+}
+
+.bw-py-4 {
+  padding-top: 1.5rem !important;
+  padding-bottom: 1.5rem !important;
+}
+
+.bw-bw_py-4 {
+  padding-top: 1.5rem !important;
+  padding-bottom: 1.5rem !important;
+}
+
+.bw-py-5 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
+
+.bw-bw_py-5 {
+  padding-top: 3rem !important;
+  padding-bottom: 3rem !important;
+}
+
+.bw-py-6 {
+  padding-top: 4rem !important;
+  padding-bottom: 4rem !important;
+}
+
+.bw-bw_py-6 {
+  padding-top: 4rem !important;
+  padding-bottom: 4rem !important;
+}
+
+.bw-feature {
+  padding: 1rem;
+}
+
+.bw-bw_feature {
+  padding: 1rem;
+}
+
+.bw-feature-icon {
+  display: inline-block;
+  margin-bottom: 1rem;
+}
+
+.bw-bw_feature-icon {
+  display: inline-block;
+  margin-bottom: 1rem;
+}
+
+.bw-feature-title {
+  margin-bottom: 0.5rem;
+}
+
+.bw-bw_feature-title {
+  margin-bottom: 0.5rem;
+}
+
+.bw-feature-description {
+  color: #6c757d;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+
+.bw-bw_feature-description {
+  color: #6c757d;
+  font-size: 0.9375rem;
+  line-height: 1.6;
+}
+
+.bw-feature-grid {
+  width: 100%;
+}
+
+.bw-bw_feature-grid {
+  width: 100%;
+}
+
+.bw-g-4 {
+  --bw-gutter-x: 1.5rem;
+  --bw-gutter-y: 1.5rem;
+}
+
+.bw-bw_g-4 {
+  --bw-gutter-x: 1.5rem;
+  --bw-gutter-y: 1.5rem;
+}
+
+.bw-card-hoverable {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.bw-bw_card-hoverable {
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.bw-card-hoverable:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 1rem 2rem rgba(0,0,0,.15);
+}
+
+.bw-bw_card-hoverable:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 1rem 2rem rgba(0,0,0,.15);
+}
+
+.bw-card-img-top {
+  width: 100%;
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.bw-bw_card-img-top {
+  width: 100%;
+  border-top-left-radius: 7px;
+  border-top-right-radius: 7px;
+}
+
+.bw-card-img-bottom {
+  width: 100%;
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.bw-bw_card-img-bottom {
+  width: 100%;
+  border-bottom-left-radius: 7px;
+  border-bottom-right-radius: 7px;
+}
+
+.bw-card-img-left {
+  width: 40%;
+  object-fit: cover;
+}
+
+.bw-bw_card-img-left {
+  width: 40%;
+  object-fit: cover;
+}
+
+.bw-card-img-right {
+  width: 40%;
+  object-fit: cover;
+}
+
+.bw-bw_card-img-right {
+  width: 40%;
+  object-fit: cover;
+}
+
+.bw-card-subtitle, .card-subtitle {
+  margin-top: -0.25rem;
+  margin-bottom: 0.5rem;
+  color: #777;
+  font-size: 0.875rem;
+}
+
+.bw-bw_card-subtitle, .card-subtitle {
+  margin-top: -0.25rem;
+  margin-bottom: 0.5rem;
+  color: #777;
+  font-size: 0.875rem;
+}
+
+.bw-h5 {
+  font-size: 1.25rem;
+}
+
+.bw-bw_h5 {
+  font-size: 1.25rem;
+}
+
+.bw-h6 {
+  font-size: 1rem;
+}
+
+.bw-bw_h6 {
+  font-size: 1rem;
+}
+
+.bw-section {
+  position: relative;
+}
+
+.bw-bw_section {
+  position: relative;
+}
+
+.bw-section-header {
+  margin-bottom: 3rem;
+}
+
+.bw-bw_section-header {
+  margin-bottom: 3rem;
+}
+
+.bw-section-title {
+  margin-bottom: 1rem;
+  font-weight: 300;
+  font-size: calc(1.325rem + .9vw);
+}
+
+.bw-bw_section-title {
+  margin-bottom: 1rem;
+  font-weight: 300;
+  font-size: calc(1.325rem + .9vw);
+}
+
+.bw-section-subtitle {
+  font-size: 1.125rem;
+  color: #6c757d;
+}
+
+.bw-bw_section-subtitle {
+  font-size: 1.125rem;
+  color: #6c757d;
+}
+
+.bw-cta {
+  position: relative;
+}
+
+.bw-bw_cta {
+  position: relative;
+}
+
+.bw-cta-content {
+  max-width: 48rem;
+  margin: 0 auto;
+}
+
+.bw-bw_cta-content {
+  max-width: 48rem;
+  margin: 0 auto;
+}
+
+.bw-cta-title {
+  font-weight: 300;
+}
+
+.bw-bw_cta-title {
+  font-weight: 300;
+}
+
+.bw-cta-actions {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.bw-bw_cta-actions {
+  display: flex;
+  gap: 1rem;
+  justify-content: center;
+  flex-wrap: wrap;
+}
+
+.bw-cta-description {
+  font-size: 1.125rem;
+  color: #6c757d;
+  max-width: 36rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.bw-bw_cta-description {
+  font-size: 1.125rem;
+  color: #6c757d;
+  max-width: 36rem;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.bw-spinner-border {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  border: 0.25em solid currentcolor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: bw-spinner-border 0.75s linear infinite;
+}
+
+.bw-bw_spinner-border {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  border: 0.25em solid currentcolor;
+  border-right-color: transparent;
+  border-radius: 50%;
+  animation: bw-spinner-border 0.75s linear infinite;
+}
+
+.bw-spinner-border-sm {
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.2em;
+}
+
+.bw-bw_spinner-border-sm {
+  width: 1rem;
+  height: 1rem;
+  border-width: 0.2em;
+}
+
+.bw-spinner-border-lg {
+  width: 3rem;
+  height: 3rem;
+  border-width: 0.3em;
+}
+
+.bw-bw_spinner-border-lg {
+  width: 3rem;
+  height: 3rem;
+  border-width: 0.3em;
+}
+
+.bw-spinner-grow {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  background-color: currentcolor;
+  border-radius: 50%;
+  opacity: 0;
+  animation: bw-spinner-grow 0.75s linear infinite;
+}
+
+.bw-bw_spinner-grow {
+  display: inline-block;
+  width: 2rem;
+  height: 2rem;
+  vertical-align: -0.125em;
+  background-color: currentcolor;
+  border-radius: 50%;
+  opacity: 0;
+  animation: bw-spinner-grow 0.75s linear infinite;
+}
+
+.bw-spinner-grow-sm {
+  width: 1rem;
+  height: 1rem;
+}
+
+.bw-bw_spinner-grow-sm {
+  width: 1rem;
+  height: 1rem;
+}
+
+.bw-spinner-grow-lg {
+  width: 3rem;
+  height: 3rem;
+}
+
+.bw-bw_spinner-grow-lg {
+  width: 3rem;
+  height: 3rem;
+}
+
+.bw-spinner-grow-md {
+}
+
+.bw-bw_spinner-grow-md {
+}
+
+.bw-spinner-border-md {
+}
+
+.bw-bw_spinner-border-md {
+}
+
+@keyframes bw-spinner-border {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes bw-spinner-grow {
+  0% {
+    transform: scale(0);
+  }
+  50% {
+    opacity: 1;
+    transform: none;
+  }
+}
+
+.bw-visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.bw-bw_visually-hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.bw-close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  font-size: 1.25rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  background: transparent;
+  border: 0;
+  border-radius: 0.25rem;
+  opacity: 0.5;
+  cursor: pointer;
+}
+
+.bw-bw_close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: 0;
+  font-size: 1.25rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  background: transparent;
+  border: 0;
+  border-radius: 0.25rem;
+  opacity: 0.5;
+  cursor: pointer;
+}
+
+.bw-close:hover {
+  opacity: 0.75;
+}
+
+.bw-bw_close:hover {
+  opacity: 0.75;
+}
+
+.bw-close:focus {
+  opacity: 1;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(0, 102, 102, 0.25);
+}
+
+.bw-bw_close:focus {
+  opacity: 1;
+  outline: 0;
+  box-shadow: 0 0 0 0.25rem rgba(0, 102, 102, 0.25);
+}
+
+.bw-vstack {
+  display: flex;
+  flex-direction: column;
+}
+
+.bw-bw_vstack {
+  display: flex;
+  flex-direction: column;
+}
+
+.bw-hstack {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.bw-bw_hstack {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.bw-gap-0 {
+  gap: 0;
+}
+
+.bw-bw_gap-0 {
+  gap: 0;
+}
+
+.bw-gap-1 {
+  gap: 0.25rem;
+}
+
+.bw-bw_gap-1 {
+  gap: 0.25rem;
+}
+
+.bw-gap-2 {
+  gap: 0.5rem;
+}
+
+.bw-bw_gap-2 {
+  gap: 0.5rem;
+}
+
+.bw-gap-3 {
+  gap: 1rem;
+}
+
+.bw-bw_gap-3 {
+  gap: 1rem;
+}
+
+.bw-gap-4 {
+  gap: 1.5rem;
+}
+
+.bw-bw_gap-4 {
+  gap: 1.5rem;
+}
+
+.bw-gap-5 {
+  gap: 3rem;
+}
+
+.bw-bw_gap-5 {
+  gap: 3rem;
+}
+
+.bw-offset-1 {
+  margin-left: 8.333333%;
+}
+
+.bw-bw_offset-1 {
+  margin-left: 8.333333%;
+}
+
+.bw-offset-2 {
+  margin-left: 16.666667%;
+}
+
+.bw-bw_offset-2 {
+  margin-left: 16.666667%;
+}
+
+.bw-offset-3 {
+  margin-left: 25%;
+}
+
+.bw-bw_offset-3 {
+  margin-left: 25%;
+}
+
+.bw-offset-4 {
+  margin-left: 33.333333%;
+}
+
+.bw-bw_offset-4 {
+  margin-left: 33.333333%;
+}
+
+.bw-offset-5 {
+  margin-left: 41.666667%;
+}
+
+.bw-bw_offset-5 {
+  margin-left: 41.666667%;
+}
+
+.bw-offset-6 {
+  margin-left: 50%;
+}
+
+.bw-bw_offset-6 {
+  margin-left: 50%;
+}
+
+.bw-offset-7 {
+  margin-left: 58.333333%;
+}
+
+.bw-bw_offset-7 {
+  margin-left: 58.333333%;
+}
+
+.bw-offset-8 {
+  margin-left: 66.666667%;
+}
+
+.bw-bw_offset-8 {
+  margin-left: 66.666667%;
+}
+
+.bw-offset-9 {
+  margin-left: 75%;
+}
+
+.bw-bw_offset-9 {
+  margin-left: 75%;
+}
+
+.bw-offset-10 {
+  margin-left: 83.333333%;
+}
+
+.bw-bw_offset-10 {
+  margin-left: 83.333333%;
+}
+
+.bw-offset-11 {
+  margin-left: 91.666667%;
+}
+
+.bw-bw_offset-11 {
+  margin-left: 91.666667%;
+}
+
+.bw-code-demo {
+  margin-bottom: 2rem;
+}
+
+.bw-bw_code-demo {
+  margin-bottom: 2rem;
+}
+
+.bw-copy-btn {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  padding: 0.25rem 0.625rem;
+  font-size: 0.6875rem;
+  background: rgba(255,255,255,0.12);
+  color: #aaa;
+  border: 1px solid rgba(255,255,255,0.15);
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: inherit;
+  transition: all 0.15s;
+}
+
+.bw-bw_copy-btn {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  padding: 0.25rem 0.625rem;
+  font-size: 0.6875rem;
+  background: rgba(255,255,255,0.12);
+  color: #aaa;
+  border: 1px solid rgba(255,255,255,0.15);
+  border-radius: 4px;
+  cursor: pointer;
+  font-family: inherit;
+  transition: all 0.15s;
+}
+
+.bw-copy-btn:hover {
+  background: rgba(255,255,255,0.2);
+  color: #fff;
+}
+
+.bw-bw_copy-btn:hover {
+  background: rgba(255,255,255,0.2);
+  color: #fff;
+}
+
+.bw-m-0 {
+  margin: 0 !important;
+}
+
+.bw-bw_m-0 {
+  margin: 0 !important;
+}
+
+.bw-m-1 {
+  margin: .25rem !important;
+}
+
+.bw-bw_m-1 {
+  margin: .25rem !important;
+}
+
+.bw-m-2 {
+  margin: .5rem !important;
+}
+
+.bw-bw_m-2 {
+  margin: .5rem !important;
+}
+
+.bw-m-3 {
+  margin: 1rem !important;
+}
+
+.bw-bw_m-3 {
+  margin: 1rem !important;
+}
+
+.bw-m-4 {
+  margin: 1.5rem !important;
+}
+
+.bw-bw_m-4 {
+  margin: 1.5rem !important;
+}
+
+.bw-m-5 {
+  margin: 3rem !important;
+}
+
+.bw-bw_m-5 {
+  margin: 3rem !important;
+}
+
+.bw-m-auto, .m-auto {
+  margin: auto !important;
+}
+
+.bw-bw_m-auto, .m-auto {
+  margin: auto !important;
+}
+
+.bw-mt-0 {
+  margin-top: 0 !important;
+}
+
+.bw-bw_mt-0 {
+  margin-top: 0 !important;
+}
+
+.bw-mt-1 {
+  margin-top: .25rem !important;
+}
+
+.bw-bw_mt-1 {
+  margin-top: .25rem !important;
+}
+
+.bw-mt-2 {
+  margin-top: .5rem !important;
+}
+
+.bw-bw_mt-2 {
+  margin-top: .5rem !important;
+}
+
+.bw-mt-3 {
+  margin-top: 1rem !important;
+}
+
+.bw-bw_mt-3 {
+  margin-top: 1rem !important;
+}
+
+.bw-mt-4 {
+  margin-top: 1.5rem !important;
+}
+
+.bw-bw_mt-4 {
+  margin-top: 1.5rem !important;
+}
+
+.bw-mt-5 {
+  margin-top: 3rem !important;
+}
+
+.bw-bw_mt-5 {
+  margin-top: 3rem !important;
+}
+
+.bw-mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.bw-bw_mb-0 {
+  margin-bottom: 0 !important;
+}
+
+.bw-mb-1 {
+  margin-bottom: .25rem !important;
+}
+
+.bw-bw_mb-1 {
+  margin-bottom: .25rem !important;
+}
+
+.bw-mb-2 {
+  margin-bottom: .5rem !important;
+}
+
+.bw-bw_mb-2 {
+  margin-bottom: .5rem !important;
+}
+
+.bw-mb-3 {
+  margin-bottom: 1rem !important;
+}
+
+.bw-bw_mb-3 {
+  margin-bottom: 1rem !important;
+}
+
+.bw-mb-4 {
+  margin-bottom: 1.5rem !important;
+}
+
+.bw-bw_mb-4 {
+  margin-bottom: 1.5rem !important;
+}
+
+.bw-mb-5 {
+  margin-bottom: 3rem !important;
+}
+
+.bw-bw_mb-5 {
+  margin-bottom: 3rem !important;
+}
+
+.bw-ms-0 {
+  margin-left: 0 !important;
+}
+
+.bw-bw_ms-0 {
+  margin-left: 0 !important;
+}
+
+.bw-ms-1 {
+  margin-left: .25rem !important;
+}
+
+.bw-bw_ms-1 {
+  margin-left: .25rem !important;
+}
+
+.bw-ms-2 {
+  margin-left: .5rem !important;
+}
+
+.bw-bw_ms-2 {
+  margin-left: .5rem !important;
+}
+
+.bw-ms-3 {
+  margin-left: 1rem !important;
+}
+
+.bw-bw_ms-3 {
+  margin-left: 1rem !important;
+}
+
+.bw-ms-4 {
+  margin-left: 1.5rem !important;
+}
+
+.bw-bw_ms-4 {
+  margin-left: 1.5rem !important;
+}
+
+.bw-ms-5 {
+  margin-left: 3rem !important;
+}
+
+.bw-bw_ms-5 {
+  margin-left: 3rem !important;
+}
+
+.bw-me-0 {
+  margin-right: 0 !important;
+}
+
+.bw-bw_me-0 {
+  margin-right: 0 !important;
+}
+
+.bw-me-1 {
+  margin-right: .25rem !important;
+}
+
+.bw-bw_me-1 {
+  margin-right: .25rem !important;
+}
+
+.bw-me-2 {
+  margin-right: .5rem !important;
+}
+
+.bw-bw_me-2 {
+  margin-right: .5rem !important;
+}
+
+.bw-me-3 {
+  margin-right: 1rem !important;
+}
+
+.bw-bw_me-3 {
+  margin-right: 1rem !important;
+}
+
+.bw-me-4 {
+  margin-right: 1.5rem !important;
+}
+
+.bw-bw_me-4 {
+  margin-right: 1.5rem !important;
+}
+
+.bw-me-5 {
+  margin-right: 3rem !important;
+}
+
+.bw-bw_me-5 {
+  margin-right: 3rem !important;
+}
+
+.bw-p-0 {
+  padding: 0 !important;
+}
+
+.bw-bw_p-0 {
+  padding: 0 !important;
+}
+
+.bw-p-1 {
+  padding: .25rem !important;
+}
+
+.bw-bw_p-1 {
+  padding: .25rem !important;
+}
+
+.bw-p-2 {
+  padding: .5rem !important;
+}
+
+.bw-bw_p-2 {
+  padding: .5rem !important;
+}
+
+.bw-p-3 {
+  padding: 1rem !important;
+}
+
+.bw-bw_p-3 {
+  padding: 1rem !important;
+}
+
+.bw-p-4 {
+  padding: 1.5rem !important;
+}
+
+.bw-bw_p-4 {
+  padding: 1.5rem !important;
+}
+
+.bw-p-5 {
+  padding: 3rem !important;
+}
+
+.bw-bw_p-5 {
+  padding: 3rem !important;
+}
+
+.bw-pt-0, .pt-0 {
+  padding-top: 0 !important;
+}
+
+.bw-bw_pt-0, .pt-0 {
+  padding-top: 0 !important;
+}
+
+.bw-pt-1, .pt-1 {
+  padding-top: .25rem !important;
+}
+
+.bw-bw_pt-1, .pt-1 {
+  padding-top: .25rem !important;
+}
+
+.bw-pt-2, .pt-2 {
+  padding-top: .5rem !important;
+}
+
+.bw-bw_pt-2, .pt-2 {
+  padding-top: .5rem !important;
+}
+
+.bw-pt-3, .pt-3 {
+  padding-top: 1rem !important;
+}
+
+.bw-bw_pt-3, .pt-3 {
+  padding-top: 1rem !important;
+}
+
+.bw-pt-4, .pt-4 {
+  padding-top: 1.5rem !important;
+}
+
+.bw-bw_pt-4, .pt-4 {
+  padding-top: 1.5rem !important;
+}
+
+.bw-pt-5, .pt-5 {
+  padding-top: 3rem !important;
+}
+
+.bw-bw_pt-5, .pt-5 {
+  padding-top: 3rem !important;
+}
+
+.bw-pb-0, .pb-0 {
+  padding-bottom: 0 !important;
+}
+
+.bw-bw_pb-0, .pb-0 {
+  padding-bottom: 0 !important;
+}
+
+.bw-pb-1, .pb-1 {
+  padding-bottom: .25rem !important;
+}
+
+.bw-bw_pb-1, .pb-1 {
+  padding-bottom: .25rem !important;
+}
+
+.bw-pb-2, .pb-2 {
+  padding-bottom: .5rem !important;
+}
+
+.bw-bw_pb-2, .pb-2 {
+  padding-bottom: .5rem !important;
+}
+
+.bw-pb-3, .pb-3 {
+  padding-bottom: 1rem !important;
+}
+
+.bw-bw_pb-3, .pb-3 {
+  padding-bottom: 1rem !important;
+}
+
+.bw-pb-4, .pb-4 {
+  padding-bottom: 1.5rem !important;
+}
+
+.bw-bw_pb-4, .pb-4 {
+  padding-bottom: 1.5rem !important;
+}
+
+.bw-pb-5, .pb-5 {
+  padding-bottom: 3rem !important;
+}
+
+.bw-bw_pb-5, .pb-5 {
+  padding-bottom: 3rem !important;
+}
+
+.bw-ps-0, .ps-0 {
+  padding-left: 0 !important;
+}
+
+.bw-bw_ps-0, .ps-0 {
+  padding-left: 0 !important;
+}
+
+.bw-ps-1, .ps-1 {
+  padding-left: .25rem !important;
+}
+
+.bw-bw_ps-1, .ps-1 {
+  padding-left: .25rem !important;
+}
+
+.bw-ps-2, .ps-2 {
+  padding-left: .5rem !important;
+}
+
+.bw-bw_ps-2, .ps-2 {
+  padding-left: .5rem !important;
+}
+
+.bw-ps-3, .ps-3 {
+  padding-left: 1rem !important;
+}
+
+.bw-bw_ps-3, .ps-3 {
+  padding-left: 1rem !important;
+}
+
+.bw-ps-4, .ps-4 {
+  padding-left: 1.5rem !important;
+}
+
+.bw-bw_ps-4, .ps-4 {
+  padding-left: 1.5rem !important;
+}
+
+.bw-ps-5, .ps-5 {
+  padding-left: 3rem !important;
+}
+
+.bw-bw_ps-5, .ps-5 {
+  padding-left: 3rem !important;
+}
+
+.bw-pe-0, .pe-0 {
+  padding-right: 0 !important;
+}
+
+.bw-bw_pe-0, .pe-0 {
+  padding-right: 0 !important;
+}
+
+.bw-pe-1, .pe-1 {
+  padding-right: .25rem !important;
+}
+
+.bw-bw_pe-1, .pe-1 {
+  padding-right: .25rem !important;
+}
+
+.bw-pe-2, .pe-2 {
+  padding-right: .5rem !important;
+}
+
+.bw-bw_pe-2, .pe-2 {
+  padding-right: .5rem !important;
+}
+
+.bw-pe-3, .pe-3 {
+  padding-right: 1rem !important;
+}
+
+.bw-bw_pe-3, .pe-3 {
+  padding-right: 1rem !important;
+}
+
+.bw-pe-4, .pe-4 {
+  padding-right: 1.5rem !important;
+}
+
+.bw-bw_pe-4, .pe-4 {
+  padding-right: 1.5rem !important;
+}
+
+.bw-pe-5, .pe-5 {
+  padding-right: 3rem !important;
+}
+
+.bw-bw_pe-5, .pe-5 {
+  padding-right: 3rem !important;
+}
+
+.bw-text-left {
+  text-align: left;
+}
+
+.bw-bw_text-left {
+  text-align: left;
+}
+
+.bw-text-right {
+  text-align: right;
+}
+
+.bw-bw_text-right {
+  text-align: right;
+}
+
+.bw-text-center {
+  text-align: center;
+}
+
+.bw-bw_text-center {
+  text-align: center;
+}
+
+.bw-d-none {
+  display: none;
+}
+
+.bw-bw_d-none {
+  display: none;
+}
+
+.bw-d-block {
+  display: block;
+}
+
+.bw-bw_d-block {
+  display: block;
+}
+
+.bw-d-inline {
+  display: inline;
+}
+
+.bw-bw_d-inline {
+  display: inline;
+}
+
+.bw-d-inline-block {
+  display: inline-block;
+}
+
+.bw-bw_d-inline-block {
+  display: inline-block;
+}
+
+.bw-d-flex {
+  display: flex;
+}
+
+.bw-bw_d-flex {
+  display: flex;
+}
+
+.bw-justify-content-start, .justify-content-start {
+  justify-content: flex-start;
+}
+
+.bw-bw_justify-content-start, .justify-content-start {
+  justify-content: flex-start;
+}
+
+.bw-justify-content-end, .justify-content-end {
+  justify-content: flex-end;
+}
+
+.bw-bw_justify-content-end, .justify-content-end {
+  justify-content: flex-end;
+}
+
+.bw-justify-content-center, .justify-content-center {
+  justify-content: center;
+}
+
+.bw-bw_justify-content-center, .justify-content-center {
+  justify-content: center;
+}
+
+.bw-justify-content-between, .justify-content-between {
+  justify-content: space-between;
+}
+
+.bw-bw_justify-content-between, .justify-content-between {
+  justify-content: space-between;
+}
+
+.bw-justify-content-around, .justify-content-around {
+  justify-content: space-around;
+}
+
+.bw-bw_justify-content-around, .justify-content-around {
+  justify-content: space-around;
+}
+
+.bw-align-items-start, .align-items-start {
+  align-items: flex-start;
+}
+
+.bw-bw_align-items-start, .align-items-start {
+  align-items: flex-start;
+}
+
+.bw-align-items-end, .align-items-end {
+  align-items: flex-end;
+}
+
+.bw-bw_align-items-end, .align-items-end {
+  align-items: flex-end;
+}
+
+.bw-align-items-center, .align-items-center {
+  align-items: center;
+}
+
+.bw-bw_align-items-center, .align-items-center {
+  align-items: center;
+}
+
+.bw-text-primary {
+  color: #006666;
+}
+
+.bw-bw_text-primary {
+  color: #006666;
+}
+
+.bw-text-secondary {
+  color: #6c757d;
+}
+
+.bw-bw_text-secondary {
+  color: #6c757d;
+}
+
+.bw-text-success {
+  color: #198754;
+}
+
+.bw-bw_text-success {
+  color: #198754;
+}
+
+.bw-text-danger {
+  color: #dc3545;
+}
+
+.bw-bw_text-danger {
+  color: #dc3545;
+}
+
+.bw-text-warning {
+  color: #ffc107;
+}
+
+.bw-bw_text-warning {
+  color: #ffc107;
+}
+
+.bw-text-info {
+  color: #0dcaf0;
+}
+
+.bw-bw_text-info {
+  color: #0dcaf0;
+}
+
+.bw-text-light {
+  color: #f8f9fa;
+}
+
+.bw-bw_text-light {
+  color: #f8f9fa;
+}
+
+.bw-text-dark {
+  color: #212529;
+}
+
+.bw-bw_text-dark {
+  color: #212529;
+}
+
+.bw-text-muted {
+  color: #6c757d;
+}
+
+.bw-bw_text-muted {
+  color: #6c757d;
+}
+
+.bw-bg-primary {
+  background-color: #006666;
+}
+
+.bw-bw_bg-primary {
+  background-color: #006666;
+}
+
+.bw-bg-secondary {
+  background-color: #6c757d;
+}
+
+.bw-bw_bg-secondary {
+  background-color: #6c757d;
+}
+
+.bw-bg-success {
+  background-color: #198754;
+}
+
+.bw-bw_bg-success {
+  background-color: #198754;
+}
+
+.bw-bg-danger {
+  background-color: #dc3545;
+}
+
+.bw-bw_bg-danger {
+  background-color: #dc3545;
+}
+
+.bw-bg-warning {
+  background-color: #ffc107;
+}
+
+.bw-bw_bg-warning {
+  background-color: #ffc107;
+}
+
+.bw-bg-info {
+  background-color: #0dcaf0;
+}
+
+.bw-bw_bg-info {
+  background-color: #0dcaf0;
+}
+
+.bw-bg-light {
+  background-color: #f8f9fa;
+}
+
+.bw-bw_bg-light {
+  background-color: #f8f9fa;
+}
+
+.bw-bg-dark {
+  background-color: #212529;
+}
+
+.bw-bw_bg-dark {
+  background-color: #212529;
+}
+
+.bw-border {
+  border: 1px solid #dee2e6 !important;
+}
+
+.bw-bw_border {
+  border: 1px solid #dee2e6 !important;
+}
+
+.bw-border-0 {
+  border: 0 !important;
+}
+
+.bw-bw_border-0 {
+  border: 0 !important;
+}
+
+.bw-border-top-0, .border-top-0 {
+  border-top: 0 !important;
+}
+
+.bw-bw_border-top-0, .border-top-0 {
+  border-top: 0 !important;
+}
+
+.bw-border-end-0, .border-end-0 {
+  border-right: 0 !important;
+}
+
+.bw-bw_border-end-0, .border-end-0 {
+  border-right: 0 !important;
+}
+
+.bw-border-bottom-0, .border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.bw-bw_border-bottom-0, .border-bottom-0 {
+  border-bottom: 0 !important;
+}
+
+.bw-border-start-0, .border-start-0 {
+  border-left: 0 !important;
+}
+
+.bw-bw_border-start-0, .border-start-0 {
+  border-left: 0 !important;
+}
+
+.bw-rounded {
+  border-radius: .375rem !important;
+}
+
+.bw-bw_rounded {
+  border-radius: .375rem !important;
+}
+
+.bw-rounded-0 {
+  border-radius: 0 !important;
+}
+
+.bw-bw_rounded-0 {
+  border-radius: 0 !important;
+}
+
+.bw-rounded-1, .rounded-1 {
+  border-radius: .25rem !important;
+}
+
+.bw-bw_rounded-1, .rounded-1 {
+  border-radius: .25rem !important;
+}
+
+.bw-rounded-2, .rounded-2 {
+  border-radius: .375rem !important;
+}
+
+.bw-bw_rounded-2, .rounded-2 {
+  border-radius: .375rem !important;
+}
+
+.bw-rounded-3, .rounded-3 {
+  border-radius: .5rem !important;
+}
+
+.bw-bw_rounded-3, .rounded-3 {
+  border-radius: .5rem !important;
+}
+
+.bw-rounded-circle {
+  border-radius: 50% !important;
+}
+
+.bw-bw_rounded-circle {
+  border-radius: 50% !important;
+}
+
+.bw-rounded-pill, .rounded-pill {
+  border-radius: 50rem !important;
+}
+
+.bw-bw_rounded-pill, .rounded-pill {
+  border-radius: 50rem !important;
+}
+
+.bw-shadow {
+  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
+}
+
+.bw-bw_shadow {
+  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
+}
+
+.bw-shadow-sm {
+  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
+}
+
+.bw-bw_shadow-sm {
+  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
+}
+
+.bw-shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
+}
+
+.bw-bw_shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
+}
+
+.bw-shadow-none, .shadow-none {
+  box-shadow: none !important;
+}
+
+.bw-bw_shadow-none, .shadow-none {
+  box-shadow: none !important;
+}
+
+.bw-w-25, .w-25 {
+  width: 25% !important;
+}
+
+.bw-bw_w-25, .w-25 {
+  width: 25% !important;
+}
+
+.bw-w-50, .w-50 {
+  width: 50% !important;
+}
+
+.bw-bw_w-50, .w-50 {
+  width: 50% !important;
+}
+
+.bw-w-75, .w-75 {
+  width: 75% !important;
+}
+
+.bw-bw_w-75, .w-75 {
+  width: 75% !important;
+}
+
+.bw-w-100, .w-100 {
+  width: 100% !important;
+}
+
+.bw-bw_w-100, .w-100 {
+  width: 100% !important;
+}
+
+.bw-w-auto, .w-auto {
+  width: auto !important;
+}
+
+.bw-bw_w-auto, .w-auto {
+  width: auto !important;
+}
+
+.bw-h-25, .h-25 {
+  height: 25% !important;
+}
+
+.bw-bw_h-25, .h-25 {
+  height: 25% !important;
+}
+
+.bw-h-50, .h-50 {
+  height: 50% !important;
+}
+
+.bw-bw_h-50, .h-50 {
+  height: 50% !important;
+}
+
+.bw-h-75, .h-75 {
+  height: 75% !important;
+}
+
+.bw-bw_h-75, .h-75 {
+  height: 75% !important;
+}
+
+.bw-h-100, .h-100 {
+  height: 100% !important;
+}
+
+.bw-bw_h-100, .h-100 {
+  height: 100% !important;
+}
+
+.bw-h-auto, .h-auto {
+  height: auto !important;
+}
+
+.bw-bw_h-auto, .h-auto {
+  height: auto !important;
+}
+
+.bw-mw-100, .mw-100 {
+  max-width: 100% !important;
+}
+
+.bw-bw_mw-100, .mw-100 {
+  max-width: 100% !important;
+}
+
+.bw-mh-100, .mh-100 {
+  max-height: 100% !important;
+}
+
+.bw-bw_mh-100, .mh-100 {
+  max-height: 100% !important;
+}
+
+.bw-position-static, .position-static {
+  position: static !important;
+}
+
+.bw-bw_position-static, .position-static {
+  position: static !important;
+}
+
+.bw-position-relative, .position-relative {
+  position: relative !important;
+}
+
+.bw-bw_position-relative, .position-relative {
+  position: relative !important;
+}
+
+.bw-position-absolute, .position-absolute {
+  position: absolute !important;
+}
+
+.bw-bw_position-absolute, .position-absolute {
+  position: absolute !important;
+}
+
+.bw-position-fixed, .position-fixed {
+  position: fixed !important;
+}
+
+.bw-bw_position-fixed, .position-fixed {
+  position: fixed !important;
+}
+
+.bw-position-sticky, .position-sticky {
+  position: sticky !important;
+}
+
+.bw-bw_position-sticky, .position-sticky {
+  position: sticky !important;
+}
+
+.bw-top-0, .top-0 {
+  top: 0 !important;
+}
+
+.bw-bw_top-0, .top-0 {
+  top: 0 !important;
+}
+
+.bw-top-50, .top-50 {
+  top: 50% !important;
+}
+
+.bw-bw_top-50, .top-50 {
+  top: 50% !important;
+}
+
+.bw-top-100, .top-100 {
+  top: 100% !important;
+}
+
+.bw-bw_top-100, .top-100 {
+  top: 100% !important;
+}
+
+.bw-bottom-0, .bottom-0 {
+  bottom: 0 !important;
+}
+
+.bw-bw_bottom-0, .bottom-0 {
+  bottom: 0 !important;
+}
+
+.bw-bottom-50, .bottom-50 {
+  bottom: 50% !important;
+}
+
+.bw-bw_bottom-50, .bottom-50 {
+  bottom: 50% !important;
+}
+
+.bw-bottom-100, .bottom-100 {
+  bottom: 100% !important;
+}
+
+.bw-bw_bottom-100, .bottom-100 {
+  bottom: 100% !important;
+}
+
+.bw-start-0, .start-0 {
+  left: 0 !important;
+}
+
+.bw-bw_start-0, .start-0 {
+  left: 0 !important;
+}
+
+.bw-start-50, .start-50 {
+  left: 50% !important;
+}
+
+.bw-bw_start-50, .start-50 {
+  left: 50% !important;
+}
+
+.bw-start-100, .start-100 {
+  left: 100% !important;
+}
+
+.bw-bw_start-100, .start-100 {
+  left: 100% !important;
+}
+
+.bw-end-0, .end-0 {
+  right: 0 !important;
+}
+
+.bw-bw_end-0, .end-0 {
+  right: 0 !important;
+}
+
+.bw-end-50, .end-50 {
+  right: 50% !important;
+}
+
+.bw-bw_end-50, .end-50 {
+  right: 50% !important;
+}
+
+.bw-end-100, .end-100 {
+  right: 100% !important;
+}
+
+.bw-bw_end-100, .end-100 {
+  right: 100% !important;
+}
+
+.bw-translate-middle {
+  transform: translate(-50%, -50%) !important;
+}
+
+.bw-overflow-auto, .overflow-auto {
+  overflow: auto !important;
+}
+
+.bw-bw_overflow-auto, .overflow-auto {
+  overflow: auto !important;
+}
+
+.bw-overflow-hidden, .overflow-hidden {
+  overflow: hidden !important;
+}
+
+.bw-bw_overflow-hidden, .overflow-hidden {
+  overflow: hidden !important;
+}
+
+.bw-overflow-visible, .overflow-visible {
+  overflow: visible !important;
+}
+
+.bw-bw_overflow-visible, .overflow-visible {
+  overflow: visible !important;
+}
+
+.bw-overflow-scroll, .overflow-scroll {
+  overflow: scroll !important;
+}
+
+.bw-bw_overflow-scroll, .overflow-scroll {
+  overflow: scroll !important;
+}
+
+.bw-fs-1 {
+  font-size: calc(1.375rem + 1.5vw) !important;
+}
+
+.bw-fs-2 {
+  font-size: calc(1.325rem + .9vw) !important;
+}
+
+.bw-fs-3 {
+  font-size: calc(1.3rem + .6vw) !important;
+}
+
+.bw-fs-4 {
+  font-size: calc(1.275rem + .3vw) !important;
+}
+
+.bw-fs-5 {
+  font-size: 1.25rem !important;
+}
+
+.bw-fs-6 {
+  font-size: 1rem !important;
+}
+
+.bw-fw-light {
+  font-weight: 300 !important;
+}
+
+.bw-fw-lighter {
+  font-weight: lighter !important;
+}
+
+.bw-fw-normal {
+  font-weight: 400 !important;
+}
+
+.bw-fw-bold {
+  font-weight: 700 !important;
+}
+
+.bw-fw-bolder {
+  font-weight: bolder !important;
+}
+
+.bw-fst-italic {
+  font-style: italic !important;
+}
+
+.bw-fst-normal {
+  font-style: normal !important;
+}
+
+.bw-text-decoration-none {
+  text-decoration: none !important;
+}
+
+.bw-text-decoration-underline {
+  text-decoration: underline !important;
+}
+
+.bw-text-decoration-line-through {
+  text-decoration: line-through !important;
+}
+
+.bw-text-lowercase {
+  text-transform: lowercase !important;
+}
+
+.bw-text-uppercase {
+  text-transform: uppercase !important;
+}
+
+.bw-text-capitalize {
+  text-transform: capitalize !important;
+}
+
+.bw-text-wrap {
+  white-space: normal !important;
+}
+
+.bw-text-nowrap {
+  white-space: nowrap !important;
+}
+
+.bw-list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+
+.bw-list-inline {
+  padding-left: 0;
+  list-style: none;
+}
+
+.bw-list-inline-item {
+  display: inline-block;
+}
+
+.bw-list-inline-item:not(:last-child) {
+  margin-right: .5rem;
+}
+
+.bw-visible, .visible {
+  visibility: visible !important;
+}
+
+.bw-bw_visible, .visible {
+  visibility: visible !important;
+}
+
+.bw-invisible, .invisible {
+  visibility: hidden !important;
+}
+
+.bw-bw_invisible, .invisible {
+  visibility: hidden !important;
+}
+
+.bw-user-select-all, .user-select-all {
+  user-select: all !important;
+}
+
+.bw-bw_user-select-all, .user-select-all {
+  user-select: all !important;
+}
+
+.bw-user-select-auto, .user-select-auto {
+  user-select: auto !important;
+}
+
+.bw-bw_user-select-auto, .user-select-auto {
+  user-select: auto !important;
+}
+
+.bw-user-select-none, .user-select-none {
+  user-select: none !important;
+}
+
+.bw-bw_user-select-none, .user-select-none {
+  user-select: none !important;
+}
+
+.bw-pe-none {
+  pointer-events: none !important;
+}
+
+.bw-pe-auto {
+  pointer-events: auto !important;
+}
+
+.bw-opacity-0 {
+  opacity: 0 !important;
+}
+
+.bw-opacity-25 {
+  opacity: .25 !important;
+}
+
+.bw-opacity-50 {
+  opacity: .5 !important;
+}
+
+.bw-opacity-75 {
+  opacity: .75 !important;
+}
+
+.bw-opacity-100 {
+  opacity: 1 !important;
+}
+
+@media (max-width: 575px) {
+  .bw-card-img-left, .bw_card-img-left {
+    width: 100%;
+  }
+  .bw-card-img-right, .bw_card-img-right {
+    width: 100%;
+  }
+  .bw-hero, .bw_hero {
+    padding: 2rem 1rem;
+  }
+  .bw-cta-actions, .bw_cta-actions {
+    flex-direction: column;
+  }
+  .bw-hstack, .bw_hstack {
+    flex-direction: column;
+  }
+  .bw-feature-grid, .bw_feature-grid {
+    grid-template-columns: 1fr;
+  }
+}
+
+/* Bitwrench Page Layout */
+.bw-page {
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+  background-color: #f8f9fa;
+}
+
+.bw-page-content {
+  flex: 1;
+  padding: 2rem 0;
+}
+
+/* Responsive body margins */
+@media (min-width: 576px) {
+  .bw-page-content {
+    padding: 3rem 0;
+  }
+}
+
+@media (min-width: 768px) {
+  .bw-page-content {
+    padding: 4rem 0;
+  }
+}
+
+/* Theme variations */
+.bw-theme-dark,
+.bw-theme-dark body {
+  background-color: #212529;
+  color: #fff;
+}
+
+.bw-theme-dark h1,
+.bw-theme-dark h2,
+.bw-theme-dark h3,
+.bw-theme-dark h4,
+.bw-theme-dark h5,
+.bw-theme-dark h6 {
+  color: #fff;
+}
+
+.bw-theme-dark .text-muted {
+  color: #adb5bd !important;
+}
+
+.bw-theme-dark .lead {
+  color: #e9ecef;
+}
+
+.bw-theme-dark .card {
+  background-color: #343a40;
+  border-color: #495057;
+  color: #fff;
+}
+
+.bw-theme-dark .btn-light {
+  background-color: #495057;
+  border-color: #495057;
+  color: #fff;
+}
+
+.bw-theme-dark .btn-light:hover {
+  background-color: #5a6268;
+  border-color: #545b62;
+}
+
+.bw-theme-dark .navbar-light {
+  background-color: #343a40 !important;
+}
+
+.bw-theme-dark .navbar-light .navbar-brand,
+.bw-theme-dark .navbar-light .nav-link {
+  color: rgba(255,255,255,.8);
+}
+
+.bw-theme-dark .navbar-light .nav-link:hover {
+  color: rgba(255,255,255,.9);
+}
+
+.bw-theme-dark .navbar-light .nav-link.active {
+  color: #fff;
+}
+
+.bw-theme-dark .bg-light {
+  background-color: #495057 !important;
+  color: #fff;
+}
+
+.bw-theme-dark .text-muted {
+  color: #adb5bd !important;
+}
+
+.bw-theme-dark .table {
+  color: #fff;
+  border-color: #495057;
+}
+
+.bw-theme-dark .table-striped > tbody > tr:nth-of-type(odd) > * {
+  background-color: rgba(255, 255, 255, 0.05);
+}
+
+.bw-theme-dark .table-hover > tbody > tr:hover > * {
+  background-color: rgba(255, 255, 255, 0.075);
+  color: #fff;
+}
+
+.bw-theme-dark .form-control {
+  background-color: #495057;
+  border-color: #495057;
+  color: #fff;
+}
+
+.bw-theme-dark .form-control:focus {
+  background-color: #495057;
+  border-color: #80bdff;
+  color: #fff;
+}
+
+.bw-theme-dark .form-control::placeholder {
+  color: #adb5bd;
+}
+
+.bw-theme-dark .form-select {
+  background-color: #495057;
+  border-color: #495057;
+  color: #fff;
+}
+
+.bw-theme-dark pre {
+  background-color: #343a40;
+  color: #f8f9fa;
+}
+
+.bw-theme-dark code {
+  color: #e83e8c;
+}
+
+/* Form switch in dark mode */
+.bw-theme-dark .form-check-input:checked {
+  background-color: #0dcaf0;
+  border-color: #0dcaf0;
+}
+
+.bw-theme-dark .form-switch .form-check-input {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.85%29'/%3e%3c/svg%3e");
+}
+
+.bw-theme-dark .form-switch .form-check-input:checked {
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.85%29'/%3e%3c/svg%3e");
+}
+
+.bw-theme-dark .form-check-label {
+  color: #fff;
+}
+
+/* Ensure proper spacing for example pages */
+.bw-example-page {
+  padding: 0;
+  margin: 0;
+}
+
+.bw-example-page .container {
+  padding-top: 2rem;
+  padding-bottom: 2rem;
+}
+
+/* Make cards equal height in grid */
+.row > [class*="col-"] > .card {
+  height: 100%;
+}
+
+/* Improve table styling */
+.table {
+  margin-bottom: 0;
+}
+
+.table th {
+  font-weight: 600;
+  background-color: #f8f9fa;
+  border-bottom: 2px solid #dee2e6;
+}
+
+.bw-theme-dark .table th {
+  background-color: #343a40;
+  border-bottom-color: #495057;
+}
+
+/* Better spacing for buttons */
+.btn + .btn {
+  margin-left: 0.5rem;
+}
+
+/* Card improvements */
+.card {
+  transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+
+.card:hover {
+  transform: translateY(-2px);
+}
+
+.card-title {
+  font-weight: 600;
+}
+
+/* Navbar improvements */
+.navbar {
+  box-shadow: 0 2px 4px rgba(0,0,0,.1);
+}
+
+.navbar-brand {
+  font-weight: 600;
+}
+
+/* Form improvements */
+.form-label {
+  font-weight: 500;
+  margin-bottom: 0.5rem;
+}
+
+/* Code block improvements */
+pre {
+  border-radius: 0.5rem;
+  border: 1px solid #dee2e6;
+}
+
+.bw-theme-dark pre {
+  border-color: #495057;
+}
+
+/* Alert improvements */
+.alert {
+  border: none;
+  box-shadow: 0 1px 3px rgba(0,0,0,.1);
+}
+
+/* Progress bar improvements */
+.progress {
+  box-shadow: none;
+  border: 1px solid rgba(0,0,0,.1);
+}
+
+/* Badge improvements */
+.badge {
+  font-weight: 500;
+  padding: 0.375em 0.75em;
+}
+
+/* Responsive utilities */
+@media (max-width: 575.98px) {
+  .display-1 { font-size: 3rem; }
+  .display-2 { font-size: 2.5rem; }
+  .display-3 { font-size: 2rem; }
+  .display-4 { font-size: 1.75rem; }
+}
+
+/* Print styles */
+@media print {
+  .navbar,
+  .btn,
+  .bw-no-print {
+    display: none !important;
+  }
+  
+  .bw-page {
+    min-height: auto;
+  }
+  
+  .card {
+    border: 1px solid #000 !important;
+    page-break-inside: avoid;
+  }
+}