.recipe-sidebar__toggle{
  display:none;
}
.recipe-sidebar__chips{
  display:none;
}
.recipe-sidebar__toolbar{
  width:100%;
}
.recipe-sidebar__reset-button.is-hidden{
  display:none;
}
@media (min-width:992px){
  .recipe-sidebar__drawer,
  .recipe-sidebar__drawer-inner{
    display:contents;
  }
  .recipe-sidebar__categories{
    order:1;
  }
  .recipe-sidebar__toolbar{
    order:2;
  }
  .recipe-sidebar__filter{
    order:3;
  }
  .recipe-sidebar__actions{
    order:4;
  }
}
@media (max-width:991px){
  .recipe-content__layout,
  .recipe-single__layout{
    display:flex;
    flex-direction:column;
    overflow-anchor:none;
  }
  .recipe-sidebar{
    order:-1;
    display:flex;
    flex-direction:column;
    margin-bottom:20px;
    overflow-anchor:none;
  }
  .recipe-content__main,
  .recipe-single__main{
    order:0;
    overflow-anchor:none;
  }
  .recipe-sidebar__filters{
    display:flex;
    flex-direction:column;
    gap:0;
  }
  .recipe-sidebar__toolbar{
    display:flex;
    align-items:stretch;
    gap:8px;
  }
  .recipe-sidebar__chips{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
  }
  .recipe-sidebar__toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex:0 0 auto;
    min-width:118px;
    height:52px;
    padding:0 14px;
    border:1px solid #ddd;
    border-radius:30px;
    background:#fff;
    color:#111;
    font-family:Onest,sans-serif;
    font-size:13px;
    font-weight:600;
    letter-spacing:.04em;
    text-transform:uppercase;
    cursor:pointer;
  }
  .recipe-sidebar.is-filters-open .recipe-sidebar__toggle{
    background:#004B36;
    border-color:#004B36;
    color:#fff;
  }
  .recipe-sidebar__toggle-count{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border-radius:999px;
    background:#004B36;
    color:#fff;
    font-size:11px;
    line-height:1;
  }
  .recipe-sidebar.is-filters-open .recipe-sidebar__toggle-count{
    background:#fff;
    color:#004B36;
  }
  .recipe-sidebar__toolbar .recipe-sidebar__search{
    flex:1 1 auto;
    min-width:0;
    margin-bottom:0;
  }
  .recipe-sidebar__search input{
    height:52px;
    padding-right:92px;
  }
  .recipe-sidebar__search button{
    width:76px;
    font-size:13px;
  }
  .recipe-sidebar__drawer{
    display:grid;
    grid-template-rows:0fr;
    margin-top:0;
    transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1),margin-top .4s cubic-bezier(.22,1,.36,1);
  }
  .recipe-sidebar.is-filters-open .recipe-sidebar__drawer{
    grid-template-rows:1fr;
    margin-top:16px;
  }
  .recipe-sidebar__drawer-inner{
    overflow:hidden;
    min-height:0;
  }
  .recipe-sidebar__actions{
    margin-top:16px;
  }
  .recipe-sidebar__chip{
    display:inline-flex;
    align-items:center;
    gap:8px;
    max-width:100%;
    padding:8px 10px 8px 12px;
    border:1px solid #ddd;
    border-radius:999px;
    background:#fff;
    color:#111;
    font-size:13px;
    line-height:1.2;
    text-decoration:none;
  }
  .recipe-sidebar__chip-remove{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:18px;
    height:18px;
    border-radius:50%;
    background:#efefef;
    color:#111;
  }
  .recipe-sidebar__chip:hover{
    border-color:#004B36;
    color:#004B36;
  }
  .recipe-sidebar__chip:hover .recipe-sidebar__chip-remove{
    background:#004B36;
    color:#fff;
  }
}
@media (max-width:575px){
  .recipe-sidebar__toggle{
    min-width:104px;
    padding:0 12px;
    font-size:12px;
  }
}