:host([data-visually-hidden=true]) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

:host {
  display: var(--display, block);
  position: var(--position, fixed);
  top: var(--top, 0);
  right: var(--right, 0);
  bottom: var(--bottom, auto);
  left: var(--left, auto);
  overflow: var(--overflow, hidden);
  overflow-y: var(--overflow-y, auto);
  width: var(--width, 352px);
  max-height: var(--max-height, calc(100vh - 64px));
  padding-right: var(--padding-right, 32px);
  padding-top: var(--padding-top, 16px);
  padding-bottom: var(--padding-bottom, 32px);
  z-index: var(--z-index, 1);
}
:host ::slotted(r-toast) {
  margin-top: var(--r-spacing-100, 1rem);
}

.r-toast-group {
  position: relative;
  display: var(--r-toast-group--display, flex);
  flex-direction: var(--r-toast-group--flex-direction, column);
  justify-content: var(--r-toast-group--justify-content, flex-start);
}