@use '../../styles/abstracts/index' as *;

.o-select-grid-layout-wrapper{
  overflow-y: auto;
  max-height: 80%;
}

.o-select-grid-layout-modal-wrapper {
  max-width: 80%;
}

.o-select-grid-layout {
  overflow-y: auto;
  @extend %list-unstyled;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, auto));
  grid-gap: toRem(30);
  padding: toRem(4) toRem(4) toRem(30) toRem(4);

  &__item {
    .a-btn {
      @include outlineOnFocus($border-radius: 2px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      width: 100%;
      height: 100%;
      padding: toRem(15);
      border-radius: 0;
      text-align: left;
      strong {
        display: block;
      }
      .a-p{
        margin-bottom: 0;
        font-size: 13px;
      }
    }
  }
}