/*
Component represents a horizontal divider (<hr>).
Use:
  <div class="top-divider"></div>
*/

hr, .top-divider {
  width: 100%;
  height: 1px;

  border: none;

  background: transparent;
  
  // Styles: Light & Dark
  &.style-light {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  }
  &.style-dark {
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
  }
}