.compare-panel {
  position: fixed;
  top: 40px;
  width: 100%;
  z-index: 99999;
  transform: translateY(0);
  transition: all .3s ease; }
  .compare-panel.open-panel {
    transform: translateY(0); }
    .compare-panel.open-panel .compare-toggle {
      transition: none;
      transform: translateY(-100%);
      visibility: hidden; }
  .compare-panel.close-panel {
    transform: translateY(calc(30px - 100%)); }
    .compare-panel.close-panel .compare-toggle {
      transform: translateY(0); }
  .compare-panel .compare-toggle {
    transform: translateY(0);
    transition-delay: .3s;
    transition-timing-function: ease;
    transition-property: transform, visibility;
    transition-duration: .3s, .3s;
    box-shadow: 0 0 4px 0 rgba(102, 102, 102, 0.5);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: inline-block;
    font-size: 14px;
    color: #fff !important;
    padding: 5px 25px 5px 15px;
    cursor: pointer;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgNTEyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTE5LjUgMzI2LjlMMy41IDIwOS4xYy00LjctNC43LTQuNy0xMi4zIDAtMTdsNy4xLTcuMWM0LjctNC43IDEyLjMtNC43IDE3IDBMMTI4IDI4Ny4zbDEwMC40LTEwMi4yYzQuNy00LjcgMTIuMy00LjcgMTcgMGw3LjEgNy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wxMzYuNSAzMjdjLTQuNyA0LjYtMTIuMyA0LjYtMTctLjF6Ij48L3BhdGg+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    background-color: #ec1f27; }
  .compare-panel-wrapper {
    background-color: #f2f2f2;
    padding: 20px 0; }
    .compare-panel-wrapper .compare-header {
      display: flex;
      flex-direction: column;
      flex: 0 0;
      padding-right: 20px; }
      .compare-panel-wrapper .compare-header h2 {
        font-size: 20px;
        font-weight: 600; }
      .compare-panel-wrapper .compare-header a {
        font-size: 12px;
        padding: 0 0 0 15px;
        margin: 0;
        cursor: pointer;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgNTEyIj48cGF0aCBmaWxsPSJncmF5IiBkPSJNMTM2LjUgMTg1LjFsMTE2IDExNy44YzQuNyA0LjcgNC43IDEyLjMgMCAxN2wtNy4xIDcuMWMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDEyOCAyMjQuNyAyNy42IDMyNi45Yy00LjcgNC43LTEyLjMgNC43LTE3IDBsLTcuMS03LjFjLTQuNy00LjctNC43LTEyLjMgMC0xN2wxMTYtMTE3LjhjNC43LTQuNiAxMi4zLTQuNiAxNyAuMXoiPjwvcGF0aD48L3N2Zz4=");
        background-repeat: no-repeat;
        background-position: left center;
        background-size: 10px; }
    .compare-panel-wrapper .compare-actions {
      display: flex;
      flex-direction: column;
      flex: 0 0;
      align-items: center;
      margin-left: 20px; }
      .compare-panel-wrapper .compare-actions .remove-all {
        font-weight: 300; }
    .compare-panel-wrapper .items {
      display: flex;
      flex: 1;
      align-items: center; }
      .compare-panel-wrapper .items .item {
        padding: 0 10px; }
        .compare-panel-wrapper .items .item.placeholder .item-image {
          background-size: contain; }
          .bikesales .compare-panel-wrapper .items .item.placeholder .item-image {
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNy4wNCAyMS42MiI+PHBhdGggZmlsbD0iI2RkZCIgZD0iTTMxLjQxLDEwLjFhNS44OCw1Ljg4LDAsMCwwLTEuMy4xNWwyLS44NXMyLS41OCwyLTMuNzdDMzIuNjQsMi41OSwyNywuMjIsMjcsLjIyYTMuMzUsMy4zNSwwLDAsMSwwLDMuMzlsLS4xMS4wOWEuODQuODQsMCwwLDAsLjA5LS4zNy44NS44NSwwLDEsMC0xLjE5Ljc4bDAsLjIyLTEuMjguMzVBMy42NywzLjY3LDAsMCwwLDIxLjEyLDNDMTcuMTcsMywxNSw1LjEsMTUsNi40MWwtNi4yLS43Mkw4LDQuNzVhMS4zNiwxLjM2LDAsMCwwLTEtLjUxbC02LjguNDFMOCw3LjQ4LDExLjEsOS41Niw5Ljg1LDEwLjk0YTUuODcsNS44NywwLDEsMCwyLjcyLDZjLjQ4LDAsMS0uMTMsMS40My0uMTJhMS4yNiwxLjI2LDAsMCwwLDEuMS40MkgyNGMuMzQsMCwuNjItLjEyLjY2LS40NkwyNS45LDEzQTIsMiwwLDAsMSwyNywxMS41MWwuMjEuMzJhNS44OCw1Ljg4LDAsMSwwLDQuMTgtMS43M1pNMTMuMzMsMTQuMzhsLjE4LjdoLS45MmE1Ljg0LDUuODQsMCwwLDAtMS4zLTIuODlsLjkyLTFMMTQsMTMuOG0tNC4yNS4wNkEzLjYyLDMuNjIsMCwwLDEsMTAuMzIsMTVIOC43MlpNMjYuMjcsNC4xNWgwbC0uMDYuMDVoMFpNNi43OSwxOS41OWEzLjY1LDMuNjUsMCwxLDEsMS41Mi03TDUuODksMTUuMzNhMSwxLDAsMCwwLC43LDEuNTlsMy43LDBBMy42NCwzLjY0LDAsMCwxLDYuNzksMTkuNTlabTI0LjYyLDBhMy42MywzLjYzLDAsMCwxLTIuODUtNS45bDIuMDksM2ExLDEsMCwwLDAsMS41NS0xLjFsLTIuMTItM2EzLjY0LDMuNjQsMCwxLDEsMS4zMiw3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMjQgLTAuMjIpIi8+PC9zdmc+"); }
        .compare-panel-wrapper .items .item.placeholder .item-title {
          color: #9b9b9b; }
        .compare-panel-wrapper .items .item.placeholder .item-subtitle {
          color: #9b9b9b;
          font-size: 14px; }
        .compare-panel-wrapper .items .item-image {
          background-repeat: no-repeat;
          background-position: center;
          background-size: cover;
          height: 45px;
          width: 45px;
          border-radius: 100%;
          margin-right: 10px; }
        .compare-panel-wrapper .items .item-title {
          font-size: 16px;
          font-weight: 600;
          height: 25px;
          overflow: hidden; }
        .compare-panel-wrapper .items .item .btn-link {
          padding: 0 0 0 20px;
          margin: 0;
          font-size: 12px;
          font-weight: 400;
          color: #4a4a4a;
          text-align: left;
          position: relative; }
          .compare-panel-wrapper .items .item .btn-link:before {
            content: "+";
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            /* IE 9 */
            -webkit-transform: rotate(45deg);
            /* Safari and Chrome */
            font-size: 20px;
            font-weight: 600;
            display: inline-block;
            position: absolute;
            padding-right: 15px;
            left: 0;
            top: -1px;
            margin-right: 5px; }
      .compare-panel-wrapper .items .next:after {
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgNTEyIj48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0xNjYuOSAyNjQuNWwtMTE3LjggMTE2Yy00LjcgNC43LTEyLjMgNC43LTE3IDBsLTcuMS03LjFjLTQuNy00LjctNC43LTEyLjMgMC0xN0wxMjcuMyAyNTYgMjUuMSAxNTUuNmMtNC43LTQuNy00LjctMTIuMyAwLTE3bDcuMS03LjFjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDExNy44IDExNmM0LjYgNC43IDQuNiAxMi4zLS4xIDE3eiI+PC9wYXRoPjwvc3ZnPg==");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 10px;
        border-radius: 100%;
        background-color: #fff;
        border: solid 1px #dbdbdb;
        height: 30px;
        width: 30px;
        display: block;
        cursor: pointer; }
      .compare-panel-wrapper .items .next.disabled:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgNTEyIj48cGF0aCBmaWxsPSJncmF5IiBkPSJNMTY2LjkgMjY0LjVsLTExNy44IDExNmMtNC43IDQuNy0xMi4zIDQuNy0xNyAwbC03LjEtNy4xYy00LjctNC43LTQuNy0xMi4zIDAtMTdMMTI3LjMgMjU2IDI1LjEgMTU1LjZjLTQuNy00LjctNC43LTEyLjMgMC0xN2w3LjEtNy4xYzQuNy00LjcgMTIuMy00LjcgMTcgMGwxMTcuOCAxMTZjNC42IDQuNyA0LjYgMTIuMy0uMSAxN3oiPjwvcGF0aD48L3N2Zz4=");
        background-color: #dbdbdb; }
      .compare-panel-wrapper .items .prev:after {
        content: "";
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgNTEyIj48cGF0aCBmaWxsPSJyZWQiIGQ9Ik0yNS4xIDI0Ny41bDExNy44LTExNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNy4xIDcuMWM0LjcgNC43IDQuNyAxMi4zIDAgMTdMNjQuNyAyNTZsMTAyLjIgMTAwLjRjNC43IDQuNyA0LjcgMTIuMyAwIDE3bC03LjEgNy4xYy00LjcgNC43LTEyLjMgNC43LTE3IDBMMjUgMjY0LjVjLTQuNi00LjctNC42LTEyLjMuMS0xN3oiPjwvcGF0aD48L3N2Zz4=");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 10px;
        border-radius: 100%;
        background-color: #fff;
        border: solid 1px #dbdbdb;
        height: 30px;
        width: 30px;
        display: block;
        cursor: pointer; }
      .compare-panel-wrapper .items .prev.disabled:after {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxOTIgNTEyIj48cGF0aCBmaWxsPSJncmF5IiBkPSJNMjUuMSAyNDcuNWwxMTcuOC0xMTZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDcuMSA3LjFjNC43IDQuNyA0LjcgMTIuMyAwIDE3TDY0LjcgMjU2bDEwMi4yIDEwMC40YzQuNyA0LjcgNC43IDEyLjMgMCAxN2wtNy4xIDcuMWMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDI1IDI2NC41Yy00LjYtNC43LTQuNi0xMi4zLjEtMTd6Ij48L3BhdGg+PC9zdmc+");
        background-color: #dbdbdb; }
      .compare-panel-wrapper .items .wrap {
        overflow: hidden;
        width: 100%; }
      .compare-panel-wrapper .items .carousel {
        display: flex;
        list-style: none;
        margin: 0;
        margin-right: -1px;
        padding: 0;
        transition: transform .2s ease; }
      .compare-panel-wrapper .items .carousel-seat {
        border-right: 1px solid #ddd;
        flex: 1 0 100%;
        flex-basis: calc(100%/3); }

.add-to-compare {
  font-size: 14px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  line-height: 1; }
  .add-to-compare.checkbox .checkbox-tick {
    top: -2px; }

.css-overlayStyle-14mgzhr {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(38, 38, 38, 0.9);
  z-index: 999999999;
  opacity: 0;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.css-overlayStyle-14mgzhr.ReactModal__Overlay--after-open {
  opacity: 1; }

.css-overlayStyle-14mgzhr.ReactModal__Overlay--before-close {
  opacity: 0; }

.css-contentStyle-1lem22a {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: auto;
  outline: none; }

.css-Container-ah3u2v {
  border: 1px solid #cccccc;
  background: white;
  border-radius: 4px;
  padding: 45px;
  opacity: 0; }

.css-Container-ah3u2v.shown {
  opacity: 1;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.css-pijsu0 {
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.css-28xjrb {
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  stroke: #b9b9b9;
  cursor: pointer; }


/*# sourceMappingURL=compare-assets-1394b6f7b087343bab84.css.map*/