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

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

.remission-list-result {
  @apply list-none bg-white rounded-card mb-2;
  height: 368px;
  max-height: 368px;
}

.filter {
  @apply absolute font-sans flex items-center font-bold bg-inactive-branch border-0 text-regular -top-12 right-0 py-px-8 px-px-15 rounded-filter justify-center z-sticky;

  min-width: 106px;

  .label {
    @apply ml-px-5;
  }

  &.active {
    @apply bg-active-branch text-white ml-px-5;
  }
}

.hidden {
  display: none;
}

.actions {
  @apply fixed inline-grid grid-flow-col gap-7;
  bottom: 7.25rem;
  left: 50%;
  transform: translateX(-50%);

  button:disabled {
    @apply cursor-not-allowed bg-inactive-branch;
  }
}

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

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