.ads-Drawer {
  @apply w-full
    h-full
    overflow-hidden
    relative;
}

.ads-Drawer-wrapper {
  @apply absolute
  bg-white
    border-r
    flex
    flex-col
    h-full
    justify-between
    left-0
    top-0
    z-30;

  will-change: transform;
}

.ads-Drawer-wrapper.drawerOnRight {
  @apply border-r-0
    border-l;

  left: 100%;
}

.ads-Drawer-onScreenContent {
  @apply relative
    flex-col
    justify-between
    h-full
    max-h-full;
}

.ads-Drawer-scrollableSlot {
  @apply h-full
    overflow-x-auto
    flex-grow;

  will-change: transform;
}

.ads-Drawer-fixedSlot {
  @apply flex-grow;
}

.ads-Drawer-innerWrapper {
  @apply h-full
    flex-col
    justify-between;
}
.ads-Drawer-topbar {
  @apply relative;
}

.ads-Drawer-drawerContent {
  @apply flex-grow
    overflow-y-auto;
}

.ads-Drawer-footer {
  @apply bg-gray-200
    border-t
    flex
    justify-end
    px-3
    py-2;
}