.pg-signalize[hidden]{display:none!important}
.pg-signalize{position:fixed;inset:0;z-index:100200;display:grid;place-items:center;padding:22px}
.pg-signalize__backdrop{position:absolute;inset:0;border:0;background:rgba(12,18,32,.58);opacity:0;transition:opacity .18s}
.pg-signalize__panel{position:relative;width:min(520px,100%);max-height:calc(100dvh - 44px);overflow:auto;padding:26px;border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(12,18,32,.28);transform:translateY(14px);opacity:0;transition:.18s ease}
.pg-signalize.is-open .pg-signalize__backdrop{opacity:1}
.pg-signalize.is-open .pg-signalize__panel{transform:none;opacity:1}
.pg-signalize__handle{display:none}
.pg-signalize header{display:flex;justify-content:space-between;gap:20px}
.pg-signalize header small{color:#6f2cff;font-size:11px;font-weight:900;letter-spacing:.11em}
.pg-signalize h2{margin:5px 0;font-size:30px;color:#12182a}
.pg-signalize header p{margin:0;color:#687386;line-height:1.5}
.pg-signalize header>button{width:42px;height:42px;flex:0 0 42px;border:0;border-radius:50%;background:#f3f4f8;font-size:25px;color:#4e586c}
.pg-signalize__channels{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}
.pg-signalize__channels button{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;text-align:left;padding:14px;border:1px solid #e2e5ef;border-radius:16px;background:#fff;color:#12182a}
.pg-signalize__channels button:hover,.pg-signalize__channels button:focus-visible,.pg-signalize__channels button.is-selected{border-color:#8e56ff;box-shadow:0 0 0 3px rgba(111,44,255,.1)}
.pg-signalize__channels button.is-selected{background:#faf7ff}
.pg-signalize__channels button>span{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#f0e8ff;color:#6f2cff;font-weight:900}
.pg-signalize__channels .pg-signalize__channel-icon{color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.pg-signalize__channel-icon svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.pg-signalize__channel-icon--whatsapp{background:#25d366!important}.pg-signalize__channel-icon--whatsapp svg path:first-child{fill:none}.pg-signalize__channel-icon--whatsapp svg path:last-child{fill:currentColor;stroke:none}
.pg-signalize__channel-icon--viber{background:#7360f2!important}.pg-signalize__channel-icon--viber svg path:first-child{fill:none}.pg-signalize__channel-icon--viber svg path:nth-child(2){fill:currentColor;stroke:none}
.pg-signalize__channel-icon--facebook{background:#1877f2!important}.pg-signalize__channel-icon--facebook svg{fill:currentColor;stroke:none}
.pg-signalize__channel-icon--messenger{background:#0a7cff!important}.pg-signalize__channel-icon--messenger svg path:first-child{fill:none}.pg-signalize__channel-icon--messenger svg path:last-child{fill:currentColor;stroke:none}
.pg-signalize__channel-icon--native{background:#6f2cff!important}.pg-signalize__channel-icon--native svg circle{fill:currentColor;stroke:none}
.pg-signalize__channel-icon--email{background:#e8573f!important}
.pg-signalize__channel-icon--copy{background:#344054!important}
.pg-signalize__channels strong{align-self:end}.pg-signalize__channels small{color:#7b8496}
.pg-signalize__status{min-height:24px;margin:16px 0 0;color:#5f22e6;font-weight:750}
.pg-signalize__footer{display:flex;gap:10px;margin-top:14px;padding-top:14px;border-top:1px solid #e7e2ef;background:#fff}
.pg-signalize__footer button{flex:1;min-height:50px;border:1px solid #ded7e9;border-radius:15px;background:#fff;color:#3e3650;font-weight:850}
.pg-signalize__footer .pg-signalize__submit{border-color:#6f2cff;background:#6f2cff;color:#fff}
.pg-signalize__footer .pg-signalize__submit:disabled{opacity:.45;cursor:not-allowed}
.pg-signalize-open{overflow:hidden!important}
@media(max-width:767px){
 .pg-signalize{place-items:end stretch;padding:0}
 .pg-signalize__panel{width:100%;max-height:calc(var(--pg-sheet-vh,100dvh) - max(8px,env(safe-area-inset-top,0px)));display:flex;flex-direction:column;overflow:hidden;border-radius:26px 26px 0 0;padding:16px 18px 0;transform:translateY(100%)}
 .pg-signalize__handle{display:block;width:44px;height:5px;flex:0 0 auto;margin:0 auto 14px;border-radius:9px;background:#dfe2eb}
 .pg-signalize header{flex:0 0 auto}
 .pg-signalize__channels{grid-template-columns:1fr;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .pg-signalize__channels button{min-height:70px}
 .pg-signalize h2{font-size:27px}
 .pg-signalize__status{flex:0 0 auto}
 .pg-signalize__footer{position:sticky;bottom:0;z-index:3;flex:0 0 auto;margin-inline:-18px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 24px rgba(20,14,38,.08)}
}