.sp-inapp-browser {
    --sp-iab-overlay: #020617;
    --sp-iab-overlay-opacity: .76;
    --sp-iab-panel: #fff;
    --sp-iab-text: #172033;
    --sp-iab-muted: #5d6678;
    --sp-iab-button: #6f3cff;
    --sp-iab-button-text: #fff;
    --sp-iab-accent: #725cff;
    --sp-iab-accent-hover: #8877ff;
    --sp-iab-cyan: #42c7ff;
    --sp-iab-radius: 18px;
    --sp-iab-max-width: 390px;
    position: fixed;
    inset: 0;
    z-index: 2147483000;
    display: grid;
    align-items: center;
    justify-items: center;
    padding: max(18px, env(safe-area-inset-top)) max(40px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(40px, env(safe-area-inset-left));
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.sp-inapp-browser[hidden] { display: none !important; }
.sp-inapp-browser__backdrop {
    position: absolute;
    inset: 0;
    background: var(--sp-iab-overlay);
    opacity: var(--sp-iab-overlay-opacity);
}
.sp-inapp-browser__panel {
    position: relative;
    width: min(100%, var(--sp-iab-max-width));
    max-height: calc(100vh - 36px);
    max-height: min(680px, calc(100dvh - 36px));
    overflow: auto;
    color: #fff;
    border: 1px solid rgba(184, 174, 255, .18);
    border-radius: var(--sp-iab-radius);
    background-color: #0d1424;
    background-image:
        url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MjAgNzAwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwNTA4MTEiIHN0cm9rZS1vcGFjaXR5PSIuMzgiIHN0cm9rZS13aWR0aD0iMiI+CiAgICA8cGF0aCBkPSJNLTkwIDEyMEM0NSAxMiAxODEgMjQgMjkyLTU0Ii8+CiAgICA8cGF0aCBkPSJNLTExNiAxNzdDMzggNTIgMTk5IDczIDM0MC0zMiIvPgogICAgPHBhdGggZD0iTTI2MCA3NjBDMzMwIDYwOCA0NTEgNTkwIDU5MCA0NjIiLz4KICAgIDxwYXRoIGQ9Ik0yMTQgNzkwQzI4NSA2MjUgNDEzIDU3MCA1NjYgNDI1Ii8+CiAgICA8Y2lyY2xlIGN4PSI0NTEiIGN5PSIxMTQiIHI9IjkyIi8+CiAgICA8Y2lyY2xlIGN4PSI0NTEiIGN5PSIxMTQiIHI9IjEyOCIvPgogICAgPGNpcmNsZSBjeD0iNzIiIGN5PSI1OTYiIHI9IjEwMiIvPgogICAgPGNpcmNsZSBjeD0iNzIiIGN5PSI1OTYiIHI9IjE0NCIvPgogIDwvZz4KICA8ZyBmaWxsPSIjMDUwODExIiBmaWxsLW9wYWNpdHk9Ii4xOCI+CiAgICA8Y2lyY2xlIGN4PSI0NzAiIGN5PSI5MiIgcj0iNTYiLz4KICAgIDxjaXJjbGUgY3g9IjM2IiBjeT0iNjI1IiByPSI3OCIvPgogIDwvZz4KICA8ZyBmaWxsPSJub25lIiBzdHJva2U9IiMwZDE0MjQiIHN0cm9rZS1vcGFjaXR5PSIuNDIiIHN0cm9rZS13aWR0aD0iMTAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+CiAgICA8cGF0aCBkPSJNMzU1IDQybDExOCAxMTgiLz4KICAgIDxwYXRoIGQ9Ik00NyA0OTJsMTMyIDEzMiIvPgogIDwvZz4KPC9zdmc+Cg=="),
        radial-gradient(circle at 14% 8%, rgba(114, 92, 255, .64) 0%, rgba(114, 92, 255, .20) 30%, transparent 52%),
        radial-gradient(circle at 92% 88%, rgba(66, 199, 255, .20) 0%, transparent 38%),
        linear-gradient(145deg, #182238 0%, #0d1424 52%, #03071a 100%);
    background-position: center, center, center, center;
    background-size: cover, auto, auto, auto;
    background-repeat: no-repeat;
    box-shadow: 0 26px 78px rgba(0, 0, 0, .42), 0 0 0 1px rgba(114, 92, 255, .05) inset;
    padding: 24px 24px 22px;
    text-align: center;
    overscroll-behavior: contain;
}
.sp-inapp-browser__close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}
.sp-inapp-browser__close:hover,
.sp-inapp-browser__close:focus-visible { background: rgba(255, 255, 255, .10); }
.sp-inapp-browser__brand {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    margin: 0 0 12px;
}
.sp-inapp-browser__logo {
    display: block;
    width: auto;
    max-width: min(170px, 70%);
    max-height: 54px;
    object-fit: contain;
}
.sp-inapp-browser__brand--text {
    color: #fff;
    font-size: 18px;
    line-height: 1.1;
    font-weight: 800;
    letter-spacing: -.02em;
}
.sp-inapp-browser__eyebrow {
    margin: 0 34px 8px;
    color: rgba(255, 255, 255, .78);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.sp-inapp-browser__title {
    margin: 0 0 10px;
    color: #fff;
    font-size: clamp(20px, 5.4vw, 26px);
    line-height: 1.15;
    font-weight: 800;
}
.sp-inapp-browser__message,
.sp-inapp-browser__fallback {
    margin: 0;
    color: rgba(255, 255, 255, .86);
    font-size: 13px;
    line-height: 1.55;
}
.sp-inapp-browser__actions { display: grid; gap: 10px; margin-top: 22px; }
.sp-inapp-browser__primary,
.sp-inapp-browser__secondary {
    appearance: none;
    width: 100%;
    min-height: 48px;
    border-radius: max(8px, calc(var(--sp-iab-radius) - 7px));
    padding: 12px 16px;
    font: inherit;
    font-size: 13px;
    font-weight: 750;
    color: #fff;
    cursor: pointer;
}
.sp-inapp-browser__primary {
    border: 1px solid rgba(184, 174, 255, .58);
    background: linear-gradient(135deg, #8877ff 0%, #725cff 58%, #4f3dd8 100%);
    color: #fff;
    box-shadow: 0 10px 24px rgba(79, 61, 216, .28);
}
.sp-inapp-browser__secondary {
    border: 1px solid rgba(255, 255, 255, .22);
    background: rgba(255, 255, 255, .07);
    color: #fff;
}
.sp-inapp-browser__primary:hover,
.sp-inapp-browser__primary:focus-visible { filter: brightness(1.06); }
.sp-inapp-browser__secondary:hover,
.sp-inapp-browser__secondary:focus-visible { background: rgba(255, 255, 255, .12); }
.sp-inapp-browser__primary:focus-visible,
.sp-inapp-browser__secondary:focus-visible,
.sp-inapp-browser__close:focus-visible { outline: 3px solid rgba(184, 174, 255, .42); outline-offset: 2px; }
.sp-inapp-browser__fallback-wrap {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .16);
}
.sp-inapp-browser__fallback-wrap[hidden] { display: none !important; }
body.sp-inapp-browser-open { overflow: hidden !important; }
@media (max-width: 420px) {
    .sp-inapp-browser {
        padding-left: max(40px, env(safe-area-inset-left));
        padding-right: max(40px, env(safe-area-inset-right));
    }
    .sp-inapp-browser__panel { padding: 22px 18px 20px; }
    .sp-inapp-browser__logo { max-width: min(155px, 68%); max-height: 48px; }
}
@media (prefers-reduced-motion: no-preference) {
    .sp-inapp-browser__panel { animation: sp-iab-in .18s ease-out; }
    @keyframes sp-iab-in { from { opacity: 0; transform: translateY(8px) scale(.985); } to { opacity: 1; transform: none; } }
}

html.sp-inapp-browser-locked,
html.sp-inapp-browser-locked body,
body.sp-inapp-browser-block-page {
    min-height: 100%;
    overflow: hidden !important;
}
body.sp-inapp-browser-block-page {
    margin: 0;
    background: var(--sp-iab-overlay, #020617);
}
body.sp-inapp-browser-block-page .sp-inapp-browser {
    min-height: 100vh;
    min-height: 100dvh;
}
