/**
 * 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 {
  background-color: var(--background-color);
  padding: 16px 0;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
  box-shadow: 0 -2px 15px 0 rgba(0, 0, 0, 0.03);
  transition: transform 0.3s ease-in-out; }
  .sticky-bar.hidden {
    transform: translateY(100%); }
  .sticky-bar-in {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    flex-direction: column; }
    @media (min-width: 768px) {
      .sticky-bar-in {
        gap: 24px;
        flex-direction: row; } }
    .sticky-bar-in .sticky-bar-content {
      margin: 0;
      font-family: "Rethink Sans", Helvetica, Arial, sans-serif;
      font-size: 18px;
      color: var(--dark-blue);
      line-height: 24px; }
      @media (min-width: 768px) {
        .sticky-bar-in .sticky-bar-content {
          margin: auto 0; } }
    .sticky-bar-in .item-btn {
      align-content: center;
      display: flex;
      justify-content: center; }

body:has(.sticky-bar) {
  padding-bottom: 80px; }

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