.ss-notification-trigger{position:relative;display:inline-flex!important;align-items:center;gap:7px;min-width:42px;cursor:pointer;color:inherit;background:transparent;border:0;padding:8px 10px;font:inherit;text-decoration:none}.ss-notification-trigger svg{width:22px;height:22px;display:block;flex:0 0 auto}.ss-notification-trigger__label{font-size:12px;font-weight:600;white-space:nowrap}.ss-notification-count{position:absolute;top:0;left:25px;min-width:17px;height:17px;padding:0 4px;border-radius:20px;background:#e11d48;color:#fff;font-size:10px;line-height:17px;text-align:center;font-weight:800;border:1px solid #fff}.ss-notification-root [hidden]{display:none!important}.ss-notification-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a1447;z-index:9997}.ss-notification-panel{position:fixed;z-index:9998;top:var(--header-height,90px);right:max(18px,calc((100vw - 1440px)/2));width:min(410px,calc(100vw - 28px));max-height:min(680px,calc(100vh - 115px));display:flex;flex-direction:column;overflow:hidden;background:#101722;color:#f5f7fb;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 22px 70px #00000061}.ss-notification-panel__head{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 14px;background:linear-gradient(135deg,#111c2b,#172b40);border-bottom:1px solid rgba(255,255,255,.09)}.ss-notification-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#38bdf8}.ss-notification-panel__head h2{margin:5px 0 0;color:#fff;font-size:21px;line-height:1.2}.ss-notification-panel__total{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:20px;background:#173f58;color:#7dd3fc;font-size:11px;vertical-align:middle}.ss-notification-close{width:32px;height:32px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:#ffffff0f;color:#fff;font-size:23px;line-height:1;cursor:pointer}.ss-notification-panel__toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;color:#aab7c7;font-size:11px;border-bottom:1px solid rgba(255,255,255,.07)}.ss-notification-text-button{border:0;background:none;color:#38bdf8;font-size:11px;font-weight:700;cursor:pointer}.ss-notification-list{overflow:auto;overscroll-behavior:contain}.ss-notification-item{display:grid;grid-template-columns:38px minmax(0,1fr) 7px;gap:12px;align-items:start;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.07);transition:background .18s}.ss-notification-item:hover{background:#ffffff0b}.ss-notification-item.is-read{opacity:.66}.ss-notification-item__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#15344a;color:#7dd3fc;font-size:18px;font-weight:900}.ss-notification-item__icon--arrival{background:#123a2c;color:#4ade80}.ss-notification-item__icon--price{background:#3a2915;color:#fbbf24}.ss-notification-item__icon--sale{background:#3d1725;color:#fb7185}.ss-notification-item__title{color:#fff;font-size:13px;font-weight:750;line-height:1.4}.ss-notification-item__content p{margin:5px 0 7px;color:#b7c3d1;font-size:12px;line-height:1.55}.ss-notification-item__time{font-size:9px;letter-spacing:1px;color:#718096;font-weight:800}.ss-notification-item__link{display:inline-block;margin-top:8px;color:#38bdf8;font-size:11px;font-weight:750;text-decoration:none}.ss-notification-item__dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:#38bdf8}.ss-notification-item.is-read .ss-notification-item__dot{visibility:hidden}.ss-notification-empty{text-align:center;padding:42px 22px;color:#aab7c7}.ss-notification-empty>span{font-size:28px;color:#38bdf8}.ss-notification-empty strong{display:block;margin-top:12px;color:#fff;font-size:14px}.ss-notification-empty p{font-size:12px;line-height:1.6}.ss-notification-panel__foot{padding:14px 18px;background:#0c131d;border-top:1px solid rgba(255,255,255,.08)}.ss-notification-enable{width:100%;padding:11px 14px;border:0;border-radius:9px;background:#0878b9;color:#fff;font-size:12px;font-weight:800;cursor:pointer}.ss-notification-enable:hover{background:#0b91d9}.ss-notification-panel__foot p,.ss-notification-panel__foot>span{display:block;margin:8px 0 0;color:#8493a5;font-size:10px;line-height:1.5}@media(max-width:749px){.ss-notification-trigger__label{display:none}.ss-notification-trigger{padding:8px 6px}.ss-notification-panel{top:calc(var(--header-height,70px) + 8px);right:10px;width:min(390px,calc(100vw - 20px));max-height:calc(100vh - 100px)}}@media(prefers-reduced-motion:no-preference){.ss-notification-panel{animation:ss-notification-in .18s ease-out}@keyframes ss-notification-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}}.header__icons .ss-notification-trigger.header__icon{position:relative!important;display:inline-flex!important;flex:0 0 44px!important;align-items:center!important;justify-content:center!important;gap:0!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;margin:0!important;padding:0!important;overflow:visible!important;line-height:1!important;vertical-align:middle!important;border:0!important;background:transparent!important}.header__icons .ss-notification-trigger.header__icon svg{display:block!important;width:25px!important;height:25px!important;min-width:25px!important;margin:0!important;flex:0 0 25px!important;color:currentColor!important}.header__icons .ss-notification-trigger .ss-notification-count{position:absolute!important;top:1px!important;right:0!important;left:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:17px!important;height:17px!important;max-width:25px!important;padding:0 4px!important;margin:0!important;border:1px solid #fff!important;border-radius:20px!important;background:#dc2626!important;color:#fff!important;font-size:10px!important;font-weight:800!important;line-height:15px!important;white-space:nowrap!important;z-index:2!important}.header__icons .ss-notification-trigger .ss-notification-count[hidden]{display:none!important}.header__icons .ss-notification-trigger:focus-visible{outline:2px solid #dc2626!important;outline-offset:3px!important;border-radius:50%!important}@media(max-width:749px){.header__icons .ss-notification-trigger.header__icon{flex-basis:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:42px!important}.header__icons .ss-notification-trigger.header__icon svg{width:23px!important;height:23px!important;flex-basis:23px!important}.header__icons .ss-notification-trigger .ss-notification-count{top:0!important;right:-1px!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/sakoonsay-notifications.css.map */