@layer core.atoms{.phxsg-toaster{--_comp-toaster-spacing-vertical: var(--comp-toaster-spacing-vertical, var(--sys-spacing-6));--_comp-toaster-spacing-horizontal: var(--comp-toaster-spacing-horizontal, var(--sys-spacing-4));--_comp-toaster-width: var(--comp-toaster-width, 350px);--_comp-toaster-transition-duration: var(--comp-toaster-transition-duration, var(--sys-motion-duration-medium-2));--_comp-toaster-transition-easing: var(--comp-toaster-transition-easing, var(--sys-motion-easing-standard));--_comp-toaster-direction: var(--comp-toaster-direction, 1);display:flex;padding-inline-start:0;position:fixed;inset-block:var(--_comp-toaster-spacing-vertical);inset-inline:var(--_comp-toaster-spacing-horizontal);z-index:9999;list-style-type:none;pointer-events:none;@media screen and (min-width: 768px){--comp-toaster-spacing-vertical: var(--sys-spacing-4);--comp-toaster-spacing-horizontal: var(--sys-spacing-2);width:var(--_comp-toaster-width);&[class*=end]{inset-inline-start:auto}&[class*=start]{inset-inline-end:auto}}&[class*=top]{--comp-toaster-direction: -1;flex-direction:column;inset-block-end:auto;>li:not(:last-of-type){margin-block-end:var(--_comp-toaster-spacing-vertical)}}&[class*=bottom]{--comp-toaster-direction: 1;flex-direction:column-reverse;inset-block-start:auto;>li:not(:last-of-type){margin-block-start:var(--_comp-toaster-spacing-vertical)}}}.phxsg-toaster__item{transition:all var(--_comp-toaster-transition-duration) var(--_comp-toaster-transition-easing)}.phxsg-toaster__item--leave-active{position:absolute;z-index:-1}.phxsg-toaster__item--enter-from,.phxsg-toaster__item--leave-to{opacity:0;transform:translateY(calc(var(--_comp-toaster-spacing-vertical) * var(--_comp-toaster-direction)))}.phxsg-toast{position:relative;pointer-events:auto}.phxsg-toast__wrapper{display:flex;position:relative}.phxsg-toast__message{flex-grow:1}.phxsg-toast__close{padding:0;&:after{content:"";position:absolute;inset-block:0;inset-inline:0}}}