.xp-bfpop{padding:0;border:0;background:transparent;color:var(--xp-on-ink);max-width:none;max-height:none;overflow:visible}.xp-bfpop::backdrop{background:#0c0d108f}.xp-bfpop[open]{display:grid;place-items:center;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.xp-bfpop__card{position:relative;width:min(920px,calc(100vw - 48px));max-height:calc(100dvh - 48px);display:grid;grid-template-columns:430px minmax(0,1fr);background:var(--xp-ink-950);border-radius:28px;overflow:hidden;box-shadow:0 30px 90px #00000080}.xp-bfpop[open] .xp-bfpop__card{animation:xp-bfpop-in .38s cubic-bezier(.2,.7,.2,1) both}.xp-bfpop__card:focus{outline:none}@keyframes xp-bfpop-in{0%{opacity:0;transform:translateY(14px) scale(.985)}}.xp-bfpop__art{position:relative;min-height:100%;background:#111114}.xp-bfpop__art img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.xp-bfpop__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 70%,var(--xp-ink-950) 100%)}.xp-bfpop__body{display:grid;gap:18px;align-content:center;padding:56px 52px 40px 40px;overflow:auto}.xp-bfpop__chip{justify-self:start;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:var(--xp-r-pill);font-size:13px;font-weight:700;letter-spacing:.01em;background:#6554a538;color:#d9d1fb;border:1px solid rgb(203 190 242 / .28)}.xp-bfpop__chip:before{content:"";width:7px;height:7px;border-radius:50%;background:#a996f2}.xp-bfpop__h{margin:0;font-family:var(--xp-font-display);font-size:38px;font-weight:800;line-height:1.08;letter-spacing:-.025em;color:#fff;text-wrap:balance}.xp-bfpop__h span{color:#c9bcff}.xp-bfpop__p{margin:0;font-size:16.5px;line-height:1.5;color:var(--xp-on-ink-2)}.xp-bfpop .xp-notify{max-width:none;gap:10px}.xp-bfpop .xp-notify__row{display:grid;gap:12px;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.xp-bfpop .xp-notify__row:has(.xp-input:focus-visible){box-shadow:none}.xp-bfpop .xp-notify__row .xp-input{min-height:56px;padding:0 18px;border:1.5px solid rgb(245 245 247 / .22);border-radius:14px;background:var(--xp-ink-900);color:var(--xp-on-ink);font-size:16px}.xp-bfpop .xp-notify__row .xp-input::placeholder{color:var(--xp-on-ink-3)}.xp-bfpop .xp-notify__row .xp-input:hover{border-color:#f5f5f766}.xp-bfpop .xp-notify__row .xp-input:focus-visible{outline:2px solid var(--xp-focus-on-dark);outline-offset:2px;border-color:transparent}.xp-bfpop .xp-notify__row .xp-input[aria-invalid=true]{border-color:#ff8a80}.xp-bfpop .xp-notify__row .xp-btn{width:100%;min-height:56px;border-radius:var(--xp-r-pill);background:#fff;color:var(--xp-ink);font-size:16px;font-weight:700}.xp-bfpop .xp-notify__row .xp-btn:hover{background:#ececf0}.xp-bfpop .xp-notify__row .xp-btn:focus-visible{outline:2px solid var(--xp-focus-on-dark);outline-offset:3px}.xp-bfpop .xp-form-msg--error{color:#ff9f96}.xp-bfpop .xp-form-msg--ok{background:#22a35a29;color:#8fe3b3}.xp-bfpop .xp-notify__note{font-size:12px;color:var(--xp-on-ink-3)}.xp-bfpop__or{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--xp-on-ink-2)}.xp-bfpop__or:before,.xp-bfpop__or:after{content:"";flex:1;height:1px;background:var(--xp-ink-line)}.xp-bfpop__shop{justify-self:center;padding:6px 4px;font-size:15px;font-weight:700;color:#fff;text-decoration:none;border-radius:6px}.xp-bfpop__shop:hover{text-decoration:underline;text-underline-offset:3px}.xp-bfpop__shop:focus-visible{outline:2px solid var(--xp-focus-on-dark);outline-offset:3px}.xp-bfpop__x{position:absolute;top:14px;right:14px;z-index:3;width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:#ffffff1a;color:var(--xp-on-ink);cursor:pointer}.xp-bfpop__x:hover{background:#ffffff2e}.xp-bfpop__x:focus-visible{outline:2px solid var(--xp-focus-on-dark);outline-offset:2px}@media(min-width:768px)and (max-height:700px){.xp-bfpop__body{gap:14px;padding-block:40px 28px}.xp-bfpop__h{font-size:32px}}@media(max-width:767px){.xp-bfpop[open]{place-items:end stretch}.xp-bfpop__card{width:100%;max-height:94dvh;grid-template-columns:1fr;border-radius:24px 24px 0 0;overflow:auto;overscroll-behavior:contain}.xp-bfpop[open] .xp-bfpop__card{animation-name:xp-bfpop-up}.xp-bfpop__art{min-height:0;height:clamp(190px,36dvh,300px)}.xp-bfpop__art img{object-position:center 30%}.xp-bfpop__art:after{background:linear-gradient(180deg,transparent 55%,var(--xp-ink-950) 100%)}.xp-bfpop__body{position:relative;z-index:2;gap:14px;margin-top:-36px;padding:4px 20px calc(24px + env(safe-area-inset-bottom));overflow:visible}.xp-bfpop__h{font-size:29px}.xp-bfpop__p{font-size:15.5px}.xp-bfpop .xp-notify__row .xp-input,.xp-bfpop .xp-notify__row .xp-btn{min-height:54px}.xp-bfpop__x{top:12px;right:12px;width:36px;height:36px;background:#0c0d1073}}@keyframes xp-bfpop-up{0%{transform:translateY(40px);opacity:0}}@media(prefers-reduced-motion:reduce){.xp-bfpop[open] .xp-bfpop__card{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/xp-bf-popup.css.map */