.twentyone-toasts{bottom:0;gap:var(--wp--preset--spacing--12);margin:var(--wp--preset--spacing--16);max-width:25em;opacity:0;pointer-events:none;position:fixed;right:0;visibility:hidden;z-index:99999;transition:var(--wp--custom--transition--preset--default)}.twentyone-toasts.is--active{opacity:1;pointer-events:all;visibility:visible}.twentyone-toast{align-items:center;background-color:var(--wp--preset--color--lightgrey);display:flex;fill:var(--wp--preset--color--blue);flex-wrap:nowrap;font-size:1em;gap:var(--wp--preset--spacing--12);justify-content:space-between;margin:var(--wp--preset--spacing--8) 0;opacity:0;padding:var(--wp--preset--spacing--8) var(--wp--preset--spacing--16);position:relative;visibility:hidden;box-shadow:var(--wp--preset--shadow--medium);border-radius:var(--wp--preset--spacing--8);transition:var(--wp--custom--transition--preset--default);translate:0 -50%}.twentyone-toast[data-state=error]{background-color:var(--wp--preset--color--red)}.twentyone-toast[data-state=error] svg{fill:#fff !important}.twentyone-toast[data-state=error] *{color:#fff}.twentyone-toast[data-state=success]{background-color:var(--wp--preset--color--green)}.twentyone-toast[data-state=success] svg{fill:#fff !important}.twentyone-toast[data-state=success] *{color:#fff}.twentyone-toast.align--bottom{align-items:flex-end}.twentyone-toast.align--bottom>svg,.twentyone-toast.align--bottom>img{margin-bottom:var(--wp--preset--spacing--12);margin-top:0}.twentyone-toast.align--center{align-items:center}.twentyone-toast.align--center>svg,.twentyone-toast.align--center>img{margin-top:0}.twentyone-toast.align--top{align-items:flex-start}.twentyone-toast.has--tooltip .twentyone-toast-content{display:flex}.twentyone-toast.is--active{opacity:1;pointer-events:all;visibility:visible;translate:0 0}.twentyone-toast.is--inverted{fill:var(--wp--preset--color--white)}.twentyone-toast.justify--left{flex-direction:row}.twentyone-toast.justify--right{flex-direction:row-reverse}.twentyone-toast.swiper-slide{height:auto}.twentyone-toast:first-child{margin-top:0}.twentyone-toast:last-child{margin-bottom:0}.twentyone-toast::before{display:none}.twentyone-toast .twentyone-button{margin:0;position:relative;right:unset;top:unset}.twentyone-toast .twentyone-toast-content{flex:1 1 100%}.twentyone-toast p+.twentyone-button{margin-top:.5em}.twentyone-toast>svg,.twentyone-toast>img{aspect-ratio:1/1;flex:0 0 auto;fill:inherit;font-size:var(--wp--preset--font-size--level-5);height:auto;margin-top:var(--wp--preset--spacing--12);object-fit:contain;width:1em;transition:var(--wp--custom--transition--preset--default)}