@use "~/util";

.mdc-drawer.drawer-right.filter-preset-modal {
  width: 360px;
}

.filter-preset-modal {
  .mdc-drawer__header {
    position: relative;
    display: flex;
    align-items: center;
    padding-bottom: 0px;
    @include util.divider-border(bottom);
    .mdc-drawer__title {
      flex-grow: 1;
      align-self: flex-start;
      &::before {
        height: 42px;
      }
      &::after {
        content: none;
      }
    }
  }
  .form-container {
    padding: 16px;
    @include util.divider-border(bottom);
    .mdc-text-field {
      width: 100%;
    }
  }
  .mdc-drawer__content,
  .full-screen-dialog__content {
    padding: 16px;
    .group {
      &:not(:last-child) {
        @include util.divider-border(bottom);
      }
      &:last-child {
        padding-bottom: 0;
      }
      .subheader {
        margin-top: 16px;
      }
      .checkbox-container {
        padding: 16px 0;
        .mdc-checkbox {
          padding: 0;
          &__background {
            top: 0;
            left: 0;
          }
        }
      }
      .toggle-container {
        padding: 16px 0;
        & + .chip-set-container {
          padding-top: 0;
        }
      }
      .chip-set-container {
        padding: 16px 0;
        margin: -8px;
      }
      &:first-child {
        .subheader {
          margin-top: 0;
        }
      }
    }
  }
}
