.play77-tab-panel {
    position: fixed;
    inset: 0;
    z-index: 998;
    display: none;
    background: #041900;
}

.play77-tab-panel.is-open { display: block; }
.play77-tab-sheet { position: relative; width: 100%; height: 100%; }

.play77-tab-panel iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    background: #041900;
}

.play77-tab-host > #tabBar.gax-tabbar { z-index: 1100; }
body.play77-deposit-open > #tabBar { visibility: hidden; pointer-events: none; }
body.play77-catalog-open > #tabBar { visibility: hidden; pointer-events: none; }
body.play77-other-page > #tabBar { display: none !important; }
body.play77-tab-away { overflow: hidden !important; }
.play77-tab-status {
    position: fixed;
    left: 50%;
    bottom: calc(96px + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    width: min(calc(100% - 32px), 440px);
    z-index: 1300;
    min-height: 48px;
    border: 0;
    border-radius: 12px;
    padding: 12px 16px;
    background: #13391b;
    color: #c3dabd;
    font: 15px/1.5 Arial, sans-serif;
}
.play77-tab-status[hidden] { display: none; }
/* Press feedback changes no geometry and never waits for a request. */
html body :is(a[href], button, [role="button"], [data-url]) { -webkit-tap-highlight-color: transparent; }
html body :is(a[href], button, [role="button"], [data-url]):not(:disabled):not([aria-disabled="true"]):active,
html body .play77-tapped:not(:disabled):not([aria-disabled="true"]) { opacity: .72; }
/* The destination shell appears immediately; only its content waits for SSR. */
.play77-tab-panel iframe.is-pending,
.play77-tab-panel.is-loading iframe,
.play77-tab-panel.has-error iframe {
    position: absolute;
    inset: 0;
    visibility: hidden;
    pointer-events: none;
}
.play77-tab-panel.is-drawer { z-index: 1200; background: transparent; }
.play77-tab-panel.is-closing { display: block; pointer-events: none; }
.play77-deposit-backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0 solid #1f1f1f;
    border-inline-width: max(0px, calc((100vw - 520px) / 2));
    background: transparent;
}
.is-drawer .play77-tab-sheet {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: min(100%, 520px);
    height: 100%;
    overflow: hidden;
    border-radius: 0;
    background: #021a02;
    transform: translateX(-50%);
}
.is-drawer.is-open .play77-tab-sheet { animation: play77-deposit-rise .3s cubic-bezier(.22, .61, .36, 1); }
.is-drawer.is-closing .play77-tab-sheet { animation: play77-deposit-fall .25s ease-in forwards; }
.play77-tab-root { height: 100%; overflow-y: auto; overscroll-behavior-y: contain; }
body.play77-initial-deposit > .gax-floating-service { z-index: 1210; }
body.play77-initial-deposit:not(.play77-deposit-open) > .gax-floating-service { display: none; }
@keyframes play77-deposit-rise {
    from { transform: translate(-50%, 100%); }
    to { transform: translate(-50%, 0); }
}
@keyframes play77-deposit-fall {
    from { transform: translate(-50%, 0); }
    to { transform: translate(-50%, 100%); }
}
@media (prefers-reduced-motion: reduce) {
    .is-drawer.is-open .play77-tab-sheet,
    .is-drawer.is-closing .play77-tab-sheet { animation: none; }
    .play77-tab-panel.is-closing { display: none; }
}

.play77-page-loading {
    display: none;
    position: absolute;
    inset: 0;
    overflow: hidden;
    width: min(100%, 520px);
    margin: 0 auto;
    background: linear-gradient(#041900, rgba(4, 25, 0, .45) 260px),
        #041900 url('https://cdn.jogatinapg.com/releases/26999c91c76d0d622b41259d57588c48c7f35473-39143357603-1/static/image/play77/deposit-pattern.svg') center top / 52px 90px repeat;
    color: #c3dabd;
    font: 15px/1.5 Arial, sans-serif;
}
:is(.is-loading, .has-error) > .play77-tab-sheet > .play77-page-loading { display: block; }
.play77-page-loading header {
    position: relative;
    height: calc(56px + env(safe-area-inset-top, 0px));
    padding-top: env(safe-area-inset-top, 0px);
}
.play77-loading-back {
    position: absolute;
    left: 8px;
    bottom: 4px;
    width: 48px;
    height: 48px;
    border: 0;
    background: transparent;
    color: inherit;
    font: 36px/1 Arial, sans-serif;
    cursor: pointer;
    touch-action: manipulation;
}
.play77-loading-indicator {
    position: absolute;
    top: calc(52px + env(safe-area-inset-top, 0px));
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
}
.play77-loading-spinner {
    display: block;
    width: 100%;
    height: 100%;
    animation: play77-loading-spin 1s steps(12) infinite;
}
.play77-loading-spinner span {
    position: absolute;
    top: 0;
    left: 11px;
    width: 2px;
    height: 6px;
    border-radius: 1px;
    background: #c3c9bd;
    transform-origin: 1px 12px;
}
.has-error > .play77-tab-sheet > .play77-page-loading .play77-loading-indicator { display: none; }
@keyframes play77-loading-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
    .play77-loading-spinner { animation: none; }
}
#tabBar .gax-tabbar-item { touch-action: manipulation; cursor: pointer; }
