.sidePanel,
.hider,
.shadow {
  display: none;
}

@media screen and (min-width: 1367px) {
  .sidePanel {
    display: grid;
    grid-template-rows: auto auto 1fr;
  }

  .summary {
    margin-top: calc(0px - var(--Spacing-x9));
  }

  .hider {
    display: block;
    position: sticky;
  }

  .receipt .hider {
    background-color: var(--Main-Grey-White);
    height: 150px;
    margin-top: -78px;
    top: -40px;
  }

  .summary .hider {
    background-color: var(--Scandic-Brand-Warm-White);
    height: 40px;
    margin-top: var(--Spacing-x4);
    top: calc(var(--booking-widget-desktop-height) - 6px);
  }

  .wrapper {
    background-color: var(--Main-Grey-White);
    border-color: var(--Primary-Light-On-Surface-Divider-subtle);
    border-radius: var(--Corner-radius-lg) var(--Corner-radius-lg) 0 0;
    border-style: solid;
    border-width: 1px;
    border-bottom: none;
    margin-top: calc(0px - var(--Spacing-x9));
    position: sticky;
    top: calc(
      var(--booking-widget-desktop-height) + var(--Spacing-x2) +
        var(--Spacing-x-half)
    );
    z-index: 9;
  }

  .shadow {
    background-color: var(--Main-Grey-White);
    border-color: var(--Primary-Light-On-Surface-Divider-subtle);
    border-left-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    border-bottom: none;
    border-top: none;
    display: block;
  }
}
