:root{--sample-added-bg: #557b24;--sample-added-text: #ffffff;--sample-toast-bg: #282424;--sample-toast-hover-bg: #383332;--sample-toast-check-bg: #8ca95a;--sample-toast-text: #ffffff;--sample-toast-text-subdued: #f0ebeb;--sample-toast-radius: 8px;--sample-toast-gap-sm: 12px;--sample-toast-gap-lg: 16px;--sample-added-duration: .25s;--sample-added-easing: ease-out}sample-add .button{transition:background-color var(--sample-added-duration) var(--sample-added-easing),border-color var(--sample-added-duration) var(--sample-added-easing),color var(--sample-added-duration) var(--sample-added-easing),box-shadow var(--sample-added-duration) var(--sample-added-easing)}sample-add.sample-add--added .button{display:inline-flex;align-items:center;justify-content:center;background:var(--sample-added-bg);border-color:var(--sample-added-bg);color:var(--sample-added-text)}.sample-add__check-icon{flex-shrink:0;margin-inline-end:6px}sample-add.sample-add--pending .button>div{opacity:0!important}sample-add.sample-add--pending .button__loader{opacity:1!important}sample-add.sample-add--pending .button>div,sample-add.sample-add--pending .button__loader,sample-add.sample-add--content-in .button>div,sample-add.sample-add--content-in .button__loader{transform:none!important}sample-add.sample-add--content-in .button__loader{opacity:0!important}sample-add .button__loader{transition:opacity var(--sample-added-duration) var(--sample-added-easing)}sample-add.sample-add--content-in [data-sample-add-label],sample-add.sample-add--content-in .sample-add__check-icon{animation:sample-add-content-in var(--sample-added-duration) var(--sample-added-easing) both}@keyframes sample-add-content-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){sample-add .button,sample-add .button__loader{transition:none}sample-add.sample-add--content-in [data-sample-add-label],sample-add.sample-add--content-in .sample-add__check-icon{animation:none}}sample-toast{position:fixed;top:40px;right:40px;z-index:500;display:flex;align-items:center;gap:var(--sample-toast-gap-sm);width:374px;box-sizing:border-box;padding:var(--sample-toast-gap-sm) var(--sample-toast-gap-lg);border-radius:var(--sample-toast-radius);background:var(--sample-toast-bg);color:var(--sample-toast-text)}sample-toast[hidden]{display:none}@media screen and (max-width:699px){sample-toast{top:8px;right:8px;left:8px;width:auto}}.sample-toast__icon-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;color:var(--sample-toast-text)}.sample-toast__icon-badge--success{background:var(--sample-toast-check-bg)}.sample-toast__icon-badge--error{background:transparent}.sample-toast__message{flex:1;margin:0;color:var(--sample-toast-text)}.sample-toast--error .sample-toast__message{color:var(--sample-toast-text-subdued)}.sample-toast__view-cart{flex-shrink:0;color:var(--sample-toast-text);text-decoration:underline;white-space:nowrap}.sample-toast__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:transparent;color:var(--sample-toast-text);cursor:pointer}.sample-toast__close:hover,.sample-toast__close:focus-visible{background:var(--sample-toast-hover-bg)}@keyframes sample-toast-slide-in{0%{transform:translateY(-120%);opacity:0}to{transform:translateY(0);opacity:1}}sample-toast.sample-toast--enter{animation:sample-toast-slide-in .3s ease-out}
/*# sourceMappingURL=/cdn/shop/t/18/assets/sample-toast.css.map */