[data-dynamic-price-banner] {
  padding: .5rem;
  display: flex;
  gap: 2rem;
  font-size: .8rem;
  border-bottom: 4px solid var(--accent-blue-active-color);
  overflow: auto;
  scrollbar-width: thin;
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 15;
  user-select: none;

  section {
    display: flex;
    align-items: center;
    gap: .5rem;

    [data-value-label] {
      color: var(--accent-primary-color);
      font-weight: 500;
      font-size: 1rem;
      white-space: nowrap;
    }

    [data-positive="True"] {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-bottom: 5px solid rgb(74, 165, 74);
    }

    [data-positive="False"] {
      width: 0;
      height: 0;
      border-left: 5px solid transparent;
      border-right: 5px solid transparent;
      border-top: 5px solid rgb(255, 105, 105);

    }
  }

  [data-dynamic-price-timer] {
    margin-left: auto;
    padding-inline: 2rem;
    transition: opacity 250ms;
    font-size: 1rem;
    background-color: var(--accent-blue-color);
    color: #fff;

    [data-timer] {
      width: 3rem;
    }

    &[hidden] {
      opacity: 0;
    }
  }
}