.dsd-noti321{color:#fff;padding:max(10px,env(safe-area-inset-top)) 0 calc(84px + env(safe-area-inset-bottom));background:transparent}.dsd-noti321 *{box-sizing:border-box;min-width:0}.dsd-noti321__shell{width:min(680px,100%);margin:0 auto;padding:0 max(10px,env(safe-area-inset-left)) 0 max(10px,env(safe-area-inset-right))}.dsd-noti321__header{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:48px;margin:0 0 8px}.dsd-noti321__header h1{margin:0;text-align:center;font-size:18px;line-height:1.15;font-weight:950;letter-spacing:0}.dsd-noti321__viewer-avatar,.dsd-noti321__thumb{display:grid;place-items:center;overflow:hidden;border-radius:999px;background:#ffffff1a;color:#fff;font-size:12px;font-weight:950}.dsd-noti321__viewer-avatar{width:40px;height:40px}.dsd-noti321__tabs{display:flex;align-items:center;gap:14px;margin:0 0 10px;border-bottom:1px solid rgba(255,255,255,.08)}.dsd-noti321__tabs button{border:0;background:transparent;color:#f5edffa8;padding:8px 0 9px;font-size:12px;font-weight:900;white-space:nowrap;text-decoration:none;cursor:pointer}.dsd-noti321__tabs button.is-active{color:#fff8da;box-shadow:inset 0 -2px #f0c46cb8}.dsd-noti321__header-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px}.dsd-noti321__mark-read,.dsd-noti321__settings summary,.dsd-noti321__panel button{border:1px solid rgba(255,255,255,.13);background:#ffffff12;color:#fff;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:900;white-space:nowrap;text-decoration:none;cursor:pointer}.dsd-noti321__mark-read{padding-inline:11px;color:#fff8da;border-color:#f0c46c47;background:#f0c46c1a}.dsd-noti321__settings{position:relative;justify-self:end}.dsd-noti321__settings summary{display:grid;place-items:center;width:40px;height:40px;padding:0;overflow:hidden;text-indent:-999px}.dsd-noti321__settings summary:after{content:"";width:18px;height:18px;border:2px solid currentColor;border-radius:50%;box-shadow:0 -7px 0 -5px currentColor,0 7px 0 -5px currentColor}.dsd-noti321__settings summary::-webkit-details-marker{display:none}.dsd-noti321__panel{position:absolute;right:0;top:calc(100% + 8px);z-index:12;display:grid;gap:8px;width:min(300px,calc(100vw - 24px));border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#06080ff5;padding:12px;box-shadow:0 18px 44px #0000004d}.dsd-noti321__panel label{display:flex;gap:8px;align-items:center;color:#f5edffd1;font-size:12px;font-weight:800}.dsd-noti321__panel p{margin:0;color:#f5edffa8;font-size:12px;line-height:1.35}.dsd-noti321__layout{display:block}.dsd-noti321__feed{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.08)}.dsd-noti321__card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0;background:transparent;color:#fff;padding:8px 2px;cursor:pointer;text-decoration:none}.dsd-noti321__card:hover,.dsd-noti321__card:focus-visible{background:#ffffff0b;outline:0}.dsd-noti321__card.is-unread strong,.dsd-noti321__card.is-unread p{color:#fff;font-weight:900}.dsd-noti321__card.is-unread:after{content:"";width:9px;height:9px;border-radius:50%;background:#f0c46c;margin-top:16px;box-shadow:0 0 14px #f0c46c61}.dsd-noti321__thumb{width:42px;height:42px;min-width:42px}.dsd-noti321__thumb img,.dsd-noti321__thumb .dsd-media-element{width:100%;height:100%;object-fit:cover}.dsd-noti321__thumb--store-logo{background:#f0c46c2e;color:#fff8da}.dsd-noti321__thumb--store-logo img{object-fit:contain;padding:4px}.dsd-noti321__card strong,.dsd-noti321__actor,.dsd-noti321__card p,.dsd-noti321__card small{display:block;overflow:hidden;text-overflow:ellipsis}.dsd-noti321__card strong{font-size:14px;line-height:1.25}.dsd-noti321__actor{margin-top:1px;color:#fff8dacc;font-size:11px;font-weight:850}.dsd-noti321__group{display:inline-flex;margin-top:3px;color:#f0c46cd1;font-size:11px;font-weight:850}.dsd-noti321__card p{margin:2px 0;color:#f5edffb8;font-size:12px;line-height:1.35;white-space:normal}.dsd-noti321__card small{color:#f5edff8f;font-size:11px;font-weight:800;white-space:nowrap}.dsd-noti321__preview{display:flex;gap:6px;margin:6px 0 2px;overflow:hidden}.dsd-noti321__preview-media{width:48px;height:48px;flex:0 0 48px;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff14}.dsd-noti321__preview-media img,.dsd-noti321__preview-media video{width:100%;height:100%;display:block;object-fit:cover}.dsd-noti321__badge{display:inline-flex;margin-top:2px;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:2px 6px;color:#f5edffa8;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.dsd-noti321__empty{border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0a;padding:16px;text-align:center;display:grid;gap:6px}.dsd-noti321__empty[hidden],.dsd-noti321__card[hidden],.dsd-launch-notification-card[hidden]{display:none!important}@media(max-width:430px){.dsd-noti321__shell{padding-inline:8px}.dsd-noti321__header{grid-template-columns:36px minmax(0,1fr) auto;gap:8px}.dsd-noti321__viewer-avatar{width:36px;height:36px}.dsd-noti321__header h1{font-size:17px}.dsd-noti321__mark-read{font-size:11px;padding:8px 9px}.dsd-noti321__settings summary{width:36px;height:36px}.dsd-noti321__tabs{gap:12px}.dsd-noti321__card{grid-template-columns:auto minmax(0,1fr) auto}.dsd-noti321__card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}html.dsd-notifications-route,body.dsd-notifications-page{background:#000!important}html.dsd-notifications-route #MainContent,body.dsd-notifications-page #MainContent{position:relative!important;z-index:5!important;isolation:isolate!important;background:transparent!important}html.dsd-notifications-route #dsd-starfield-root-p11dz90,html.dsd-notifications-route #star-background,body.dsd-notifications-page #dsd-starfield-root-p11dz90,body.dsd-notifications-page #star-background{z-index:0!important;opacity:1!important;visibility:visible!important;pointer-events:none!important}html.dsd-notifications-route .section-header,html.dsd-notifications-route .shopify-section-group-header-group,html.dsd-notifications-route .shopify-section-header-sticky,html.dsd-notifications-route sticky-header,html.dsd-notifications-route .header-wrapper,body.dsd-notifications-page .section-header,body.dsd-notifications-page .shopify-section-group-header-group,body.dsd-notifications-page .shopify-section-header-sticky,body.dsd-notifications-page sticky-header,body.dsd-notifications-page .header-wrapper{z-index:1000!important}html.dsd-notifications-route footer,html.dsd-notifications-route main#MainContent~.shopify-section,html.dsd-notifications-route main#MainContent~[id^=shopify-section],html.dsd-notifications-route .shopify-section-footer,html.dsd-notifications-route [id*=shopify-section-footer],html.dsd-notifications-route .newsletter,html.dsd-notifications-route [class*=newsletter],body.dsd-notifications-page footer,body.dsd-notifications-page main#MainContent~.shopify-section,body.dsd-notifications-page main#MainContent~[id^=shopify-section],body.dsd-notifications-page .shopify-section-footer,body.dsd-notifications-page [id*=shopify-section-footer],body.dsd-notifications-page .newsletter,body.dsd-notifications-page [class*=newsletter]{display:none!important;visibility:hidden!important;pointer-events:none!important}.dsd-noti321{position:relative!important;z-index:2!important;isolation:isolate!important}
/*# sourceMappingURL=/cdn/shop/t/21/assets/dsd-notifications-p11dz321.css.map */