.wf-notification-center{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.wf-notification-center .wf-custom-header__notification{position:relative}.wf-notification-count{position:absolute;top:-5px;right:-6px;min-width:16px;max-width:16px;height:16px;padding:4px;border-radius:999px;background-color:#b040b1!important;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:15px;font-family:Assistant,sans-serif!important}.wf-notification-panel{position:absolute;top:calc(100% + 12px);right:0;width:min(390px,calc(100vw - 28px));border:1px solid #eeeaf3;border-radius:18px;background:#fff;box-shadow:0 22px 55px #2316362e;color:#312454;overflow:hidden;z-index:10050;overscroll-behavior:contain}.wf-notification-panel[hidden]{display:none!important}body.wf-notification-open{overflow:hidden!important;touch-action:none}.wf-notification-panel__header,.wf-notification-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px}.wf-notification-panel__header{border-bottom:1px solid #eeeaf3}.wf-notification-panel__footer{border-top:1px solid #eeeaf3;background:#fcfbff}.wf-notification-panel__title{margin:0;color:#312454;font-family:General Sans,sans-serif;font-size:17px;line-height:1.2;font-weight:600}.wf-notification-panel__header-actions,.wf-notification-page__actions{display:flex;align-items:center;gap:8px}.wf-notification-text-button,.wf-notification-panel__view-all{border:0;background:transparent;color:#6538b5;font-family:General Sans,sans-serif;font-size:16px;line-height:20px;font-weight:600;text-decoration:none;cursor:pointer;padding:4px}.wf-notification-text-button:disabled{opacity:.45;cursor:default}.wf-notification-panel__close{width:30px;height:30px;border:0;border-radius:50%;background:#f8f4ff;color:#312454;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.wf-notification-panel__close svg{width:15px;height:15px}.wf-notification-list{max-height:350px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.wf-notification-item{position:relative;width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 8px;align-items:start;gap:15px;padding:14px 16px;border:0;border-bottom:1px solid #f1eef5;background:#fff;color:#312454;text-align:left;text-decoration:none;font-family:General Sans,sans-serif;cursor:pointer}.wf-notification-item:hover,.wf-notification-item.is-unread{background:#fcf9ff}.wf-notification-item:last-child{border-bottom:0}.wf-notification-item__image,.wf-notification-item__icon{width:42px;height:42px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.wf-notification-item__image{background:#f5f3f0}.wf-notification-item__image img{width:100%;height:100%;object-fit:cover}.wf-notification-item__icon svg{width:20px;height:20px}.wf-notification-item__icon--success{background:#eaf8ef;color:#1d7a42}.wf-notification-item__icon--error{background:#fff0f0;color:#b42318}.wf-notification-item__icon--warning{background:#fff7e7;color:#9a6700}.wf-notification-item__icon--info{background:#f1ebff;color:#6538b5}.wf-notification-item__content{min-width:0;display:flex;flex-direction:column;gap:3px}.wf-notification-item__title{color:#312454;font-size:14px;line-height:1.3;font-weight:600}.wf-notification-item__message{color:#6f6685;font-size:12px;line-height:1.45;word-break:break-word}.wf-notification-item__time{color:#9a92aa;font-size:11px;line-height:1.3}.wf-notification-item__unread{width:7px;height:7px;margin-top:6px;border-radius:50%;background:#bf38c8}.wf-notification-empty{padding:25px 20px;color:#7f7498;font-family:General Sans,sans-serif;font-size:13px;line-height:1.5;text-align:center}.wf-toast-region{position:fixed;top:30px;right:18px;width:min(390px,calc(100vw - 28px));display:flex;flex-direction:column;gap:10px;z-index:999999;pointer-events:none}.wf-toast{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 28px;align-items:start;gap:11px;padding:14px 14px 16px;border:1px solid #e7e2ed;border-radius:14px;background:#fff;box-shadow:0 18px 45px #2316362e;color:#312454;opacity:0;transform:translate(28px);transition:opacity .24s ease,transform .24s ease;overflow:hidden;pointer-events:auto}.wf-toast.is-visible{opacity:1;transform:translate(0)}.wf-toast.is-leaving{opacity:0;transform:translate(28px)}.wf-toast__icon{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.wf-toast__icon svg{width:19px;height:19px}.wf-toast--success .wf-toast__icon{background:#eaf8ef;color:#1d7a42}.wf-toast--error .wf-toast__icon{background:#fff0f0;color:#b42318}.wf-toast--warning .wf-toast__icon{background:#fff7e7;color:#9a6700}.wf-toast--info .wf-toast__icon{background:#f1ebff;color:#6538b5}.wf-toast__content{min-width:0;display:flex;flex-direction:column;gap:3px;padding-top:1px}.wf-toast__title{color:#312454;font-family:General Sans,sans-serif;font-size:14px;line-height:1.35;font-weight:600}.wf-toast__message{color:#6f6685;font-family:General Sans,sans-serif;font-size:12px;line-height:1.45}.wf-toast__close{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#7f7498;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.wf-toast__close:hover{background:#f7f3fb;color:#312454}.wf-toast__close svg{width:16px;height:16px}.wf-toast__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:currentColor;opacity:.35;transform-origin:left;animation:wf-toast-progress 4.5s linear forwards}.wf-toast--success .wf-toast__progress{color:#1d7a42}.wf-toast--error .wf-toast__progress{color:#b42318}.wf-toast--warning .wf-toast__progress{color:#9a6700}.wf-toast--info .wf-toast__progress{color:#6538b5}.wf-toast:hover .wf-toast__progress{animation-play-state:paused}@keyframes wf-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.wf-notifications-page{padding-top:56px;padding-bottom:80px}.wf-notification-page__header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.wf-notification-page__title{margin:0;color:#312454;font-family:General Sans,sans-serif;font-size:clamp(28px,4vw,44px);line-height:1.12;font-weight:600}.wf-notification-page__list{border:1px solid #eeeaf3;border-radius:18px;background:#fff;overflow:hidden}.wf-notification-item--page{grid-template-columns:52px minmax(0,1fr) 8px;padding:18px 20px}.wf-notification-item--page .wf-notification-item__image,.wf-notification-item--page .wf-notification-item__icon{width:52px;height:52px}.wf-notification-item--page .wf-notification-item__title{font-size:15px}.wf-notification-item--page .wf-notification-item__message{font-size:13px}.wf-notification-item .wf-notification-item__title{font-size:18px;line-height:22px}.wf-notification-panel__footer .wf-notification-text-button{color:#312454}.wf-notification-item .wf-notification-item__message{font-size:15px;line-height:19px}.wf-notification-item .wf-notification-item__time{font-size:13px;line-height:17px}.wf-notification-panel__header .wf-notification-panel__close{margin-top:3px}.wf-notification-panel__footer .wf-notification-panel__view-all{color:#7a7227;font-size:18px;line-height:22px}.wf-notification-panel__header .wf-notification-panel__title{font-size:18px;line-height:22px}.wf-notification-pagination{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:24px}.wf-notification-pagination[hidden]{display:none!important}.wf-notification-pagination__btn{padding:8px 16px;border:1px solid #e7e2ed;border-radius:8px;background:#fff;color:#312454;font-family:General Sans,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.wf-notification-pagination__btn:hover:not(:disabled){background:#fcf9ff;border-color:#d8cde6}.wf-notification-pagination__btn:disabled{opacity:.5;cursor:not-allowed}.wf-notification-pagination__info{font-family:General Sans,sans-serif;font-size:14px;color:#6f6685}@media screen and (max-width:1199px){.wf-custom-header__top-right .wf-notification-center{display:none}.wf-custom-header__top-right .wf-notification-center{display:flex!important;width:44px!important;margin-right:44px;height:44px!important;grid-column:3;position:absolute!important;bottom:10px;margin-left:45px}.wf-custom-header__top-right .wf-notification-center .wf-custom-header__notification{display:flex!important}}@media screen and (max-width:749px){.wf-toast-region{top:auto;right:12px;bottom:12px;left:12px;width:auto}.wf-notification-page__header{align-items:flex-start;flex-direction:column}.wf-notification-page__actions{width:100%;justify-content:flex-start}.wf-notifications-page{padding-top:36px;padding-bottom:56px}}@media only screen and (max-width:767px){.wf-notification-text-button,.wf-notification-panel__view-all{font-size:14px;line-height:18px}.wf-notification-panel__header .wf-notification-panel__title{font-size:16px;line-height:20px}.wf-notification-panel__header,.wf-notification-panel__footer,.wf-notification-item{padding:13px 10px}.wf-notification-item .wf-notification-item__title{font-size:16px;line-height:20px}.wf-notification-item .wf-notification-item__message{font-size:14px;line-height:18px}.wf-notification-list{max-height:200px}.wf-notification-panel__footer .wf-notification-panel__view-all{font-size:14px;line-height:18px}.wf-notification-panel{margin-right:-89px}.wf-notification-panel__header-actions,.wf-notification-page__actions{gap:5px}.wf-custom-header__top-right .wf-notification-center{margin-left:25px}}@media only screen and (max-width:540px){.wf-custom-header__top-right .wf-notification-center{margin-left:45px}}@media only screen and (max-width:420px){.wf-custom-header__top-right .wf-notification-center{margin-left:25px}}@media screen and (prefers-reduced-motion:reduce){.wf-toast{transition:none}.wf-toast__progress{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/wf-notifications.css.map */