@import "src/styles/variables";

.panel {
  height: 72px;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 100%;
  box-sizing: border-box;
  padding: $gap;
  z-index: 10;
  display: flex;
  flex-direction: row;
  pointer-events: none;
  touch-action: none;

  & > * {
    margin: 0 $gap * 0.5;
    pointer-events: all;
    touch-action: auto;

    &:first-child {
      margin-left: 0;
    }

    &:last-child {
      margin-right: 0;
    }
  }
}
