<commit_before>@import "mixins";
@import "variables";
@import "branding";

.expanding-sidebar.cart-sidebar {
  .background {
    z-index: 150;
  }

  .sidebar {
    padding: $topbar-height 0 0;
    background-color: $white;
    z-index: 160;

    @include breakpoint(desktop) {
      padding: $mobile-nav-height 0 0;
    }
  }

  .cart-header {
    padding: 1em;

    .title {
      color: $grey-800;
      margin: 0;
    }

    .close {
      color: $grey-500;
      float: right;

      i {
        vertical-align: middle;
      }
    }
  }

  .cart-content {
    margin-bottom: $sidebar-footer-height + 2em;

    .cart-empty {
      text-align: center;
      padding-top: 10em;
      width: 100%;

      p {
        font-size: 1.5em;
      }
    }
  }

  .go-shopping {
    display: none;
    padding: 0 1.5em;

    @include breakpoint(mobile) {
      display: inline-block;
    }
  }

  table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    margin: 0;

    .product-cart {
      background-color: $white;

      td {
        border-top: 1px solid $grey-100;
        padding: 0.75em 1em 0.5em;
        vertical-align: top;

        &.image {
          width: 42px;
          padding: 0.5em 0 0.5em 1em;<commit_msg>Make cart header stick to top of cart<commit_after>@import "mixins";
@import "variables";
@import "branding";

.expanding-sidebar.cart-sidebar {
  .background {
    z-index: 150;
  }

  .sidebar {
    padding: $topbar-height 0 0;
    background-color: $white;
    z-index: 160;

    @include breakpoint(desktop) {
      padding: $mobile-nav-height 0 0;
    }
  }

  .cart-header {
    background-color: $white;
    border-bottom: 1px solid $grey-100;
    padding: 1em;
    position: sticky;
    top: 0;

    .title {
      color: $grey-800;
      margin: 0;
    }

    .close {
      color: $grey-500;
      float: right;

      i {
        vertical-align: middle;
      }
    }
  }

  .cart-content {
    margin-bottom: $sidebar-footer-height + 2em;

    .cart-empty {
      text-align: center;
      padding-top: 10em;
      width: 100%;

      p {
        font-size: 1.5em;
      }
    }
  }

  .go-shopping {
    display: none;
    padding: 0 1.5em;

    @include breakpoint(mobile) {
      display: inline-block;
    }
  }

  table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    margin: 0;

    .product-cart {
      background-color: $white;

      td {
        border-bottom: 1px solid $grey-100;
        padding: 0.75em 1em 0.5em;
        vertical-align: top;

        &.image {
          width: 42px;
          padding: 0.5em 0 0.5em 1em;
{'fraction_non_alphanumeric': 0.13315322269394056, 'fraction_numerical': 0.0428406020841374, 'mean_word_length': 1.7141361256544503, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4906459', 'n_tokens_mistral': 1049, 'n_tokens_neox': 917, 'n_words': 208}