@react-spectrum/s2/dist/Toast_module.css

Spectrum 2 UI components in React

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear)) {
  view-transition-name: none;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear)) .To9GSa_toast-controls {
  view-transition-name: To9GSa_toast-controls;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear)) .To9GSa_toast-background {
  view-transition-name: To9GSa_toast-background;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(To9GSa_toast-background) {
  z-index: 0;
  will-change: transform;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(.To9GSa_toast), :is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(To9GSa_toast-list-expanded), :is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(To9GSa_toast-list-collapsed) {
  z-index: 1;
  will-change: transform;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(To9GSa_toast-controls) {
  z-index: 2;
  will-change: transform;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(To9GSa_toast-content), :is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(To9GSa_toast-expand), :is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(To9GSa_toast-action), :is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(To9GSa_toast-close) {
  z-index: 3;
  will-change: transform;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html.To9GSa_toast-clear, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove, To9GSa_toast-expand, To9GSa_toast-collapse, To9GSa_toast-clear))::view-transition-group(*) {
  animation-duration: .4s;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove)):not(.To9GSa_reduceMotion)::view-transition-new(.To9GSa_toast):only-child {
  animation-name: To9GSa_slide-in;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove)):not(.To9GSa_reduceMotion)::view-transition-old(.To9GSa_toast):only-child {
  animation-name: To9GSa_slide-out;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove))::view-transition-group(.To9GSa_toast.To9GSa_bottom) {
  --slideX: 0;
  --slideY: calc(100% + 12px);
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove))::view-transition-group(.To9GSa_toast.To9GSa_top) {
  --slideX: 0;
  --slideY: calc(-100% - 12px);
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove))::view-transition-group(.To9GSa_toast.To9GSa_start) {
  --slideX: calc(-100% - 12px);
  --slideY: 0;
}

:is(html.To9GSa_toast-add, html.To9GSa_toast-remove, html:active-view-transition-type(To9GSa_toast-add, To9GSa_toast-remove))::view-transition-group(.To9GSa_toast.To9GSa_end) {
  --slideX: calc(100% + 12px);
  --slideY: 0;
}

:is(html.To9GSa_toast-expand, html:active-view-transition-type(To9GSa_toast-expand))::view-transition-group(To9GSa_toast-expand) {
  animation-duration: .3s;
}

:is(html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-collapse))::view-transition-group(To9GSa_toast-expand) {
  animation-duration: .6s;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion) .To9GSa_toast-content {
  view-transition-name: To9GSa_toast-content;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion) .To9GSa_toast-expand {
  view-transition-name: To9GSa_toast-expand;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion) .To9GSa_toast-action {
  view-transition-name: To9GSa_toast-action;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion) .To9GSa_toast-close {
  view-transition-name: To9GSa_toast-close;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion) .To9GSa_toast-controls {
  display: flex;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion)::view-transition-old(.To9GSa_toast), :is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion)::view-transition-new(.To9GSa_toast) {
  width: 100%;
  height: 100%;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion)::view-transition-old(.To9GSa_background-toast), :is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)):not(.To9GSa_reduceMotion)::view-transition-new(.To9GSa_background-toast) {
  object-fit: cover;
  object-position: top center;
  clip-path: inset(0 round 10px);
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)).To9GSa_reduceMotion .To9GSa_toast {
  view-transition-name: none !important;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)).To9GSa_reduceMotion .To9GSa_toast-list-expanded {
  view-transition-name: To9GSa_toast-list-expanded;
}

:is(html.To9GSa_toast-expand, html.To9GSa_toast-collapse, html:active-view-transition-type(To9GSa_toast-expand, To9GSa_toast-collapse)).To9GSa_reduceMotion .To9GSa_toast-list-collapsed {
  view-transition-name: To9GSa_toast-list-collapsed;
}

@keyframes To9GSa_slide-in {
  from {
    translate: var(--slideX) var(--slideY);
    opacity: 0;
  }
}

@keyframes To9GSa_slide-out {
  to {
    translate: var(--slideX) var(--slideY);
    opacity: 0;
  }
}
/*# sourceMappingURL=Toast_module.css.map */