.tanatel-notification{--tn-accent: #4f6f59;--tn-metal: #b18b5b;--tn-surface: rgba(250, 248, 244, .94);position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;max-width:560px;margin:12px 0;padding:12px 14px;overflow:hidden;border:1px solid color-mix(in srgb,var(--tn-metal) 30%,rgba(var(--color-foreground),.1));border-radius:20px;color:rgb(var(--color-foreground));background:var(--tn-surface);box-shadow:0 18px 44px #221c171f,inset 0 1px #ffffffc2;-webkit-backdrop-filter:blur(20px) saturate(128%);backdrop-filter:blur(20px) saturate(128%);opacity:0;transform:translateY(9px) scale(.985);transition:opacity .25s ease,transform .38s cubic-bezier(.22,1,.36,1),max-height .3s ease,margin .3s ease,padding .3s ease}.tanatel-notification:before{position:absolute;inset-block:12px;inset-inline-start:0;width:2px;border-radius:2px;background:linear-gradient(180deg,transparent,var(--tn-metal),transparent);content:""}.tanatel-notification.is-visible{opacity:1;transform:none}.tanatel-notification--success{--tn-accent: #2f7d52;--tn-metal: #65a97b;--tn-surface: rgba(239, 249, 242, .96)}.tanatel-notification--error{--tn-accent: #b42318}.tanatel-notification--warning{--tn-accent: #a36a12}.tanatel-notification--info{--tn-accent: #8b6a3e}.tanatel-notification.is-leaving{max-height:0;margin-block:0;padding-block:0;opacity:0;transform:translateY(-6px) scale(.985)}.tanatel-notification__icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--tn-accent) 22%,transparent);border-radius:50%;color:var(--tn-accent);background:color-mix(in srgb,var(--tn-accent) 8%,#fff);box-shadow:0 0 0 5px color-mix(in srgb,var(--tn-metal) 7%,transparent)}.tanatel-notification__icon svg{width:21px;height:21px}.tanatel-notification--success .tanatel-notification__icon{border-color:#2f7d5247;color:#2f7d52;background:#ffffffd1;box-shadow:0 0 0 5px #2f7d5217}.tanatel-notification__content{min-width:0;display:grid;gap:2px}.tanatel-notification__eyebrow{color:color-mix(in srgb,var(--tn-accent) 86%,#2a2521);font-size:10px;font-weight:780;letter-spacing:.06em;text-transform:uppercase}.tanatel-notification__message{color:rgb(var(--color-foreground));font-size:13px;font-weight:650;line-height:1.5}.tanatel-notification__close{display:grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:50%;color:rgba(var(--color-foreground),.58);background:transparent;font-size:20px;line-height:1;cursor:pointer}.tanatel-notification__close:hover{color:var(--tn-accent);background:color-mix(in srgb,var(--tn-accent) 10%,transparent)}.tanatel-notification__progress{position:absolute;inset-inline:18px;inset-block-end:0;height:2px;border-radius:2px 2px 0 0;transform-origin:left;background:linear-gradient(90deg,var(--tn-accent),var(--tn-metal));opacity:.66}[dir=rtl] .tanatel-notification__progress{transform-origin:right}.tanatel-notification--floating{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:2147482500;width:min(420px,calc(100vw - 28px));margin:0;pointer-events:none}.tanatel-notification--floating.is-visible{transform:none;opacity:1;pointer-events:auto}.tanatel-notification--floating.is-leaving{transform:translateY(12px) scale(.98)}.tanatel-notification--floating .tanatel-notification__progress{animation:tanatel-notification-progress var(--tn-duration, 3s) linear both}@keyframes tanatel-notification-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.tanatel-notification:not([data-notification-key]){opacity:1;transform:none}.notification{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;max-width:560px;margin:12px 0;padding:12px 14px!important;border:1px solid rgba(var(--color-foreground),.1);border-radius:20px;opacity:1;color:rgb(var(--color-foreground));background:rgba(var(--color-background),.94);box-shadow:0 18px 44px #221c171f,inset 0 1px #ffffffc2}.notification.success{color:rgb(var(--color-foreground));background:#eff9f2f5;border-color:#2f7d5247}.notification.success:before{position:absolute;inset-block:12px;inset-inline-start:0;width:2px;border-radius:2px;background:#65a97b;content:""}.notification.success svg{color:#2f7d52}.notification.warning{color:#a36a12;background:#faf1dbe6}.notification.error{color:#b42318;background:#fde9e7e6}.notification svg{width:24px;min-width:24px}.notification__text,.notification--error-message{margin:0;color:inherit;font-size:13px;font-weight:650;line-height:1.5}.notification.show{max-height:180px}.notification.hide{max-height:0;margin-block:0;padding-block:0!important;opacity:0}@media(max-width:767px){.tanatel-notification{grid-template-columns:36px minmax(0,1fr) auto;border-radius:16px}.tanatel-notification--floating{inset-block-end:max(14px,env(safe-area-inset-bottom));inset-inline:14px;width:auto}}@media(prefers-reduced-motion:reduce){.tanatel-notification,.tanatel-notification__progress{transition:none;animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/206/assets/tanatel-notifications.css.map */