html{--esim-mint:var(--ep-mint,#21754b);--esim-yellow:var(--ep-yellow,#987000)}
html.dark{--esim-mint:var(--ep-darkMint,#86e3a6);--esim-yellow:var(--ep-darkYellow,#f7dc65)}
[data-esim-kyc-hidden]{display:none!important}
html[data-esim-kyc=off] a:is([href="/account/kyc"],[href="/admin/kyc"]),html[data-esim-kyc=off] [data-kyc-content],html[data-esim-kyc=off] [data-kyc-detail]{display:none!important}
.esim-color-accents .esim-home-premium .eh-hero{isolation:isolate}
.esim-color-accents .esim-home-premium .eh-hero::before{content:"";position:absolute;top:11%;left:40%;width:60px;height:60px;border:1px solid var(--esim-yellow);border-radius:50%;pointer-events:none;z-index:-1}
.esim-color-accents .esim-home-premium .eh-hero::after{content:"";position:absolute;top:29%;left:46%;width:7px;height:7px;border:1.5px solid var(--esim-yellow);transform:rotate(45deg);pointer-events:none;z-index:-1}
.esim-color-accents .esim-home-premium .eh-status-dot{background:var(--esim-mint);box-shadow:0 0 0 4px color-mix(in srgb,var(--esim-mint) 12%,transparent)}
.esim-color-accents .esim-home-premium .eh-search-go{background:var(--ep-highlight,#f7dc65);color:var(--ep-highlightText,#121212)}
.esim-color-accents .esim-home-premium :is(.eh-connection-icon,.eh-connection-card>.eh-icon,.eh-benefits>div:nth-child(odd) .eh-icon){color:var(--esim-mint)}
.esim-color-accents .esim-home-premium .eh-benefits>div:nth-child(even) .eh-icon{color:var(--esim-yellow)}
.esim-color-accents .eh-destinations [role=tabpanel]>.grid>a:nth-child(4n+2) .hover-elevate{border-left:3px solid var(--esim-yellow)}
.esim-color-accents .eh-destinations [role=tabpanel]>.grid>a:nth-child(4n) .hover-elevate{border-left:3px solid var(--esim-mint)}
.esim-color-accents :is(a,button):focus-visible{outline:2px solid var(--esim-mint);outline-offset:3px}
#esim-kyc-required{max-width:min(500px,90vw);padding:28px;border:1px solid #756d83;border-radius:18px;background:var(--ep-page,#fff);color:var(--ep-text,#20172f);font:15px/1.65 system-ui,sans-serif;box-shadow:0 20px 90px #0005}
.dark #esim-kyc-required{background:var(--ep-darkSurface,#241c30);color:var(--ep-darkText,#efe8f8)}
#esim-kyc-required::backdrop{background:#0008}#esim-kyc-required h2{font-size:21px;margin:0 0 14px}#esim-kyc-required a,#esim-kyc-required button{display:inline-block;margin:18px 10px 0 0;padding:10px 16px;border-radius:9px;border:1px solid currentColor;color:inherit;background:transparent;text-decoration:none;cursor:pointer}
@media(max-width:760px){.esim-color-accents .esim-home-premium .eh-hero::before{left:auto;right:22px;top:20px;width:32px;height:32px;opacity:.6}.esim-color-accents .esim-home-premium .eh-hero::after{display:none}}

.esim-settings-switch{appearance:none;position:relative;width:44px!important;height:24px!important;border-radius:24px;border:1px solid #82758e;background:#82758e;cursor:pointer;flex-shrink:0}.esim-settings-switch::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003}.esim-settings-switch:checked{background:hsl(var(--primary));border-color:hsl(var(--primary))}.esim-settings-switch:checked::after{transform:translateX(20px)}.esim-settings-switch:disabled{opacity:.45;cursor:wait}.esim-settings-switch:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:3px}

/* Purposeful translucent surfaces. Text inherits the existing readable theme. */
.esim-color-accents{--esim-panel-page:var(--ep-page,#fdfcfe);--esim-panel-surface:var(--ep-surface,#fff);--esim-panel-brand:var(--ep-accent,#5326b9)}
.esim-color-accents.dark{--esim-panel-page:var(--ep-darkPage,#18121f);--esim-panel-surface:var(--ep-darkSurface,#241c30);--esim-panel-brand:color-mix(in srgb,var(--ep-accent,#5326b9) 60%,var(--ep-darkText,#efe8f8))}
.esim-color-accents [data-esim-accent=intro]{padding:clamp(20px,3vw,32px);border-radius:24px;background:linear-gradient(125deg,color-mix(in srgb,var(--esim-mint) 14%,transparent),color-mix(in srgb,var(--esim-panel-brand) 6%,transparent));border:1px solid color-mix(in srgb,var(--esim-mint) 20%,transparent);box-shadow:0 12px 35px color-mix(in srgb,var(--esim-mint) 5%,transparent)}
.esim-color-accents [data-esim-accent=section-intro]{padding:22px 28px;border-radius:20px;background:color-mix(in srgb,var(--esim-yellow) 7%,transparent);border:1px solid color-mix(in srgb,var(--esim-yellow) 15%,transparent)}
.esim-color-accents [data-esim-accent=feature]{background:linear-gradient(145deg,color-mix(in srgb,var(--esim-mint) 11%,var(--esim-panel-surface)),var(--esim-panel-surface));border-color:color-mix(in srgb,var(--esim-mint) 24%,var(--esim-panel-surface));box-shadow:0 8px 24px color-mix(in srgb,var(--esim-mint) 5%,transparent)}
.esim-color-accents [data-esim-accent=feature] :is(h3,svg){color:var(--esim-mint)}
.esim-color-accents [data-esim-accent=card-heading]{border-radius:17px 17px 0 0;background:linear-gradient(120deg,color-mix(in srgb,var(--esim-panel-brand) 10%,transparent),color-mix(in srgb,var(--esim-mint) 5%,transparent));border-bottom:1px solid color-mix(in srgb,var(--esim-panel-brand) 12%,transparent)}
.esim-color-accents [data-esim-tone=mint]{background:color-mix(in srgb,var(--esim-mint) 9%,var(--esim-panel-surface));border-color:color-mix(in srgb,var(--esim-mint) 23%,transparent)}
.esim-color-accents [data-esim-tone=yellow]{background:color-mix(in srgb,var(--esim-yellow) 9%,var(--esim-panel-surface));border-color:color-mix(in srgb,var(--esim-yellow) 23%,transparent)}
.esim-color-accents [data-esim-tone=brand]{background:color-mix(in srgb,var(--esim-panel-brand) 8%,var(--esim-panel-surface));border-color:color-mix(in srgb,var(--esim-panel-brand) 23%,transparent)}
.esim-color-accents [data-esim-callout=info]{padding:16px 20px;border-radius:14px;background:color-mix(in srgb,var(--esim-mint) 9%,transparent);border:1px solid color-mix(in srgb,var(--esim-mint) 21%,transparent);font-size:14px;line-height:1.7}
.esim-color-accents [data-esim-accent=help-action]{background:color-mix(in srgb,var(--esim-mint) 9%,var(--esim-panel-surface));border:1px solid color-mix(in srgb,var(--esim-mint) 30%,transparent);color:var(--esim-mint)}
.esim-color-accents[data-esim-page-family=catalogue] span.text-2xl.font-bold.text-primary{display:inline-block;padding:5px 10px;border-radius:10px;color:var(--esim-mint);background:color-mix(in srgb,var(--esim-mint) 9%,transparent)}
.esim-color-accents [data-testid=contact-info-0]{background:color-mix(in srgb,var(--esim-mint) 8%,var(--esim-panel-surface));border-color:color-mix(in srgb,var(--esim-mint) 25%,transparent)}
.esim-color-accents [data-testid=contact-info-1]{background:color-mix(in srgb,var(--esim-panel-brand) 7%,var(--esim-panel-surface));border-color:color-mix(in srgb,var(--esim-panel-brand) 20%,transparent)}
.esim-color-accents [data-testid=contact-info-2]{background:color-mix(in srgb,var(--esim-yellow) 8%,var(--esim-panel-surface));border-color:color-mix(in srgb,var(--esim-yellow) 25%,transparent)}
.esim-color-accents [data-testid=contact-info-0] .gradient-primary{background:var(--esim-mint)}
.esim-color-accents [data-testid=contact-info-2] .gradient-primary{background:var(--esim-yellow)}
.esim-color-accents .lp-updated{display:inline-block;padding:9px 14px;border-radius:10px;background:color-mix(in srgb,var(--esim-panel-brand) 8%,transparent)}
.esim-color-accents .lp-note{padding:16px 20px;border-radius:14px;background:color-mix(in srgb,var(--esim-yellow) 9%,transparent);border:1px solid color-mix(in srgb,var(--esim-yellow) 23%,transparent)}
.esim-color-accents[data-esim-page-family=support] [data-state=open][data-orientation=vertical]{background:color-mix(in srgb,var(--esim-mint) 6%,transparent);border-radius:14px}
@media(max-width:640px){.esim-color-accents [data-esim-accent=intro]{padding:20px;border-radius:20px}.esim-color-accents [data-esim-accent=section-intro]{padding:18px;border-radius:16px}}

.esim-color-accents{--esim-mint-ink:var(--ep-mintInk,#fff);--esim-yellow-ink:var(--ep-yellowInk,#fff)}
.esim-color-accents.dark{--esim-mint-ink:var(--ep-darkMintInk,#121212);--esim-yellow-ink:var(--ep-darkYellowInk,#121212)}
.esim-color-accents [data-esim-accent=intro] [class*="items-start"]>svg{color:var(--esim-mint)}
.esim-color-accents [data-esim-accent=intro]>.rounded-full{background:color-mix(in srgb,var(--esim-yellow) 12%,transparent);border:1px solid color-mix(in srgb,var(--esim-yellow) 22%,transparent)}
.esim-color-accents [data-esim-accent=intro]>.rounded-full :is(svg,span){color:var(--esim-yellow)}
.esim-color-accents [data-testid=contact-info-0] .gradient-primary svg{color:var(--esim-mint-ink)}
.esim-color-accents [data-testid=contact-info-2] .gradient-primary svg{color:var(--esim-yellow-ink)}
.esim-color-accents [data-testid=contact-info-0]>p.text-primary{color:var(--esim-mint)}
.esim-color-accents [data-testid=contact-info-2]>p.text-primary{color:var(--esim-yellow)}

/* Payment action spacing is independent of theme and number of gateways. */
.checkout-methods{margin-bottom:22px!important}.checkout-pay-button{margin-top:4px!important}
/* Legal/CMS pages previously began behind the fixed header. */
.lp-public{margin-top:calc(var(--esim-header-height,72px) + 24px)!important}h1,h2,h3,[id]{scroll-margin-top:calc(var(--esim-header-height,72px) + 24px)}

:root{--esim-header-height:56px}@media(min-width:640px){:root{--esim-header-height:64px}}@media(min-width:768px){:root{--esim-header-height:72px}}
