.bn-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom,0px));z-index:10050;display:flex;align-items:center;gap:13px;width:max-content;max-width:min(440px,calc(100vw - 28px));padding:9px 11px 9px 14px;background:var(--color-background, #ffffff);border:1px solid rgb(var(--color-foreground-rgb, 0 0 0) / .09);border-radius:var(--style-border-radius-pills, 999px);box-shadow:var(--shadow-popover, 0 12px 36px rgb(0 0 0 / .14), 0 3px 9px rgb(0 0 0 / .07));font-family:inherit;color:var(--color-foreground, #000000);transform:translate(-50%) translateY(22px) scale(.96);opacity:0;pointer-events:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .34s ease;--bn-accent: #ff4315}.bn-toast.is-visible{transform:translate(-50%) translateY(0) scale(1);opacity:1;pointer-events:auto}.bn-toast.bn-variant-auth{--bn-accent: #ff4315}.bn-toast.bn-variant-success{--bn-accent: #16a34a}.bn-toast.bn-variant-error{--bn-accent: #dc2626}.bn-toast.bn-variant-info{--bn-accent: #111111}.bn-toast__chip{flex:0 0 auto;width:40px;height:40px;border-radius:13px;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--bn-accent)}.bn-toast__chip svg{width:20px;height:20px;stroke:#fff;fill:none}.bn-toast__body{min-width:0}.bn-toast__title{font-size:14px;font-weight:500;line-height:1.25;color:var(--color-foreground, #000);white-space:nowrap}.bn-toast__sub{font-size:12.5px;line-height:1.3;margin-top:2px;color:rgb(var(--color-foreground-rgb, 0 0 0) / .55);white-space:normal}.bn-toast__cta{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:10px 19px;border:none;border-radius:var(--style-border-radius-buttons-primary, 999px);background:var(--color-foreground, #111);color:var(--color-background, #fbf8f3);font-family:inherit;font-size:13px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .22s ease,transform .16s cubic-bezier(.34,1.56,.64,1)}.bn-toast__cta:hover{background:var(--bn-accent);transform:translateY(-1px)}.bn-toast__cta:active{transform:scale(.96)}.bn-toast__cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.bn-toast__cta.bn-cta-ghost{background:transparent;color:rgb(var(--color-foreground-rgb, 0 0 0) / .66);padding:10px 12px;text-decoration:underline;text-underline-offset:3px}.bn-toast__cta.bn-cta-ghost:hover{background:transparent;color:var(--bn-accent);transform:none}.bn-toast__close{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;background:transparent;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:rgb(var(--color-foreground-rgb, 0 0 0) / .4);transition:background .18s ease,color .18s ease}.bn-toast__close:hover{background:rgb(var(--color-foreground-rgb, 0 0 0) / .06);color:var(--color-foreground, #000)}.bn-toast__close svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2}.bn-toast.is-leaving{animation:bn-pop-out .36s cubic-bezier(.34,1.56,.64,1) forwards;transition:none;pointer-events:none}@keyframes bn-pop-out{0%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}35%{opacity:1;transform:translate(-50%) translateY(-4px) scale(1.05)}to{opacity:0;transform:translate(-50%) translateY(-2px) scale(.5)}}.bn-toast.is-visible .bn-toast__chip{animation:bn-chip-pop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes bn-chip-pop{0%{transform:scale(.6)}60%{transform:scale(1.08)}to{transform:scale(1)}}@media(max-width:600px){.bn-toast{bottom:max(16px,env(safe-area-inset-bottom,0px));max-width:calc(100vw - 24px);border-radius:20px;gap:11px;padding:9px 10px 9px 12px}.bn-toast__sub{white-space:normal}.bn-toast__chip{width:38px;height:38px;border-radius:12px}.bn-toast__cta{padding:9px 16px}}@media(max-width:380px){.bn-toast__sub{display:none}.bn-toast__title{white-space:normal}}@media(prefers-reduced-motion:reduce){.bn-toast{transition:opacity .25s ease;transform:translate(-50%)}.bn-toast.is-visible{transform:translate(-50%)}.bn-toast.is-visible .bn-toast__chip{animation:none}.bn-toast.is-leaving{animation:none;opacity:0}.bn-toast__cta{transition:none}}@media print{.bn-toast{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/247/assets/bn-toast.css.map */