.b-topline {
  background-color: #f7f7f8;
  color: #222;
  border-bottom: 1px solid #e9ecef;
  position: relative;
  z-index: 902; }
  .b-topline .icon-svg {
    font-size: 1.25rem; }
  @media (min-width: 768px) {
    .l-head--background .b-topline,
    .l-head--shade-colors .b-topline,
    .l-head--shade-dark .b-topline {
      color: rgba(255, 255, 255, 0.5); }
      .l-head--background .b-topline .c-icon-count__count,
      .l-head--shade-colors .b-topline .c-icon-count__count,
      .l-head--shade-dark .b-topline .c-icon-count__count {
        background-color: transparent;
        border-color: currentColor;
        color: var(--bs-light, #E4E4E4); }
    .l-head--shade-colors .b-topline {
      --bs-link-color: var(--bs-primary-contrast, #fff);
      border-color: currentColor;
      color: rgba(var(--bs-primary-contrast-rgb), 0.5); }
    .l-head--background .b-topline,
    .l-head--shade-dark .b-topline {
      --bs-link-color: var(--bs-light, $light);
      border-color: currentColor; } }