.pbo{--pbo-bg:#6e0b0b;--pbo-red:#eb4235;position:fixed;left:16px;bottom:20px;z-index:1001;width:375px;height:560px;max-height:calc(100dvh - 40px);background:var(--pbo-bg);color:#fff;border-radius:16px;font-family:Poppins,var(--font-body-family),sans-serif;box-shadow:0 20px 25px -5px rgba(16,24,40,.25),0 8px 10px -6px rgba(16,24,40,.2);overflow:hidden;transition:width .3s ease,height .3s ease,bottom .3s ease,left .3s ease,border-radius .3s ease,background-color .3s;box-sizing:border-box}
.pbo *{box-sizing:border-box}
.pbo[hidden]{display:none}
.pbo--enter{animation:pboIn .4s ease-out both}
@keyframes pboIn{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:none}}
.pbo__panel{position:absolute;inset:0;padding:16px;overflow-y:auto;scrollbar-width:none;transition:opacity .2s}
.pbo__panel::-webkit-scrollbar{display:none}
.pbo__pill,.pbo__x--pill{display:none}
.pbo--pill{width:260px;height:96px}
.pbo--pill .pbo__panel{opacity:0;pointer-events:none;visibility:hidden}
.pbo--pill .pbo__pill{display:flex}
.pbo--pill .pbo__x--pill{display:flex}
.pbo__pill{all:unset;cursor:pointer;position:absolute;inset:0;padding:12px 16px;align-items:center;gap:12px;color:#fff;font-family:inherit;animation:pboFade .3s ease-in}
.pbo__pill-emoji{font-size:30px;line-height:1}
.pbo__pill-text{display:flex;flex-direction:column;line-height:1.25;text-transform:uppercase}
.pbo__pill-text strong{font-size:15px;font-weight:700}
.pbo__pill-text span{font-size:13px;font-weight:600}
.pbo__x{all:unset;cursor:pointer;position:absolute;align-items:center;justify-content:center;color:#fff;display:flex;z-index:2}
.pbo__x--panel{top:16px;right:16px;width:28px;height:28px}
.pbo__x--pill{top:8px;right:8px;width:24px;height:24px}
.pbo__x:focus-visible,.pbo__btn:focus-visible,.pbo__pill:focus-visible{outline:2px solid #fff;outline-offset:2px}
.pbo__view{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:100%;padding:28px 8px 8px;animation:pboFade .3s ease-in}
.pbo__view[hidden]{display:none}
@keyframes pboFade{from{opacity:0}to{opacity:1}}
.pbo h2,.pbo p{margin:0;color:#fff;font-family:inherit;letter-spacing:.02em}
.pbo__title{font-size:30px;font-weight:700;line-height:1.1;text-transform:uppercase}
.pbo__sub{font-size:15px;letter-spacing:.06em;font-weight:600;margin-top:10px!important}
.pbo__tiers{list-style:none;margin:22px 0 24px;padding:0;display:flex;flex-direction:column;gap:16px;width:100%}
.pbo__tiers li{display:flex;flex-direction:column;gap:2px}
.pbo__tiers span{font-size:30px;font-weight:800;line-height:1;letter-spacing:.04em}
.pbo__tiers b{font-size:22px;font-weight:700;line-height:1.15}
.pbo__btn{all:unset;cursor:pointer;display:block;width:100%;text-align:center;background:var(--pbo-red);color:#fff!important;border-radius:35px;padding:14px 24px;font-family:inherit;font-size:18px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none!important;transition:filter .2s}
.pbo__btn:hover{filter:brightness(1.08)}
.pbo__fine{font-size:11px;font-weight:600;margin-top:12px!important;opacity:.9}
.pbo:not(.pbo--pill) .pbo__pill,.pbo:not(.pbo--pill) .pbo__x--pill{display:none}
@media (max-width:639px){
  .pbo:not(.pbo--pill){left:0;bottom:0;width:100%;height:85dvh;max-height:85dvh;border-radius:16px 16px 0 0}
  .pbo__view{padding-top:36px}
}
@media (prefers-reduced-motion:reduce){.pbo,.pbo *{animation:none!important;transition:none!important}}