@import "../../../../responsive";

.save-throw-panel {
  border: var(--border);
  background-color: var(--field-background-color);
  box-shadow: var(--shadow);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 0rem;
  padding: 0rem;
  height: 12rem;

  @include height-small {
    height: 14rem;
  }

  @include height-medium {
    height: 15.25rem;
  }

  // Too large, doesn't look good
  @include height-large {
    height: 16.5rem;
  }
}
