#bdrop-root{position:relative;z-index:2147483000}.bdrop-popup{--bdrop-bg:#fff;--bdrop-accent:#16b846;--bdrop-text:#14243a;--bdrop-h-space:24px;--bdrop-v-space:24px;position:fixed;z-index:2147483001;display:grid;grid-template-columns:66px minmax(0,1fr) 28px;gap:13px;align-items:center;width:min(410px,calc(100vw - 28px));min-height:108px;padding:15px 14px 18px;border:1px solid rgba(18,45,72,.10);border-radius:16px;background:var(--bdrop-bg);color:var(--bdrop-text);box-shadow:0 22px 60px rgba(10,35,60,.18),0 8px 20px rgba(10,35,60,.08);font-family:inherit;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;will-change:transform,opacity;transform-origin:center}.bdrop-popup:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--bdrop-accent),rgba(22,184,70,.18));}.bdrop-popup.bdrop-left{left:var(--bdrop-h-space)}.bdrop-popup.bdrop-right{right:var(--bdrop-h-space)}.bdrop-popup.bdrop-top{top:var(--bdrop-v-space)}.bdrop-popup.bdrop-bottom{bottom:var(--bdrop-v-space)}.bdrop-popup.bdrop-left.bdrop-slide{transform:translateX(calc(-100% - 45px))}.bdrop-popup.bdrop-right.bdrop-slide{transform:translateX(calc(100% + 45px))}.bdrop-popup.bdrop-fade{transform:translateY(16px);filter:blur(2px)}.bdrop-popup.bdrop-pop{transform:translateY(18px) scale(.86)}.bdrop-popup.bdrop-is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);filter:none;transition:opacity .38s ease,transform .52s cubic-bezier(.2,.9,.25,1.15),filter .38s ease,visibility 0s}.bdrop-popup.bdrop-is-hiding{opacity:0;visibility:visible;pointer-events:none;transition:opacity .28s ease,transform .36s ease,filter .28s ease}.bdrop-popup.bdrop-left.bdrop-slide.bdrop-is-hiding{transform:translateX(calc(-100% - 45px))}.bdrop-popup.bdrop-right.bdrop-slide.bdrop-is-hiding{transform:translateX(calc(100% + 45px))}.bdrop-popup.bdrop-fade.bdrop-is-hiding{transform:translateY(14px);filter:blur(2px)}.bdrop-popup.bdrop-pop.bdrop-is-hiding{transform:translateY(15px) scale(.90)}.bdrop-thumb{position:relative;width:66px;height:66px}.bdrop-thumb img,.bdrop-placeholder{display:flex;align-items:center;justify-content:center;width:66px;height:66px;border-radius:14px;object-fit:cover;background:linear-gradient(145deg,rgba(22,184,70,.14),rgba(22,184,70,.04));box-shadow:inset 0 0 0 1px rgba(22,184,70,.14);font-size:29px}.bdrop-check{position:absolute;right:-4px;bottom:-4px;display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:3px solid var(--bdrop-bg);border-radius:50%;background:var(--bdrop-accent);color:#fff;font-size:12px;font-weight:900;box-sizing:border-box}.bdrop-popup-content{min-width:0}.bdrop-kicker{display:flex;align-items:center;gap:7px;margin-bottom:6px}.bdrop-kicker strong{overflow:hidden;color:var(--bdrop-accent);font-size:12px;font-weight:800;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.bdrop-live-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--bdrop-accent);box-shadow:0 0 0 4px rgba(22,184,70,.12);animation:bdrop-dot 1.5s ease-in-out infinite}.bdrop-person{display:flex;align-items:center;gap:7px;min-width:0;margin-bottom:4px}.bdrop-person b{overflow:hidden;max-width:50%;color:var(--bdrop-text);font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.bdrop-person span{position:relative;overflow:hidden;padding-left:13px;color:var(--bdrop-text);font-size:12px;opacity:.68;text-overflow:ellipsis;white-space:nowrap}.bdrop-person span:before{content:"";position:absolute;left:1px;top:50%;width:6px;height:6px;border:2px solid var(--bdrop-accent);border-radius:50%;transform:translateY(-60%);box-sizing:border-box}.bdrop-popup-content p{overflow:hidden;margin:0 0 5px;color:var(--bdrop-text);font-size:13px;line-height:1.35;opacity:.86;text-overflow:ellipsis;white-space:nowrap}.bdrop-popup-content small{color:var(--bdrop-text);font-size:11px;opacity:.52}.bdrop-popup-amount{margin-left:5px;color:var(--bdrop-accent);font-weight:800}.bdrop-popup-close{align-self:start;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--bdrop-text);cursor:pointer;font-size:22px;line-height:1;opacity:.38}.bdrop-popup-close:hover,.bdrop-popup-close:focus{background:rgba(18,45,72,.07);opacity:.85;outline:none}.bdrop-progress{position:absolute;left:0;bottom:0;width:100%;height:3px;background:var(--bdrop-accent);transform:scaleX(0);transform-origin:left center}.bdrop-popup.bdrop-is-visible .bdrop-progress{animation:bdrop-progress var(--bdrop-visible-duration,5000ms) linear forwards}@keyframes bdrop-progress{from{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes bdrop-dot{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}@media(min-width:783px){.bdrop-hide-desktop{display:none!important}}@media(max-width:782px){.bdrop-hide-mobile{display:none!important}.bdrop-popup{grid-template-columns:58px minmax(0,1fr) 26px;gap:11px;width:calc(100vw - 24px);min-height:96px;padding:13px 12px 17px;border-radius:14px}.bdrop-popup.bdrop-left,.bdrop-popup.bdrop-right{left:12px;right:12px}.bdrop-thumb,.bdrop-thumb img,.bdrop-placeholder{width:58px;height:58px}.bdrop-person b{max-width:46%}}


/* v1.2.0 visibility fallback for browsers without Shadow DOM */
body > #bdrop-root {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow: visible !important;
    pointer-events: none !important;
    z-index: 2147483646 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
body > #bdrop-root .bdrop-popup.bdrop-is-visible {
    display: grid !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translate3d(0,0,0) scale(1) !important;
}