/* Algolassi Image Tools - mobile toolbox layout. */
@media (max-width: 800px){
  .image-toolbox{
    display:flex;
    align-items:center;
    align-content:flex-start;
    gap:.35rem .45rem;
    flex-wrap:wrap;
    justify-content:flex-start;
    overflow-x:visible;
    overflow-y:visible;
    min-height:0;
    padding:.35rem 0;
  }
  .image-toolbox-label,
  .image-toolbox-button{
    flex:0 0 auto;
  }
  .image-toolbox-label{
    padding-right:.35rem;
  }
  .image-toolbox-button{
    min-width:max-content;
    width:auto;
    padding:.3rem .5rem;
  }
  .image-toolbox-icon{
    flex:0 0 1.15rem;
  }
  .image-toolbox-text{
    display:inline-block;
    white-space:nowrap;
  }
  .image-toolbox-button kbd{
    flex:0 0 auto;
    margin-left:.12rem;
    padding:.08rem .22rem;
    border:1px solid currentColor;
    border-radius:2px;
    background:transparent;
    font:inherit;
    font-size:.58rem;
    line-height:1.1;
    opacity:.72;
  }
}
