@media (min-width: 1025px) {
  .recipes-sticky-controls {
    --recipes-sticky-edge: max(40px, calc((100vw - 1536px) / 2));
    position: fixed;
    top: 20px;
    right: 0;
    left: 0;
    z-index: 1001;
    height: 60px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100px);
    transition: right 0.3s ease, transform 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
    pointer-events: none;
  }

  body:has(.recipes-shell.filters-drawer-open) .recipes-sticky-controls {
    --recipes-sticky-edge: max(40px, calc((100vw - 430px - 1536px) / 2));
    right: 430px;
  }

  .recipes-sticky-controls.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .recipes-sticky-control-slot {
    position: absolute;
    top: 0;
    pointer-events: auto;
  }

  .recipes-sticky-control-slot--source {
    left: var(--recipes-sticky-edge);
    transition: left 0.3s ease;
  }

  .recipes-sticky-control-slot--time {
    left: 50%;
    transform: translateX(-50%);
  }

  .recipes-sticky-control-slot--calories {
    right: calc(var(--recipes-sticky-edge) + 182px);
    transition: right 0.3s ease;
  }

  .recipes-sticky-control-slot--actions {
    right: var(--recipes-sticky-edge);
    transition: right 0.3s ease;
  }

  .recipes-sticky-control-pill {
    height: 60px;
    min-height: 60px;
    padding-block: 0;
    box-sizing: border-box;
  }

  .recipes-sticky-control-pill .desktop-recipe-source-tabs {
    flex: 0 0 238px;
  }

  .recipes-sticky-control-pill .recipes-latest-tabs {
    position: static;
    left: auto;
    transform: none;
  }

  .recipes-sticky-control-pill .recipes-cal-slider {
    top: auto;
    margin-right: 0;
  }

  .recipes-sticky-control-pill .recipes-cal-label {
    transform: translateY(4px);
  }

  .recipes-sticky-control-pill .browse-tooltip {
    top: calc(100% + 10px);
    bottom: auto;
    transform: translate(-50%) translateY(-4px);
  }

  .recipes-sticky-control-pill .browse-tooltip::after {
    top: auto;
    bottom: 100%;
    border-color: transparent;
    border-bottom-color: #222;
  }

  .ing-selected-pill {
    height: 60px;
    padding-block: 0;
    box-sizing: border-box;
  }

  .ing-selected-pill .pill-clear-btn {
    width: 60px;
    height: 44px;
    flex: 0 0 60px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
  }

  .recipes-sticky-actions-source {
    display: flex;
    align-items: center;
  }

  body.recipes-controls-are-sticky .ing-sticky-bar.visible {
    top: 92px;
  }
}