/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.sticky-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 8;
  background-color: var(--wp--preset--color--gray);
  padding: 1rem 0; }
  .sticky-bar__columns {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .sticky-bar__column:last-child {
    flex-shrink: 0; }
  .sticky-bar__title {
    font-weight: 700;
    margin-block: 0 0.25rem; }
  .sticky-bar__info {
    display: none; }
    @media (min-width: 782px) {
      .sticky-bar__info {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--wp--preset--color--primary);
        font-weight: 500; } }
    .sticky-bar__info-item:not(:first-child) {
      display: flex;
      align-items: center;
      gap: 0.5rem; }
      .sticky-bar__info-item:not(:first-child)::before {
        content: '\00B7'; }

/*# sourceMappingURL=sticky-bar.css.map */