:host {
  @apply flex flex-col w-full box-content relative;
  max-height: calc(100vh - 10.25rem);
  height: 100vh;
}

.remission-list {
  @apply m-0 p-0 mt-2 h-full;
}

.remission-list-result {
  @apply list-none bg-white rounded mb-2;
}

.filter {
  &.active {
    @apply bg-active-branch text-white;
  }
}

.hidden {
  display: none;
}

.actions {
  .disabled {
    @apply cursor-not-allowed bg-inactive-branch;
  }
}

.cta-scroll {
  @apply bottom-[5.5rem] absolute shadow-cta border-none outline-none bg-white w-12 h-12 rounded-full grid items-center justify-center;
  right: 5%;

  ui-icon {
    @apply transition-transform transform -rotate-90 text-active-branch;
  }
}
