/* stylelint-disable */
@layer drv.components.itemlist {
  .drv-itemlist {
    display: block;
    margin: 0;
    padding-inline-start: 0;
    list-style-type: none;
  }
  .drv-itemlist--scrollable {
    display: block;
    block-size: 100%;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: var(--drv-color-ui-07, #083163) transparent;
    overscroll-behavior: contain;
    max-block-size: 90svh;
    overflow-y: auto;
    overscroll-behavior: contain;
    border-block: var(--drv-spacing-01, 0.125rem) solid var(--drv-color-ui-04, #b4c1d0);
  }
  .drv-itemlist--scrollable::-webkit-scrollbar {
    inline-size: var(--drv-spacing-04, 0.75rem);
    background-color: transparent;
  }
  .drv-itemlist--scrollable::-webkit-scrollbar-thumb {
    border: var(--drv-spacing-01, 0.125rem) solid var(--drv-color-ui-01, #ffffff);
    border-radius: 1em;
    background-color: var(--drv-color-ui-07, #083163);
  }
  .drv-itemlist--scrollable::-webkit-scrollbar-track {
    background-color: transparent;
  }
  .drv-itemlist__item {
    display: list-item;
    padding-block: var(--drv-spacing-05, 1rem);
    border-block-end: var(--drv-spacing-01, 0.125rem) solid var(--drv-color-ui-04, #b4c1d0);
  }
  @media (min-width: 37.5rem) {
    .drv-itemlist__item {
      padding-block: var(--drv-spacing-06, 1.5rem);
    }
  }
  @keyframes item-enter {
    0% {
      margin-block-start: -6em;
      opacity: 0;
    }
    75% {
      opacity: 0;
    }
    100% {
      margin-block-start: 0;
      opacity: 1;
    }
  }
  @keyframes item-leave {
    100% {
      margin-block-start: -6em;
      opacity: 0;
    }
    25% {
      opacity: 0;
    }
    0% {
      margin-block-start: 0;
      opacity: 1;
    }
  }
}