#system-toast{--system-toast-media-size: 69px;--system-toast-min-width: 320px;--system-toast-content-width: 188px;--system-toast-title-size: 16px;--system-toast-title-line: 1.5333333333;--system-toast-body-size: 15px;--system-toast-body-line: 1.5333333333;--system-toast-radius: 12px;--system-toast-media-radius: 8px;--system-toast-pad-block: 10px;--system-toast-pad-inline-end: 12px;--system-toast-pad-inline-start: 10px;--system-toast-inner-gap: 12px;--system-toast-title-color: #212524;--system-toast-body-color: #656565;--system-toast-action-color: #212524;--system-toast-close-color: #656565;--system-toast-media-fallback: #d9d9d9;--system-toast-offset-top: calc( var(--header-group-height, calc(var(--top-banner-height, 0px) + var(--header-height, 56px))) + 8px );position:fixed;top:var(--system-toast-offset-top);right:20px;z-index:var(--layer-toast, 100000010);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}#system-toast.system-toast--visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;transition:opacity .22s ease,transform .22s ease}#system-toast.system-toast--hiding{opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s}.system-toast__card{display:flex;align-items:flex-start;gap:var(--system-toast-inner-gap);min-width:var(--system-toast-min-width);padding:var(--system-toast-pad-block) var(--system-toast-pad-inline-end) var(--system-toast-pad-block) var(--system-toast-pad-inline-start);background:#fff;border-radius:var(--system-toast-radius);box-shadow:0 8px 24px #282f2e1f}.system-toast__container{display:flex;align-items:stretch;gap:var(--system-toast-inner-gap);flex:1 1 auto;min-width:0}.system-toast__media{flex:0 0 var(--system-toast-media-size);width:var(--system-toast-media-size);min-height:var(--system-toast-media-size);border-radius:var(--system-toast-media-radius);overflow:hidden;background:var(--system-toast-media-fallback)}.system-toast__media img{display:block;width:100%;height:100%;min-height:var(--system-toast-media-size);object-fit:cover}.system-toast__content{display:flex;flex-direction:column;justify-content:center;gap:0;flex:1 1 auto;width:var(--system-toast-content-width);min-width:0;max-width:var(--system-toast-content-width)}.system-toast__content--clickable{cursor:pointer}.system-toast__title{margin:0;font-family:var(--font-body--family);font-size:var(--system-toast-title-size);font-weight:300;line-height:var(--system-toast-title-line);color:var(--system-toast-title-color)}.system-toast__subtitle{margin:0;font-family:var(--font-body--family);font-size:var(--system-toast-body-size);font-weight:300;line-height:var(--system-toast-body-line);color:var(--system-toast-body-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-toast__action{align-self:flex-start;margin:0;padding:0;border:0;background:transparent;font-family:var(--font-body--family);font-size:var(--system-toast-body-size);font-weight:300;line-height:var(--system-toast-body-line);color:var(--system-toast-action-color);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.system-toast__close{flex:0 0 18px;width:18px;height:18px;margin-top:0;padding:0;border:0;background:transparent;color:var(--system-toast-close-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.system-toast__close svg{display:block;width:11px;height:11px}@media screen and (max-width:749px){#system-toast{--system-toast-offset-top: calc( var(--header-group-height, calc(var(--top-banner-height, 0px) + var(--header-height, 56px))) + 8px );top:var(--system-toast-offset-top);right:16px;left:auto;max-width:calc(100vw - 32px);--system-toast-min-width: 322px;--system-toast-media-size: 71px;--system-toast-content-width: 190px}}@media screen and (min-width:750px){#system-toast{--system-toast-media-size: 80px;--system-toast-min-width: 360px;--system-toast-content-width: 212px;--system-toast-body-size: 16px}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/system-toast.css.map */