/* Approved XA6 geometry/artwork with each Invite copy's original palette. */
/* Reference typography: real regular, semibold and bold faces, not synthesized weights. */
html[data-invite-theme] body { font-weight:400; }
html[data-invite-theme] :is(h1,h2,h3,h4,h5,h6,strong,b,.title,.font-bold,.font-extrabold,.font-black),
html[data-invite-theme] .title-c > .label,
html[data-invite-theme] :is(.balance-amount,.balance-w,.amount-item,.available-money),
html[data-invite-theme] ion-button:not([fill="clear"]) {
    font-weight:700 !important;
}
html[data-invite-theme] :is(.font-medium,.font-semibold) { font-weight:600 !important; }
html[data-invite-theme] :is(h1,h2,h3,h4,h5,h6,.title):is(.font-medium,.font-semibold) { font-weight:700 !important; }
html[data-invite-theme] {
    --ion-font-family: "XA6 Tabbar", sans-serif;
    font-family: "XA6 Tabbar", sans-serif !important;
}
html[data-invite-theme] body,
html[data-invite-theme] body *:not(ion-icon):not(svg):not(svg *) {
    font-family: "XA6 Tabbar", sans-serif !important;
}
html[data-invite-theme] ion-header ion-title,
html[data-invite-theme] .navigation[data-v-39178cda] .title {
    font-family: "XA6 Tabbar", sans-serif !important;
    font-weight: 700 !important;
}
html[data-invite-theme] .xa6-signin-page { --su:var(--invite-bar-unit); background:var(--color-bg-300); color:var(--color-text-100); font-family:"XA6 Tabbar",sans-serif; }
html[data-invite-theme] .xa6-signin-header { display:flex; align-items:center; justify-content:space-between; flex-shrink:0; min-height:calc(6.2 * var(--su)); padding:0 calc(1.5 * var(--su)); background:var(--invite-bar-button); color:var(--invite-bar-button-text); }
html[data-invite-theme] .xa6-signin-header h1 { font-size:calc(2.2 * var(--su)); font-weight:700; margin:0; }
html[data-invite-theme] .xa6-signin-header button { display:grid; place-items:center; width:calc(3.5 * var(--su)); height:calc(4 * var(--su)); color:inherit; background:transparent; border:0; font-size:calc(3 * var(--su)); }
html[data-invite-theme] .xa6-signin-header img { width:calc(2 * var(--su)); height:calc(2 * var(--su)); }
html[data-invite-theme="BluePurpleInvite"] .xa6-signin-header img,
html[data-invite-theme="DarkGreenInvite"] .xa6-signin-header img { filter:invert(1); }
html[data-invite-theme] .xa6-signin-content { --background:var(--color-bg-300); --color:var(--color-text-100); }
html[data-invite-theme] .xa6-signin-main { padding:calc(1.5 * var(--su)); display:flex; flex-direction:column; gap:calc(1.3 * var(--su)); }
html[data-invite-theme] .xa6-signin-summary { display:grid; grid-template-columns:1.6fr 1fr; gap:calc(1.3 * var(--su)) calc(1.2 * var(--su)); padding:calc(1.2 * var(--su)); border-radius:calc(.7 * var(--su)); background:var(--color-bg-200); font-size:calc(1.5 * var(--su)); line-height:1.5; }
html[data-invite-theme] .xa6-signin-summary strong { display:block; font-weight:700; color:var(--invite-bar-button); }
html[data-invite-theme] .xa6-signin-summary .xa6-signin-streak strong { display:inline; }
html[data-invite-theme] .xa6-signin-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:calc(1 * var(--su)); padding:calc(1.2 * var(--su)); border-radius:calc(.7 * var(--su)); background:var(--color-bg-200); }
html[data-invite-theme] .xa6-signin-day { position:relative; display:flex; align-items:center; flex-direction:column; justify-content:space-between; min-height:calc(14.1 * var(--su)); padding:calc(.5 * var(--su)); color:var(--color-text-100); background:color-mix(in srgb,var(--invite-bar-button) 7%,var(--color-bg-200)); border:1px solid color-mix(in srgb,var(--invite-bar-button) 25%,var(--color-bg-200)); border-radius:calc(.6 * var(--su)); font:inherit; font-size:calc(1.5 * var(--su)); }
html[data-invite-theme] .xa6-signin-day img { width:calc(7.5 * var(--su)); max-width:100%; height:calc(7.5 * var(--su)); object-fit:contain; }
html[data-invite-theme] .xa6-signin-day strong { display:block; width:100%; padding-top:calc(.4 * var(--su)); border-top:1px solid var(--color-bg-100); color:var(--invite-bar-button); font-size:calc(1.5 * var(--su)); overflow-wrap:anywhere; }
html[data-invite-theme] .xa6-signin-day small { font-size:calc(.95 * var(--su)); }
html[data-invite-theme] .xa6-signin-day.is-available { border-color:var(--invite-bar-button); }
html[data-invite-theme] .xa6-signin-day.is-claimed { opacity:.65; }
html[data-invite-theme] .xa6-signin-check { position:absolute; right:3px; top:3px; color:var(--invite-bar-button); }
html[data-invite-theme] .xa6-signin-rules { padding:calc(1.4 * var(--su)); border-radius:calc(.7 * var(--su)); background:var(--color-bg-200); color:var(--color-text-50); font-size:calc(1.5 * var(--su)); line-height:1.5; }
html[data-invite-theme] .xa6-signin-rules h2 { font-size:inherit; font-weight:700; margin:0 0 calc(1.4 * var(--su)); }
html[data-invite-theme] .xa6-signin-rules > div { margin:0; padding:0; background:transparent; color:inherit; font-size:inherit; }
html[data-invite-theme] .xa6-signin-rules p { color:inherit; font-size:inherit; }
html[data-invite-theme] .xa6-signin-rules .ruleHeader { display:none; }
html[data-invite-theme] .xa6-signin-rules .item-wrap,
html[data-invite-theme] .xa6-signin-rules .rule-item { padding:0; margin:0; color:inherit; font-size:calc(1.5 * var(--su)) !important; line-height:1.5 !important; background:transparent; }
html[data-invite-theme] .xa6-signin-footer { display:flex; flex-shrink:0; gap:calc(1.2 * var(--su)); padding:calc(1.6 * var(--su)) calc(1.2 * var(--su)) calc(1.2 * var(--su) + env(safe-area-inset-bottom)); background:var(--color-bg-300); }
html[data-invite-theme] .xa6-signin-footer button { flex:1; height:calc(4.1 * var(--su)); border:0; border-radius:calc(1 * var(--su)); font:700 calc(1.6 * var(--su))/1.4 "XA6 Tabbar",sans-serif; }
html[data-invite-theme] .xa6-signin-back { background:var(--color-bg-200); color:var(--color-text-100); }
html[data-invite-theme] .xa6-signin-participate { background:var(--invite-bar-button); color:var(--invite-bar-button-text); }
html[data-invite-theme] .xa6-signin-participate:disabled { opacity:.5; }
html[data-invite-theme] .xa6-signin-error { color:var(--color-text-100); font-size:calc(1.4 * var(--su)); }
html[data-invite-theme] .xa6-signin-error button { margin-left:8px; text-decoration:underline; }
html[data-invite-theme] .xa6-signin-history { width:min(90vw,420px); max-height:80vh; overflow:auto; margin:auto; border:0; border-radius:12px; padding:20px; background:var(--color-bg-200); color:var(--color-text-100); font-family:"XA6 Tabbar",sans-serif; }
html[data-invite-theme] .xa6-signin-history::backdrop { background:#0009; }
html[data-invite-theme] .xa6-signin-history h2 { font-size:18px; font-weight:700; margin-bottom:16px; }
html[data-invite-theme] .xa6-signin-history li { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-bottom:1px solid var(--color-bg-100); }
html[data-invite-theme] .xa6-signin-history button { margin-top:16px; padding:8px 20px; border-radius:6px; background:var(--invite-bar-button); color:var(--invite-bar-button-text); }
html[data-invite-theme] .xa6-signin-page button:focus-visible { outline:2px solid var(--invite-bar-button); outline-offset:2px; }
html[data-invite-theme] .wrapper[data-v-6e3e8cff] {
    --ep-color-background-fill-surface-raised-L1: var(--color-bg-200);
    --ep-color-background-fill-surface-raised-L2: var(--color-bg-100);
    --ep-color-text-default: var(--color-text-100);
    --ep-color-text-weaker: var(--color-text-50);
    --ep-color-border-default: var(--color-bg-100);
    --ep-neutral-black-black-20: var(--color-bg-100);
    --ep-color-text-brand-primary: var(--invite-bar-button);
    --ep-color-text-highlight: var(--invite-bar-button);
    --ep-color-text-warning: var(--invite-bar-button);
    --ep-color-icon-default: var(--color-text-100);
    --ep-color-icon-weaker: var(--color-text-50);
    --ep-color-icon-info: var(--invite-bar-button);
    --ep-color-text-highlight-white: var(--invite-bar-button-text);
    --ep-color-text-inverse: var(--invite-bar-button-text);
    --ep-color-background-fill-active-primary: var(--invite-bar-button);
}
html[data-invite-theme] .share-board[data-v-6e3e8cff] { background-image:none; }
html[data-invite-theme] .commission-amount .amount[data-v-6e3e8cff] { text-shadow:none !important; }
html[data-invite-theme] .wrapper[data-v-6e3e8cff] { padding:calc(.8 * var(--invite-bar-unit)); }
html[data-invite-theme] .invite-agent-metrics {
    --u: var(--invite-bar-unit); margin: calc(.8 * var(--u)) 0; padding: calc(1.4 * var(--u));
    border-radius: calc(1.2 * var(--u)); background: var(--color-bg-200); color: var(--color-text-100);
    font-family: "XA6 Tabbar",sans-serif;
}
html[data-invite-theme] .invite-agent-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:calc(2.4 * var(--u)); }
html[data-invite-theme] .invite-agent-heading h2 { margin:0; font-size:calc(1.4 * var(--u)); font-weight:700; }
html[data-invite-theme] .invite-agent-heading select { width:calc(11.8 * var(--u)); height:calc(2.9 * var(--u)); border:1px solid var(--color-bg-100); border-radius:4px; padding:0 calc(.8 * var(--u)); background:var(--color-bg-100); color:var(--color-text-100); font:inherit; font-size:calc(1 * var(--u)); }
html[data-invite-theme] .invite-agent-section { margin-top:calc(2.4 * var(--u)); }
html[data-invite-theme] .invite-agent-section h3 { display:flex; align-items:center; gap:calc(.5 * var(--u)); font-size:calc(1.4 * var(--u)); font-weight:700; margin:0 0 calc(.8 * var(--u)); }
html[data-invite-theme] .invite-agent-section h3 img { width:calc(2.4 * var(--u)); height:calc(2.4 * var(--u)); }
html[data-invite-theme="DarkGreenInvite"] .invite-agent-section h3 img,
html[data-invite-theme="GoldenYellowInvite"] .invite-agent-section h3 img { filter:invert(1); opacity:.7; }
html[data-invite-theme] .invite-agent-section h3 strong { color:var(--invite-bar-button); }
html[data-invite-theme] .invite-agent-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:calc(1.4 * var(--u)); row-gap:calc(.8 * var(--u)); }
html[data-invite-theme] .invite-agent-card { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:calc(6.1 * var(--u)); padding:calc(.7 * var(--u)); background:color-mix(in srgb,var(--invite-bar-button) 12%,var(--color-bg-200)); text-align:center; overflow-wrap:anywhere; }
html[data-invite-theme] .invite-agent-label { color:var(--color-text-50); font-size:calc(1 * var(--u)); line-height:1.4; }
html[data-invite-theme] .invite-agent-value { color:var(--color-text-80,var(--color-text-100)); font-size:calc(1.9 * var(--u)); line-height:1.45; font-variant-numeric:tabular-nums; }
html[data-invite-theme] .invite-agent-note, html[data-invite-theme] .invite-agent-status { font-size:calc(1.1 * var(--u)); line-height:1.5; margin-top:calc(1.4 * var(--u)); }
html[data-invite-theme] .invite-agent-status button { display:block; padding:8px; margin-top:8px; border-radius:4px; background:var(--invite-bar-button); color:var(--invite-bar-button-text); }
html[data-invite-theme] .invite-agent-heading select:focus-visible { outline:2px solid var(--invite-bar-button); outline-offset:2px; }
html[data-invite-theme] .header[data-v-bc5c7f30] .button.login,
html[data-invite-theme] .header[data-v-bc5c7f30] .button.register {
    height: calc(2.6 * var(--invite-bar-unit)) !important; width: auto !important;
}
html[data-invite-theme] .header[data-v-bc5c7f30] .first-button {
    margin: 0; min-height: 0; height: 100%;
    --border-radius: calc(.6 * var(--invite-bar-unit));
    --padding-start: calc(.8 * var(--invite-bar-unit)); --padding-end: calc(.8 * var(--invite-bar-unit));
    font: 700 calc(1.4 * var(--invite-bar-unit))/1.5 "XA6 Tabbar", sans-serif;
}
html[data-invite-theme] .header[data-v-bc5c7f30] .first-button p { font: inherit; margin: 0; }
html[data-invite-theme] .header[data-v-bc5c7f30] .register .first-button { --background: var(--invite-bar-button) !important; --button-text-color: var(--invite-bar-button-text) !important; --color: var(--invite-bar-button-text); }
html[data-invite-theme] .header[data-v-bc5c7f30] .rewardTag { display: none; }
html[data-invite-theme] .header[data-v-bc5c7f30] .register-btn-warpper { margin-left: calc(.8 * var(--invite-bar-unit)); }
html[data-invite-theme] .xa6-floating-support {
    left: calc(1.5 * var(--invite-bar-unit)); bottom: calc(10 * var(--invite-bar-unit) + env(safe-area-inset-bottom)) !important;
    animation: xa6-support-float 4s ease-in-out infinite;
}
html[data-invite-theme] .xa6-floating-support .support { width: calc(5.4 * var(--invite-bar-unit)); height: calc(5.4 * var(--invite-bar-unit)); }
html[data-invite-theme] .xa6-floating-support .support ion-icon { width: 100%; height: 100%; animation: xa6-support-icon 2s ease-in-out infinite; }
@keyframes xa6-support-float { 0%,100% { transform: translateY(0) scale(1); } 50% { transform: translateY(calc(-2.1333 * var(--invite-bar-unit))) scale(1.02); } }
@keyframes xa6-support-icon { 0%,100% { transform: scale(1) rotate(0); } 25% { transform: scale(1.1) rotate(-5deg); } 50% { transform: scale(1.05) rotate(0); } 75% { transform: scale(1.1) rotate(5deg); } }
html[data-invite-theme] ion-menu.xa6-drawer { --width: calc(31.4 * var(--invite-bar-unit)); --background: var(--color-bg-300); }
html[data-invite-theme] ion-menu.xa6-drawer::part(container) { width: calc(31.4 * var(--invite-bar-unit)); max-width: calc(31.4 * var(--invite-bar-unit)); }
html[data-invite-theme] ion-menu.xa6-drawer::part(backdrop) { background: #000; backdrop-filter: blur(4px); }
html[data-invite-theme] .xa6-drawer-panel {
    --u: var(--invite-bar-unit); display: flex; flex-direction: column; height: 100%; min-height: 0;
    padding: 0 calc(1.2 * var(--u)); background: var(--color-bg-300); color: var(--color-text-100);
    font: 400 calc(1.4 * var(--u))/1.5 "XA6 Tabbar",sans-serif; box-sizing: border-box;
}
html[data-invite-theme] .xa6-drawer-panel button,
html[data-invite-theme] .xa6-drawer-panel a { font: inherit; color: inherit; cursor: pointer; text-decoration: none; }
html[data-invite-theme] .xa6-drawer-header { display: flex; align-items: center; justify-content: space-between; min-height: calc(5 * var(--u)); }
html[data-invite-theme] .xa6-drawer-close { border: 0; border-radius: calc(1.2 * var(--u)); width: calc(3.2 * var(--u)); height: calc(3.2 * var(--u)); background: var(--color-bg-200); font-size: calc(2.4 * var(--u)) !important; }
html[data-invite-theme] .xa6-drawer-logo { max-width: calc(10 * var(--u)); height: calc(2.8 * var(--u)); object-fit: contain; }
html[data-invite-theme] .xa6-drawer-auth { display: flex; gap: calc(.8 * var(--u)); padding: calc(1.6 * var(--u)) 0 calc(1.8 * var(--u)); }
html[data-invite-theme] .xa6-drawer-auth button { flex: 1; height: calc(3.4 * var(--u)); border: 0; border-radius: calc(.6 * var(--u)); font-weight: 700; background: var(--login-button-bg,var(--color-bg-100)); color: var(--login-button-color,var(--color-text-100)); }
html[data-invite-theme] .xa6-drawer-auth .xa6-drawer-register { background: var(--invite-bar-button); color: var(--invite-bar-button-text); }
html[data-invite-theme] .xa6-drawer-scroll { overflow-y: auto; min-height: 0; padding: calc(.8 * var(--u)) 0 calc(4 * var(--u)); scrollbar-width: none; }
html[data-invite-theme] .xa6-drawer-popular { display: block; text-align: left; width: 100%; padding: calc(1.2 * var(--u)); border: 1px solid var(--color-bg-100); border-radius: calc(1.4 * var(--u)); background: radial-gradient(at top left, var(--color-bg-100), var(--color-bg-200)); }
html[data-invite-theme] .xa6-drawer-popular strong { display: flex; align-items: center; font-weight: 700; }
html[data-invite-theme] .xa6-drawer-popular strong img { width: calc(3 * var(--u)); height: calc(3 * var(--u)); margin-right: calc(.2 * var(--u)); }
html[data-invite-theme] .xa6-drawer-subtitle { display: block; font-size: calc(1.2 * var(--u)); color: var(--color-text-50); }
html[data-invite-theme] .xa6-drawer-games { display: flex; gap: calc(.6 * var(--u)); margin-top: calc(1.8 * var(--u)); overflow: hidden; border-radius: calc(1.4 * var(--u)); }
html[data-invite-theme] .xa6-drawer-games img { width: calc((100% - 2.4 * var(--u))/5); aspect-ratio: 3/4; object-fit: cover; border-radius: calc(1.4 * var(--u)); }
html[data-invite-theme] .xa6-drawer-providers { display: flex; align-items: center; gap: calc(.7 * var(--u)); width: 100%; margin-top: calc(2 * var(--u)); padding: calc(1.2 * var(--u)) calc(1.4 * var(--u)); background: var(--color-bg-200); border: 1px solid var(--color-bg-100); border-radius: calc(1.4 * var(--u)); }
html[data-invite-theme] .xa6-drawer-crown { width: calc(1.4 * var(--u)); height: calc(1.4 * var(--u)); background: var(--invite-bar-button); mask: url('./xa6/crown.svg') center/contain no-repeat; }
html[data-invite-theme] .xa6-drawer-arrow { display: flex; align-items: center; justify-content: center; margin-left: auto; width: calc(2.4 * var(--u)); height: calc(2.4 * var(--u)); border-radius: calc(1.2 * var(--u)); background: var(--invite-bar-button); }
html[data-invite-theme] .xa6-drawer-arrow span { width: calc(1.4 * var(--u)); height: calc(1.4 * var(--u)); background: var(--invite-bar-button-text); mask: url('./xa6/chevron.svg') center/contain no-repeat; }
html[data-invite-theme] .xa6-drawer-provider-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(.6 * var(--u)); margin-top: calc(.8 * var(--u)); }
html[data-invite-theme] .xa6-drawer-provider-list button { border: 0; border-radius: calc(.8 * var(--u)); padding: calc(.8 * var(--u)); background: var(--color-bg-200); }
html[data-invite-theme] .xa6-drawer-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: calc(1.2 * var(--u)); border-top: 1px solid var(--color-bg-100); margin-top: calc(2.8 * var(--u)); padding-top: calc(.8 * var(--u)); }
html[data-invite-theme] .xa6-drawer-action { display: flex; align-items: center; gap: calc(.6 * var(--u)); border: 0; border-radius: calc(1.2 * var(--u)); padding: calc(.4 * var(--u)) calc(.8 * var(--u)); background: var(--color-bg-200); font-size: calc(1.2 * var(--u)) !important; font-weight: 700 !important; }
html[data-invite-theme] .xa6-drawer-action img { width: calc(2.4 * var(--u)); height: calc(2.4 * var(--u)); object-fit: contain; }
html[data-invite-theme] .xa6-drawer-social { display: flex; justify-content: center; gap: calc(1.2 * var(--u)); border-top: 1px solid var(--color-bg-100); margin-top: calc(2.8 * var(--u)); padding-top: calc(1.2 * var(--u)); }
html[data-invite-theme] .xa6-drawer-social a { display: flex; align-items: center; justify-content: center; width: calc(3.2 * var(--u)); height: calc(3.2 * var(--u)); border-radius: 50%; background: var(--color-bg-200); }
html[data-invite-theme] .xa6-drawer-social img { width: calc(2.4 * var(--u)); height: calc(2.4 * var(--u)); object-fit: contain; }
html[data-invite-theme] .xa6-drawer-panel button:focus-visible,
html[data-invite-theme] .xa6-drawer-panel a:focus-visible { outline: 2px solid var(--invite-bar-button); outline-offset: 2px; }
html[data-invite-theme] .xa6-providers {
    --supplier-unit: var(--invite-bar-unit);
    font-family: "XA6 Tabbar", sans-serif;
    width: 100%; min-width: 0; flex-shrink: 0;
    padding: 0 !important; margin: 0 !important;
}
html[data-invite-theme] .xa6-supplier-row {
    display: flex; align-items: center; justify-content: space-between;
    padding: calc(1.6 * var(--supplier-unit)) calc(1.2 * var(--supplier-unit)) calc(.8 * var(--supplier-unit));
    box-sizing: border-box; width: 100%;
}
html[data-invite-theme] .xa6-supplier-viewport { position: relative; width: calc(100% - 5 * var(--supplier-unit)); min-width: 0; }
html[data-invite-theme] .xa6-supplier-scroll { display: flex; overflow-x: auto; gap: var(--supplier-unit); scrollbar-width: none; }
html[data-invite-theme] .xa6-supplier-scroll::-webkit-scrollbar { display: none; }
html[data-invite-theme] .xa6-supplier-pill {
    appearance: none; display: flex; align-items: center; justify-content: center; flex-shrink: 0;
    min-width: calc(10.3 * var(--supplier-unit)); height: calc(4.8 * var(--supplier-unit));
    border: 0; border-radius: calc(3.4 * var(--supplier-unit)); padding: 0;
    background: var(--invite-bar-surface); color: var(--color-text-100, var(--invite-bar-active));
    font: 400 calc(1.4 * var(--supplier-unit))/1.5 "XA6 Tabbar", sans-serif; cursor: pointer;
}
html[data-invite-theme] .xa6-supplier-pill:focus-visible,
html[data-invite-theme] .xa6-supplier-search:focus-visible { outline: 2px solid var(--invite-bar-button); outline-offset: -2px; }
@media (hover: hover) { html[data-invite-theme] .xa6-supplier-pill[aria-pressed="false"]:hover { opacity: .5; } }
html[data-invite-theme] .xa6-supplier-logo { width: calc(2.4 * var(--supplier-unit)); height: calc(2.4 * var(--supplier-unit)); object-fit: contain; border-radius: 50%; }
html[data-invite-theme] .xa6-supplier-fade { position: absolute; top: 0; bottom: 0; right: 0; width: calc(3 * var(--supplier-unit)); pointer-events: none; background: linear-gradient(to right, transparent, var(--color-bg-300, var(--invite-bar-surface))); }
html[data-invite-theme] .xa6-supplier-search { display: flex; align-items: center; justify-content: center; width: calc(4 * var(--supplier-unit)); height: calc(4.8 * var(--supplier-unit)); background: transparent; color: var(--color-text-100, var(--invite-bar-active)); border: 0; padding: 0; cursor: pointer; }
html[data-invite-theme] .xa6-supplier-search span { display: block; width: calc(2.4 * var(--supplier-unit)); height: calc(2.4 * var(--supplier-unit)); background: currentColor; mask: url('./xa6/search.svg') center/contain no-repeat; }
html[data-invite-theme] .xa6-supplier-empty { margin: 0; padding: calc(1.2 * var(--supplier-unit)); color: var(--color-text-100, var(--invite-bar-active)); font-size: calc(1.2 * var(--supplier-unit)); }
@font-face {
    font-family: "XA6 Tabbar";
    src: url('./xa6/prompt-400.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "XA6 Tabbar";
    src: url('./xa6/prompt-600.ttf') format('truetype');
    font-weight: 500 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "XA6 Tabbar";
    src: url('./xa6/prompt-700.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
html[data-invite-theme] {
    --invite-bar-active: #ffffff;
    /* Reference width: 39rem; scale its original geometry to the viewport. */
    --invite-bar-unit: calc(min(100vw, 486px) / 39);
}
html[data-invite-theme="DarkGreenInvite"] {
    --invite-bar-surface: #21252d;
    --invite-bar-text: #8b919e;
    --invite-bar-border: #a4f383;
    --invite-bar-button: #3e9b2f;
    --invite-bar-button-text: #ffffff;
}
html[data-invite-theme="GoldenYellowInvite"] {
    --invite-bar-surface: #302e2d;
    --invite-bar-text: #9f9b95;
    --invite-bar-border: #f9f6c2;
    --invite-bar-button: #feb805;
    --invite-bar-button-text: #2d2d2d;
}
html[data-invite-theme="BluePurpleInvite"] {
    --invite-bar-surface: #f0f5ff;
    --invite-bar-text: #6b7280;
    --invite-bar-active: #6526db;
    --invite-bar-border: #c3a9f5;
    --invite-bar-button: #6526db;
    --invite-bar-button-text: #ffffff;
}
html[data-invite-theme] .invite-bar-shell { bottom: 0 !important; }
html[data-invite-theme] .invite-bar-shell ion-tab-bar {
    --background: transparent;
    overflow: visible;
    border: 0;
    padding-bottom: env(safe-area-inset-bottom, 0px);
}
html[data-invite-theme] .invite-bar-shell ion-tab-bar::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: env(safe-area-inset-bottom, 0px);
    background: var(--invite-bar-surface);
}
html[data-invite-theme] .invite-bar-shell .tab-bar {
    position: relative;
    height: calc(5.6 * var(--invite-bar-unit));
    background: none;
    isolation: isolate;
}
html[data-invite-theme] .invite-bar-shell .tab-bar::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: calc(5.7 * var(--invite-bar-unit));
    z-index: -1;
    background: var(--invite-bar-surface);
    -webkit-mask: url('./xa6/bar.svg') center / 100% 100% no-repeat;
    mask: url('./xa6/bar.svg') center / 100% 100% no-repeat;
}
html[data-invite-theme] .invite-bar-item {
    min-width: 0;
    justify-content: center;
    padding: 0 0 calc(.1 * var(--invite-bar-unit));
    gap: 0;
    cursor: pointer;
}
html[data-invite-theme] .invite-bar-item .tab-img {
    width: calc(2.4 * var(--invite-bar-unit));
    height: calc(2.4 * var(--invite-bar-unit));
    font-size: calc(2.4 * var(--invite-bar-unit));
    color: var(--invite-bar-text);
}
html[data-invite-theme] .invite-bar-item ion-label,
html[data-invite-theme] .invite-bar-center .tab-main-text {
    font-family: "XA6 Tabbar", sans-serif;
    font-size: var(--invite-bar-unit);
    line-height: 1;
    font-weight: 400;
    color: var(--invite-bar-text) !important;
    white-space: nowrap;
}
html[data-invite-theme] .invite-bar-item .tab-img.on,
html[data-invite-theme] .invite-bar-item:has(.on) ion-label {
    color: var(--invite-bar-active) !important;
    font-weight: 700;
}
html[data-invite-theme] .invite-bar-center .tab-main-text {
    color: var(--invite-bar-button-text) !important;
}
html[data-invite-theme] .invite-bar-center {
    left: calc(50% + .2 * var(--invite-bar-unit));
    bottom: calc(2.15 * var(--invite-bar-unit) + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    width: calc(6.6 * var(--invite-bar-unit));
    height: calc(4.6 * var(--invite-bar-unit));
    margin: 0;
    padding: 0;
    border-radius: calc(2.2 * var(--invite-bar-unit));
    border: 1px solid var(--invite-bar-border);
    background: var(--invite-bar-button);
    box-shadow: none;
    filter: drop-shadow(0 calc(.4 * var(--invite-bar-unit)) calc(.8 * var(--invite-bar-unit)) rgba(0, 0, 0, .35));
    overflow: hidden;
    gap: 0;
    cursor: pointer;
}
html[data-invite-theme] .invite-bar-shine {
    display: inline-flex;
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
}
html[data-invite-theme] .invite-bar-gift {
    display: block;
    width: calc(2.6 * var(--invite-bar-unit));
    height: calc(2.6 * var(--invite-bar-unit));
    object-fit: contain;
}
html[data-invite-theme] .invite-bar-shine::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    mix-blend-mode: overlay;
    background: linear-gradient(115deg, transparent 35%, rgba(255,255,255,.95) 50%, transparent 65%);
    animation: xa6-icon-shine 2.4s ease-in-out infinite;
    transform: translateX(-150%);
}
html[data-invite-theme] .invite-bar-center:focus-visible {
    outline: 2px solid var(--invite-bar-active);
    outline-offset: 3px;
}
@keyframes xa6-icon-shine {
    0% { transform: translateX(-150%); }
    60%, 100% { transform: translateX(150%); }
}
@media (prefers-reduced-motion: reduce) {
    html[data-invite-theme] .invite-bar-shell .tab-img.on,
    html[data-invite-theme] .invite-bar-shine::after { animation: none; }
}