#notifications-plugin{display:flex;position:fixed;right:0;bottom:0;max-width:100%;justify-content:flex-end;z-index:11}body.slide-opening .notifications__items{margin-right:var(--scrollbar-width)}.notifications-plugin-wrapper{max-height:100vh;overflow:auto}notifications-plugin{width:100%}.notifications-plugin-wrapper::-webkit-scrollbar{display:none}.notifications__items{--padding: .64rem;display:flex;flex-direction:column;padding:var(--padding);padding-right:0;padding-bottom:2rem;overflow:hidden}.notification__item{--padding: var(--gap);padding:var(--padding);padding-right:calc(var(--padding) + 1rem);--back: var(--color-alert-rgb);--color: var(--color-alert-text-rgb);background:rgba(var(--back),.97);color:rgba(var(--color),1);position:relative;margin-top:0;max-width:600px;border-radius:var(--bradius);display:flex;align-items:stretch;font-size:1rem;letter-spacing:0}.notification__icon{--icon-size: var(--type-medium);margin-right:var(--gap);align-self:flex-start;margin-top:.1rem;--fill: var(--back)}.notification__item:not(._success) .notification__icon.icon_success,.notification__item:not(._alert) .notification__icon.icon_alert,.notification__item:not(._error) .notification__icon.icon_error{display:none}.notification_content{padding-top:.3rem}.notification__item.has_dismiss .notification_content{padding-right:calc(var(--side) * 2);--side: .5rem}.notification__item_wrapper{transform:translate(100%)}.notification__html{line-height:1.2rem;align-self:center;margin-top:-.2rem;font-size:.95rem}.notification-button{--btn-color: rgba(var(--color), 1);background:rgba(var(--color),.2);color:var(--btn-color);padding:0 .6rem;margin-top:.8rem;font-size:.9rem;line-height:1.7rem;transition:background var(--transition);display:inline-block;align-items:center;width:auto}.notification__html p{margin:.3rem 0}.notification__html p:first-child{margin-top:.1rem}.notification__html b{font-weight:500}.notification__html h1,.notification__html h2,.notification__html h3,.notification__html h4,.notification__html h5,.notification__html h6{font-size:inherit;line-height:inherit;margin:0;font-family:var(--font-body-family);color:inherit}.notification__item._success{--back: var(--color-success-rgb);--color: var(--color-success-text-rgb)}.notification__item._error{--back: var(--color-error-rgb);--color: var(--color-error-text-rgb)}.notification__item.has_dismiss{padding-right:.7rem}.notification__item_wrapper:not(:last-child){opacity:0;height:0;margin-bottom:.2rem;transform:translate(100%)}.notification__heading{padding-bottom:.4rem;font-size:var(--type-small);font-weight:500;margin-top:-.2rem}.notification__dismiss{--icon-size: .6rem;margin-left:auto;--size: 1.7rem;color:rgb(var(--color));background:transparent;width:var(--size);min-width:var(--size);display:flex;align-items:center;justify-content:center;--stroke: rgba(var(--color), 1);--stroke-width: .15rem;--backsize: 1.7rem}.notification-enter-active,.alert-leave-active{transition:all .44s ease}.notification-enter-from,.alert-leave-to{transform:translate(calc(-100% - var(--sides)))}.notification__html .errors{padding:0;margin:0;background:transparent;color:rgba(var(--color),1)}.notification__html li:not(:last-child){border-bottom:1px solid rgba(var(--color),.2);padding-bottom:.6rem}show-notification{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/2/assets/notification.css.map */
