{"mappings":"AAYA;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAOJ;EACE;;;;EAIE;;;;;AAMJ;;;;;;;;;;;;;;;AAiBE;;;;;AAKA;;;;;;AAMA;;;;;;AAMA;;;;;AAIE;;;;AAAA;;;;AAKF;;;;AAIA;;;;;AAIE;;;;AAAA;;;;AAMJ;;;;;;;;AASE;;;;AAKF;;;;;;;;;AASA;;;;;AAKA;;;;;;;AAOA;;;;;;;AAOA;;;;;;AAMA;;;;AAIA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;;AAKA;;;;AAIA;;;;AAIA","sources":["packages/@react-spectrum/toast/src/toastContainer.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import \"../../../@adobe/spectrum-css-temp/components/commons/focus-ring.css\";\n\n.react-spectrum-ToastContainer {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: fixed;\n  inset-inline-start: 0;\n  inset-inline-end: 0;\n  z-index: 100050; /* above modals */\n  display: flex;\n  pointer-events: none;\n  outline: none;\n  /* keep focus ring inside the viewport */\n  margin-block-end: 8px;\n  margin-inline: 8px;\n\n  .spectrum-Toast {\n    margin: 8px;\n    pointer-events: all;\n  }\n\n  &[data-position=top] {\n    top: 0;\n    flex-direction: column;\n    --slide-from: translateY(-100%);\n  }\n\n  &[data-position=bottom] {\n    bottom: 0;\n    flex-direction: column-reverse;\n    --slide-from: translateY(100%);\n  }\n\n  &[data-placement=start] {\n    align-items: flex-start;\n    --slide-from: translateX(-100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(100%);\n    }\n  }\n\n  &[data-placement=center] {\n    align-items: center;\n  }\n\n  &[data-placement=end] {\n    align-items: flex-end;\n    --slide-from: translateX(100%);\n\n    &:dir(rtl) {\n      --slide-from: translateX(-100%);\n    }\n  }\n}\n\n.spectrum-Toast {\n  composes: spectrum-FocusRing;\n  --spectrum-focus-ring-border-radius: var(--spectrum-toast-border-radius);\n  --spectrum-focus-ring-gap: var(--spectrum-alias-focus-ring-gap);\n  --spectrum-focus-ring-size: var(--spectrum-alias-focus-ring-size);\n\n  position: relative;\n  outline: none;\n\n  .spectrum-Toast-contentWrapper {\n    display: inline-flex;\n  }\n}\n\n.spectrum-ToastContainer-list {\n  display: inherit;\n  flex-direction: inherit;\n  align-items: inherit;\n  list-style-type: none;\n  margin: 0;\n  padding-inline-start: 0;\n}\n\n.spectrum-ToastContainer-listitem {\n  display: inline-block;\n  view-transition-class: toast;\n}\n\n@keyframes slide-in {\n  from {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes slide-out {\n  to {\n    translate: var(--slideX) var(--slideY);\n    opacity: 0;\n  }\n}\n\n@keyframes fade-out {\n  to {\n    opacity: 0;\n  }\n}\n\n::view-transition-group(.toast) {\n  animation-duration: 300ms;\n}\n\n::view-transition-group(.toast.bottom) {\n  --slideX: 0;\n  --slideY: calc(100% + 12px);\n}\n\n::view-transition-group(.toast.top) {\n  --slideX: 0;\n  --slideY: calc(-100% - 12px);\n}\n\n::view-transition-group(.toast.start) {\n  --slideX: calc(-100% - 12px);\n  --slideY: 0;\n}\n\n::view-transition-group(.toast.end) {\n  --slideX: calc(100% + 12px);\n  --slideY: 0;\n}\n\n::view-transition-new(.toast):only-child {\n  animation-name: slide-in;\n}\n\n::view-transition-old(.toast):only-child {\n  animation-name: slide-out;\n}\n\n::view-transition-old(.toast.fadeOnly):only-child {\n  animation-name: fade-out;\n}\n"],"names":[],"version":3,"file":"toast.69f125e3.css.map"}