.toast{position:fixed;z-index:2;outline:2px solid #000;width:40rem;max-width:90%;bottom:0;right:2rem;border-radius:.7rem .7rem 0 0;overflow:hidden;animation:toast-anm .5s ease-in 25s 1 normal forwards!important}@keyframes toast-anm{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toast-close{position:absolute;top:.5rem;right:.5rem;cursor:pointer;font-size:1.5rem;color:#000;z-index:9;border:2px solid #000;border-radius:.25rem;padding:0 .5rem;font-style:italic}.toast-close:hover{background-color:var(--primary)}.toast .grid{margin-bottom:0}.toast .grid__item{position:relative}@media screen and (min-width: 750px){.toast__grid--reverse{flex-direction:row-reverse}}.toast__media{min-height:100%;overflow:visible}.toast__media--small{height:19.4rem}.toast__media--medium{height:29.6rem}.toast__media--large{height:43.5rem}@media screen and (min-width: 750px){.toast__media--small{height:31.4rem}.toast__media--medium{height:46rem}.toast__media--large{height:69.5rem}}.toast__media--placeholder{position:relative;overflow:hidden}.toast__media--placeholder:after{content:"";position:absolute;background:rgba(var(--color-foreground),.04)}.toast__media--placeholder.toast__media--adapt{height:20rem}@media screen and (min-width: 750px){.toast__media--placeholder.toast__media--adapt{height:30rem}}.toast__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.toast__media--placeholder:is(.animate--ambient,.animate--zoom-in)>.svg-wrapper{top:0;left:0;transform:translate(0)}.toast__content{align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;padding:2rem calc(2rem / var(--font-body-scale)) 2rem;position:relative;z-index:1}.toast .grid__item:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.toast:not(.toast--overlap) .toast__media-item:after{border-radius:var(--media-radius);box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.toast:not(.toast--overlap) .toast__text-item:after{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.toast .toast__media-item>*{border-radius:var(--media-radius);overflow:hidden;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity))}.toast .global-media-settings{overflow:hidden!important}.toast .toast__text-item>*{border-radius:var(--text-boxes-radius);overflow:hidden;box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity))}.toast:not(.toast--overlap) .toast__media-item>*,.toast:not(.toast--overlap) .toast__text-item>*{box-shadow:none}@media screen and (max-width: 749px){.toast.collapse-corners:not(.toast--overlap) .toast__media-item:after,.toast.collapse-corners:not(.toast--overlap) .grid__item .toast__media,.toast.collapse-corners:not(.toast--overlap) .toast__media img,.toast.collapse-corners:not(.toast--overlap) .toast__media .placeholder-svg{border-bottom-right-radius:0;border-bottom-left-radius:0}.toast.collapse-corners:not(.toast--overlap) .toast__text-item:after,.toast.collapse-corners:not(.toast--overlap) .grid__item .toast__content{border-top-left-radius:0;border-top-right-radius:0}.toast.collapse-borders:not(.toast--overlap) .toast__content{border-top:0}}.toast__content--mobile-right>*{align-self:flex-end;text-align:right}.toast__content--mobile-center>*{align-self:center;text-align:center}.toast--overlap .toast__content{width:90%;margin:-3rem auto 0}@media screen and (min-width: 750px){.toast__grid--reverse .toast__content{margin-left:auto}.toast__content--bottom{justify-content:flex-end;align-self:flex-end}.toast__content--top{justify-content:flex-start;align-self:flex-start}.toast__content--desktop-right>*{align-self:flex-end;text-align:right}.toast__content--desktop-left>*{align-self:flex-start;text-align:left}.toast__content--desktop-center>*{align-self:center;text-align:center}.toast--overlap .toast__text-item{display:flex;padding:2rem 0}.toast--overlap .toast__content{height:auto;width:calc(100% + 1rem);min-width:calc(100% + 1rem);margin-top:0;margin-left:-1rem}.toast--overlap .toast__grid--reverse .toast__content{margin-left:0;margin-right:-4rem}.toast--overlap .toast__grid--reverse .toast__text-item{justify-content:flex-end}.toast--overlap .toast__media-item--top{align-self:flex-start}.toast--overlap .toast__media-item--middle{align-self:center}.toast--overlap .toast__media-item--bottom{align-self:flex-end}.toast__media-item--small,.toast__media-item--large+.toast__text-item{flex-grow:0}.toast.collapse-corners:not(.toast--overlap) .grid:not(.toast__grid--reverse) .toast__media-item:after,.toast.collapse-corners:not(.toast--overlap) .grid:not(.toast__grid--reverse) .toast__media,.toast.collapse-corners:not(.toast--overlap) .grid:not(.toast__grid--reverse) .toast__media img,.toast.collapse-corners:not(.toast--overlap) .grid:not(.toast__grid--reverse) .toast__media .placeholder-svg,.toast.collapse-corners:not(.toast--overlap) .toast__grid--reverse .toast__text-item:after,.toast.collapse-corners:not(.toast--overlap) .toast__grid--reverse .toast__content,.toast.collapse-corners:not(.toast--overlap) .toast__grid--reverse .toast__content:after{border-top-right-radius:0;border-bottom-right-radius:0}.toast.collapse-corners:not(.toast--overlap) .grid:not(.toast__grid--reverse) .toast__text-item:after,.toast.collapse-corners:not(.toast--overlap) .grid:not(.toast__grid--reverse) .toast__content,.toast.collapse-corners:not(.toast--overlap) .grid:not(.toast__grid--reverse) .toast__content:after,.toast.collapse-corners:not(.toast--overlap) .toast__grid--reverse .toast__media-item:after,.toast.collapse-corners:not(.toast--overlap) .toast__grid--reverse .toast__media,.toast.collapse-corners:not(.toast--overlap) .toast__grid--reverse .toast__media img,.toast.collapse-corners:not(.toast--overlap) .toast__grid--reverse .toast__media .placeholder-svg{border-top-left-radius:0;border-bottom-left-radius:0}.toast.collapse-borders:not(.toast--overlap) .grid:not(.toast__grid--reverse) .toast__content{border-left:0}.toast.collapse-borders:not(.toast--overlap) .toast__grid--reverse .toast__content{border-right:0}}.toast:not(.collapse-corners,.toast--overlap) .toast__media-item{z-index:2}.toast.toast--overlap .backround-transparent,.toast:not(.toast--overlap) .background-transparent{background:transparent}.toast .gradient{transform:perspective(0)}.toast__content{border-radius:var(--text-boxes-radius);box-shadow:var(--text-boxes-shadow-horizontal-offset) var(--text-boxes-shadow-vertical-offset) var(--text-boxes-shadow-blur-radius) rgba(var(--color-shadow),var(--text-boxes-shadow-opacity));word-break:break-word}@media screen and (min-width: 990px){.toast__content{padding:2rem}}.toast__content>*+*{margin-top:2rem}.toast__content>.toast__text:empty~a{margin-top:2rem}.toast__content>:first-child:is(.toast__heading),.toast__text--caption+.toast__heading,.toast__text--caption:first-child{margin-top:0}.toast__content :last-child:is(.toast__heading),.toast__text--caption{margin-bottom:0}.toast__content .button+.toast__text{margin-top:2rem}.toast__content .toast__text+.button{margin-top:2rem}.toast__heading{margin-bottom:0}.toast__text p{margin-top:0;margin-bottom:1rem}@media screen and (max-width: 749px){.collapse-padding .toast__grid .toast__content{padding-left:0;padding-right:0}}@media screen and (min-width: 750px){.collapse-padding .toast__grid:not(.toast__grid--reverse) .toast__content:not(.toast__content--desktop-center){padding-right:0}.collapse-padding .toast__grid--reverse .toast__content:not(.toast__content--desktop-center){padding-left:0}}@supports not (inset: 10px){.toast .grid{margin-left:0}}.multirow__inner{display:flex;flex-direction:column;row-gap:var(--grid-mobile-vertical-spacing)}@media screen and (min-width: 750px){.multirow__inner{row-gap:var(--grid-desktop-vertical-spacing)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/component-toast.css.map */