:root{ --tg-theme-text-color: #000000; --tg-theme-section-header-text-color: #6d6d71; --tg-theme-header-bg-color: #efeff3; --tg-theme-hint-color: #999999; --tg-theme-section-bg-color: #ffffff; --tg-theme-bottom-bar-bg-color: #e4e4e4; --tg-theme-link-color: #2481cc; --tg-theme-accent-text-color: #2481cc; --bd-accent-green: rgb(52,199,89); --bd-accent-red: rgb(255,56,60); --bd-accent-blue: rgb(0,136,255); --bd-accent-yellow: rgb(255,204,0); --bd-accent-orange: rgb(255,141,40); --bd-accent-purple: rgb(219,52,242); --bd-accent-grey: rgb(142,142,147); --tg-theme-destructive-text-color: #ff3b30; --tg-theme-button-text-color: #ffffff; --tg-theme-button-color: #2481cc; --tg-color-scheme: light; --tg-theme-bg-color: #ffffff; --tg-theme-secondary-bg-color: #efeff3; --tg-theme-subtitle-text-color: #999999; --tg-theme-section-separator-color: #eaeaea; --tg-viewport-height: 100vh; --tg-viewport-stable-height: 100vh; --tg-theme-button-lighter-color: var(var(--tg-theme-button-color)); --tg-theme-mod-bg-color: var(--tg-theme-bg-color); --tg-safe-area-inset-top: env(safe-area-inset-top, 0px); --tg-safe-area-inset-right: env(safe-area-inset-top, 0px); --tg-safe-area-inset-bottom: env(safe-area-inset-bottom, 0px); --tg-safe-area-inset-left: env(safe-area-inset-left, 0px); --grd_dissolve_horiz: linear-gradient(90deg, rgba(0, 0, 0, 1) 85%, transparent 100%); --grd_dissolve_vertic: linear-gradient(180deg, transparent 0px, black 17px, black calc(100% - 15px), transparent); --grd_dissolve_horiz_mini: linear-gradient(90deg, rgba(0, 0, 0, 1) calc(100% - 10px), transparent 100%); --grd_dissolve_horiz_micro: linear-gradient(90deg, rgba(0, 0, 0, 1) calc(100% - 7px), transparent 100%); --quick-features-height: 0px; --quick-view-height: 0px; --bg-fader: 0.3; --green-accent: rgb(23, 146, 35); --green-accent-light: transparent; --yellow-accent: rgb(198, 123, 0); --yellow-accent-light: transparent; --red-soft-accent: #ef5b5b; --header-and-search-box-size: 0px; --header-size: 0px; --s-opacity: 1; --avatar-scale-multiplier: 0;}html{ overflow:hidden; overscroll-behavior: none; scroll-behavior: smooth; touch-action: none; }#search-panel.no-op{ touch-action: none !important;}body{ background-color: var(--tg-theme-secondary-bg-color); font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; color: var(--tg-theme-text-color); margin: 0px; box-sizing: border-box; padding: max(15px, var(--tg-safe-area-inset-top)) max(15px, var(--tg-safe-area-inset-right)) max(15px, var(--tg-safe-area-inset-bottom)) max(15px, var(--tg-safe-area-inset-left)) ; max-height: 100vh; }#qv-sim-info .color-acc{ }#quick-features{ background: var(--tg-theme-mod-bg-color); border-radius: 20px; padding: 15px; grid-gap: 15px; opacity: var(--s-opacity); }#sp-switch{ position: relative;}#quick-view{ background: var(--tg-theme-mod-bg-color); padding: 15px; grid-gap: 15px; box-sizing: border-box; border-radius: 20px; opacity: 0; max-height: max-content; grid-template-rows: max-content 1fr max-content; grid-template-columns: 1fr; transition: 300ms transform; transform: translateY(100px); --q-height: max-content; position: absolute; width: 100%; }#quick-view.top-picks{ padding: 0px; grid-gap: 7px; background:transparent; grid-template-columns: 1fr 1fr;}#quick-view .country-from-search,#quick-view .discount-banner{ padding: 10px; border-radius: 20px; grid-template-columns: max-content 1fr; grid-template-rows: 1fr 1fr; grid-gap: 5px 12px;}#quick-view .country-from-search > *,#quick-view .discount-banner > *{ height: 100%;}#quick-view .emoji-flag{ grid-row: span 2; font-size: 28px; height: unset;}#quick-view .country-name{ font-size: 14px; text-transform: uppercase; font-weight: bold;}#quick-view .country-price-starting{ padding: 0px; opacity: 0.6; font-size: 14px;}#quick-view .sim-clickable{ --tricky-pad: clamp(0px, calc((100vh - 640px)/2), 20px); padding-top: var(--tricky-pad); padding-bottom: var(--tricky-pad); width: max-content; justify-self: center;}#quick-view.loaded{ opacity: var(--s-opacity); transform: translateY(0px);}#qv-sim{ grid-template-columns: max-content 1fr; width: max-content; grid-gap: 15px;}#quick-features-list{ grid-gap: 10px; font-size: 15px; padding: 5px; }#quick-features-list > flex{ grid-gap: 14px; align-items: center;}#go-group{ grid-gap: 10px; grid-template-columns: 1fr 1fr; min-width: 250px; font-size: 1.2em;}#ma-buttons{ min-width: 200px; grid-template-columns: 1fr 1fr; grid-gap: 10px; margin-top: 5px; font-size: 1.2em;}btn{ --bg-color: var(--tg-theme-button-color); --text-color: white; display: inline-flex; background: var(--bg-color); color: white; text-transform: uppercase; border-radius: 2em; font-size: 0.7em; height: max-content; font-weight: bold; justify-content: center; padding: 0.6em; padding-inline: 0.8em; cursor: pointer; grid-gap: 0.3em; align-content: center; transition: 1000ms background, 1000ms color; }btn.alt{ position: relative; z-index: 1; color: var(--bg-color); background: transparent; overflow: hidden;}btn.alt:after{ content: ""; position: absolute; inset: 0; background-color: var(--bg-color); opacity: 0.2; z-index: -1;}#go-quick-tour, #ma-next{ }#go-search{ }#ma-back{ }#qv-to-profile{ color: var(--tg-theme-button-text-color); background: var(--tg-theme-button-color); padding: 8px; justify-content: center; font-size: 13px; border-radius: 10px; cursor: pointer;}#search-box{ background: var(--tg-theme-mod-bg-color); border-radius: 30px; grid-template-columns: max-content 1fr; grid-gap: 10px; padding-left: 15px; box-sizing: border-box;}#search-box input{ border: none; background: transparent; padding: 15px; padding-left: 0px; color: var(--tg-theme-text-color); font-family: inherit;}#search-panel{ box-sizing: border-box; grid-template-rows: max-content 1fr; grid-gap: 10px; position: relative; touch-action: auto;}#search-panel.active{ overflow-y: scroll; scroll-snap-type: y mandatory; scroll-behavior: smooth; scroll-margin: 0;}#search-box, #quick-features{ scroll-snap-align: start;}#search-results-wrapper{ box-sizing: border-box; overflow: hidden; --viewport-height: 100vh; --viewport-height: 100svh; height: calc(var(--viewport-height) - var(--header-and-search-box-size) + 10px - max(15px, var(--tg-safe-area-inset-bottom)) - max(15px, var(--tg-safe-area-inset-top))); border-radius: 20px; opacity: calc(1 - var(--s-opacity)); }.with-focus #search-results-wrapper{ overflow: scroll;}#search-box input::placeholder{ color: var(--tg-theme-hint-color);}*:focus { outline: none; border-color: inherit; -webkit-box-shadow: none; box-shadow: none;}#search-box path{ fill: var(--tg-theme-hint-color); opacity: 0.85;}.regional path, .regional{ fill: var(--tg-theme-accent-text-color); color: var(--tg-theme-accent-text-color);}.country-name.regional, .country-name.regional path,.bundle-header.regional, .bundle-header.regional path{ fill: var(--tg-theme-accent-v3-text-color); color: var(--tg-theme-accent-v3-text-color);}svg.regional{ width: 14px; height: 14px;}#bundles-country-name svg.regional, #gb-country-name svg.regional, #bo-country-name svg.regional{ width: 18px; height: 18px;}#search-results grid:first-child{ border-radius: 20px 20px 0px 0px;}#search-results grid:last-child{ border-radius: 0px 0px 20px 20px;}#search-results{ grid-gap: 1px; z-index: -10; transition: all 300ms; box-sizing: border-box; align-items: start;}#search-results .country-from-search{ height: max-content;}.country-from-search, .discount-banner{ padding: 15px; background: var(--tg-theme-mod-bg-color); align-items: center; grid-gap: 10px;}#monster-alert{ padding: 15px; border-radius: 20px; opacity: 0; transform: scale(0.7); margin: auto; background: var(--tg-theme-mod-bg-color); z-index: 2; transition: 200ms all; max-width: min(400px, calc(100vw - 50px)); grid-gap: 10px;}#ma-body{ grid-gap: 10px;}#ma-title{ align-items: center; grid-template-columns: max-content 1fr; grid-gap: 8px;}#monster-alert-panel{ position: fixed; inset: 0px; z-index: -1; background: transparent; transition: 200ms opacity; opacity: 0; background: rgba(0,0,0,var(--bg-fader)); hyphens: auto;}#monster-alert-panel.active{ z-index: 1; opacity: 1;}#monster-alert-panel.active #monster-alert{ transform: scale(1); opacity: 1;}.panel{ transform: scale(0.95); transition-delay: 200ms; transition: 200ms transform;}.panel.active{ transform: scale(1);}.country-from-bundle{ align-items: center; grid-gap: 10px;}#search-panel.with-focus #search-box,#search-panel.with-focus #search-results{ z-index: 0; opacity: 1;}#search-panel.anim-ready #search-box{ transition: 300ms opacity, 300ms transform;}#search-panel.with-focus #quick-features{ z-index: -10;}#search-panel.with-focus #quick-view{ z-index: -10;}.panel:not(.active){ display: none;}#bundles-country-name, #gb-country-name, #bo-country-name{ font-weight: bold; grid-gap: 8px; align-items: center; grid-template-columns: max-content 1fr max-content;}#bo-country-name{ grid-template-columns: max-content 1fr; padding-top: 5px; }.country-name, .my-trans-title{ overflow: hidden; white-space: nowrap; -webkit-mask-image: var(--grd_dissolve_horiz); mask-image: var(--grd_dissolve_horiz);}.dissolve-horiz{ overflow: hidden; white-space: nowrap; -webkit-mask-image: var(--grd_dissolve_horiz_mini); mask-image: var(--grd_dissolve_horiz_mini);}.bo-desc, .my-section, #sop-service-area, #sop-related-trs, #sop-bundle-details, #cancel-button, #topup-button, #sop-install, #sop-notice{ padding: 12px; border-radius: 23px; background: var(--tg-theme-mod-bg-color); box-sizing: border-box; grid-gap: 6px; font-size: 15px;}#sop-notice{ padding: 13px;}#sop-notice b{ padding-bottom: 5px;}#bo-table{ grid-gap: 10px;}.bo-row{ display: grid; align-items: center; padding: 3px; grid-template-columns: 24px 1fr max-content max-content; grid-auto-rows: 24px; grid-gap: 8px; text-transform: uppercase; font-size: 13px; }.bo-row .js-ico{ width: 18px;}#pull-refresh .js-ico-yes .bg{ fill: var(--tg-theme-text-color); }#pull-refresh .js-ico-yes .in{ fill: var(--tg-theme-mod-bg-color); }.js-ico-yes .bg{ fill: var(--green-accent); }.js-ico-no .bg{ fill: var(--red-soft-accent); }.ico-fillable > :not(.js-ico-ignore) { fill: var(--tg-theme-text-color);}.ico-strokeable > *:not(.js-ico-ignore){ stroke: var(--tg-theme-text-color);}.bo-row flex:first-child{ align-items: center;}.bo-row flex:nth-child(3){ color: var(--tg-theme-subtitle-text-color); }.bo-row .whats-that-btn{ width: 15px; padding-left: 7px;}.bo-row .yes-no{ padding-left: 6px; width: 20px;}.bo-row flex{ align-items: center;}#cancel-button, #topup-button{ color: var(--tg-theme-destructive-text-color); justify-content: center; padding: 12px; cursor: pointer; transition: 300ms opacity;}#topup-button{ color: var(--tg-theme-link-color);}.hidden{ display: none;}#my-transaction-list{}.my-tr-ico{ width: 34px; height: 34px; grid-row: span 3;}.points_deducted .my-tn-points,.my-transaction.points_accrued .my-tn-points,.my-transaction.buy-w-pts .my-tn-points.my-transaction.refund-w-pts .my-tn-points{ display: none;}.my-transaction{ grid-gap: 1px 12px; grid-template-columns: max-content 1fr max-content; grid-template-rows: repeat(3, max-content); align-items: center;}.my-desc .linklike{ margin-left: auto;}empty{ display: flex; justify-content: center; padding: 5px; color: var(--tg-theme-subtitle-text-color);}#my-sim-list, #my-profile-list, #my-contact-list{ padding: 12px; padding-top: 8px; padding-bottom: 8px; }#my-profile-list, #my-contact-list{ padding: 14px;}#my-contact-list{ padding: 5px; padding-block: 10px;}.data-left-indicator{ grid-row: span 3; --size: 34px;}#quick-view .data-left-indicator{ --size: 76px;}.show-inactive .linklike{ grid-row: span 3;}.my-sim{ grid-gap: 0px 12px; grid-template-columns: max-content 1fr; grid-template-rows: repeat(3, max-content); align-items: center; cursor: pointer;}.my-sim.show-inactive{ padding: 0px; grid-template-columns: 1fr; justify-items: center; padding: 3px; font-size: 15px;}.my-profile-entry{ }.my-profile-entry a, #my-version{ display: flex; align-items: center; grid-gap: 10px; padding-inline: 10px; color: var(--tg-theme-text-color); padding-block: 1px;}.my-profile-entry a{ width: 100%;}.my-profile-entry flex{ color: var(--tg-theme-subtitle-text-color); font-family: Menlo; margin-left: auto;}.my-sim-title, .my-trans-title{ font-weight: bold; line-height: 26px;}.my-sim-desc, .my-trans-desc{ color: var(--tg-theme-subtitle-text-color); padding-bottom: 5px; font-size: 14px;}.qv-sim-desc{ color: var(--tg-theme-subtitle-text-color);}#qv-sim-title{ font-size: 17px;}#qv-sim-info{ padding-bottom: 5px;}.my-trans-desc, .my-tn-lower{ padding-bottom: 5px;}.my-trans-desc{ grid-gap: 6px; min-width: 0; align-items: center;}.my-trans-desc span:first-child, .my-tn-date{ white-space: pre; }.my-tn-lower{ color: var(--tg-theme-subtitle-text-color); font-size: 14px; align-items: center; justify-content: flex-end; grid-gap: 10px;}.my-tn-amount{ justify-content: flex-end; min-width: 70px; color: var(--usedColor);}.my-tn-amount .tg-star path{ fill: var(--usedColor);}.my-transaction{ --usedColor: var(--tg-theme-text-color);}.tr-positive{ --usedColor: var(--green-accent);}.refund .my-tn-points,.refund-w-pts .my-tn-points{ background: var(--red-soft-accent);}.my-tn-points{ background: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color); padding: 4px; padding-inline: 6px; border-radius: 10px; margin-block: -4px; font-size: 11px; width: max-content; justify-self: flex-end;}#refund-mask-holder stop{ stop-color: var(--red-soft-accent);}.purchase-refund .arr{ fill: var(--red-soft-accent);}.purchase-refund circle{ fill: var(--tg-theme-secondary-bg-color);}.purchase-refund .maskable{ fill: url(#refund-mask-fadeout);}.with-separators .my-sep, #sop-service-area .my-sep, #quick-view .my-sep, #sop-related-trs .my-sep,.bo-desc .my-sep{ border-bottom: 1px solid var(--tg-theme-text-color); padding-top: 1px; margin-bottom: 1px; opacity: 0.1;}#pull-refresh{ grid-gap: 8px; font-size: 14px; text-transform: uppercase; position: fixed; inset: auto 0; top: 0px; justify-content: center; align-items: center; margin-top: 2px; opacity: 0;}#pull-refresh flex{ transition: 100ms transform ease-in-out; transform: scale(1);}#pull-refresh flex.bounce{ transform: scale(0);}#pull-refresh svg{ --size: 15px; --data-left: 0; width: 15px; height: 15px;}#pull-refresh .circular-bg{ stroke: transparent;}#pull-refresh .circular-in{ stroke: var(--tg-theme-text-color); transition: 0.1s;}#bo-service-desc{ grid-gap: 20px; padding: 15px 10px;}.run-out-gb{ align-items: center; grid-gap: 6px;}.bundle{ grid-template-columns: 1fr max-content; padding: 11px; border-radius: 15px; background: var(--tg-theme-mod-bg-color); box-sizing: border-box; min-height: 60px; border: 1px solid transparent; cursor: pointer; transition: border 150ms;}.bundle-mini{ align-items: center; font-weight: bold;}.bundle:hover, .bundle.active{ border: 1px solid var(--tg-theme-accent-text-color);}.bundle-description{ color: var(--tg-theme-subtitle-text-color); grid-gap: 5px; align-items: center; white-space: nowrap; overflow: hidden; }.bundle .bundle-description{ -webkit-mask-image: var(--grd_dissolve_horiz); mask-image: var(--grd_dissolve_horiz);}.bo-separator, .my-desc{ color: var(--tg-theme-subtitle-text-color); font-size: 15px;}.greyed, .greyed .regional path{ color: var(--tg-theme-subtitle-text-color); fill: var(--tg-theme-subtitle-text-color);}extra-grey{ opacity: 0.6;}.bundle-header{ grid-gap: 4px; align-items: center;}.bundle > grid{ grid-gap: 5px;}.bundle-header.to-bottom .greyed{ }.bundle-price{ grid-gap: 0; align-items: center;}.bundle-price iflex{ justify-content: right; grid-gap: 0; align-items: center;}.bundle-price .regional{ grid-gap: 4px;}#bundles-panel, #gb-selector-panel, #bundle-overview-panel{ grid-template-rows: max-content 1fr; max-height: 100%; }#bundles-list, #gb-list, #bo-list, #top-up-list{ margin-top: 10px; grid-gap: 10px;}#gb-list{ padding-bottom: 50px;}#bundles-list-wrapper, #gb-list-wrapper, #bo-list-wrapper,#profile-scroll-wrap, #sim-scroll-wrap, #top-up-scroll-wrap{ overflow: scroll; margin-top: -7px; padding-top: 7px; padding-bottom: 10px; -webkit-mask-image: var(--grd_dissolve_vertic); mask-image: var(--grd_dissolve_vertic); }#profile-scroll-wrap{ margin-bottom: -10px; padding-top: 50px; margin-top: -50px;}#bo-list-wrapper{ margin-bottom: 70px;}#things-wrapper.anon #bo-list-wrapper{ margin-bottom: 55px;}.flag-small{ border-radius: 4px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); height: 18px; width: 24px;}.emoji-flag{ line-height: 18px; font-size: 22px;}.country-from-search{ grid-template-columns: max-content 1fr max-content;}.country-from-bundle{ grid-template-columns: max-content 1fr;}.country-from-bundle .emoji-flag{ min-width: 26px;}#search-panel.with-focus .country-from-search{ cursor: pointer;}.country-price-starting{ padding: 5px; grid-gap: 5px; align-items: center; }.discount-banner{ grid-column: span 2; transition: 200ms all;}.discount-banner.bounce{ transform:scale(0.95);}.discount-title{ font-weight: bold; }.discount-ico{ width: 30px;}.discount-desc{ color: var(--tg-theme-subtitle-text-color); font-size: 13px;}.country-price-starting iflex{ grid-gap: 0;}#wtf-options-popup{ margin-left: auto;}.linklike{ color: var(--tg-theme-link-color); cursor: pointer;}.my-tn-date{ grid-gap: 0px;}@media screen and (max-width: 380px){ .countries-ext{ } .my-tn-date .date-precise{ display: none; }}@media screen and (max-width: 360px) { #go-group > flex{ font-size: 11px; } #quick-view .data-left-indicator{ --size: 70px; }}@media screen and (max-height: 625px){ }#things-wrapper{ grid-template-rows: max-content 1fr; max-height: 100%; box-sizing: border-box; position: relative;}#panel-holder{ grid-template-rows: 1fr; min-height: 0; max-height: 100%; box-sizing: border-box; transition: 150ms transform ease-in-out; transform: scale(1);}#things-wrapper:not(.anon) #panel-holder.shift{ }#things-wrapper:not(.anon) #panel-holder.bounce{ }.panel{ min-height: 0; max-height: 100%; }.unlimited-rose{ color: #FF007B;}#bundle-overview-panel{ grid-gap: 5px;}#pay-panel{ grid-gap: 10px;}#pay-panel .notice{ margin-top: 5px;}a{ text-decoration: none !important; color: var(--tg-theme-link-color);}#confirm-button{ position: fixed; bottom: max(15px, var(--tg-safe-area-inset-bottom)); background: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color); padding: 15px; box-sizing: border-box; width: calc(100% - 30px); border-radius: 15px; left: 0px; right: 0px; margin-left: auto; margin-right: auto; cursor: pointer; transform: translateY(100px); justify-items: center; transition: transform 200ms;}#confirm-button.shown{ transform: translateY(0);}#confirm-button.disabled,#cancel-button.disabled,#topup-button.disabled{ opacity: 0.7;}#points{ font-size: 13px; grid-gap: 5px; cursor: pointer;}#header{ margin-bottom: 10px; align-items: center; justify-items: center; grid-gap: 2px; width: 100%; box-sizing: border-box; }#fake-header{ height: var(--header-size); margin-bottom: 10px; }#generic-header{ margin-bottom: 10px; align-items: center; transition: 300ms transform; position: absolute; box-sizing: border-box; height: 34px; width: 100%; justify-content: end; }.hdr{ position: absolute;}.lang-change{ text-transform: uppercase; font-size: 13px; grid-gap: 7px; opacity: 0.5; align-items: center; cursor: pointer;}#generic-header .lang-change flex{ font-size: 13px; padding: 6px; color: var(--tg-theme-secondary-bg-color); background: var(--tg-theme-text-color); border-radius: 7px; padding-left: 10px; padding-right: 10px;}#things-wrapper #generic-header{ transform: translateY(-80px);}#things-wrapper.anon-ready #generic-header{ transform: translateY(0px);}#things-wrapper.anon #header, #things-wrapper.anon-ready #header{ transform: translateY(-80px);}#things-wrapper.anon #search-panel{ }#go-name-wrap{ padding-right: 8px; overflow: hidden; margin-left: 10px; transition: 0.3s transform;} #go-name{ margin-left: auto;}#things-wrapper:not(.anon) #header.accent{ }#header-sep{ grid-column: span 3; margin-top: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.08); display: none;}hr{ border: none; border-bottom: 2px solid var(--tg-theme-section-separator-color);}#go-profile{ grid-gap: 10px;}#go-avatar{ border-radius: 50%; overflow: hidden; background: var(--tg-theme-mod-bg-color); position: fixed; left: 50%; transform: translateX(-50%); top: calc(-27px + max(15px, var(--tg-safe-area-inset-top))); width: 100px; height: 100px; transform: translateX(calc(-50% - var(--avatar-smooth-offset))) translateY(var(--avatar-coordinate-px)) scale(calc( var(--avatar-scale-multiplier) * 0.2 * (100 + var(--avatar-coordinate) * 4)/100 )); }#p-info-holder{ transform: translateY(-50px); opacity: 0; transition: 200ms transform, opacity; grid-gap: 10px;}#p-info-holder.slide-in{ opacity: 1; transform: none;}#profile-avatar{ width: 100px; height: 100px; margin-top: -25px; border-radius: 50%; transition: 200ms transform;}#p-avatarholder{ justify-items: center;}#profile-avatar.bounce{ transform: scale(1.1);}#p-id{ color: var(--tg-theme-subtitle-text-color);}#p-stat-holder{ font-size: 13px; margin-top: 5px; margin-bottom: 10px; color: var(--tg-theme-subtitle-text-color);}#p-nameholder{ grid-gap: 5px; font-weight: bold; margin-top: 8px; font-size: 20px;}#go-avatar-ghost{ height: 20px; width: 20px;}#header:not(.avatar-loading) #go-avatar{ --avatar-scale-multiplier: 1;}#header-bubble{ border-radius: 20px; line-height: 18px; padding: 4px; align-items: center; grid-template-columns: max-content 1fr max-content; transition: 200ms padding, 200ms background, 300ms transform; max-width: 200px; cursor: pointer; background: var(--tg-theme-mod-bg-color); margin-top: 9px; min-height: 20px; opacity: calc((100 - var(--avatar-coordinate))/100);}#header-bubble:hover{ transform: scale(1.05);}@keyframes pulse { 0% { opacity: 0.3; } 100% { opacity: 1; }}#go-name{ font-size: 15px; align-items: center;}.circular{ --cir: calc(2 * pi * 75px); width: var(--size); height: var(--size); transform: rotate(-90deg);}.circular-bg{ stroke: var(--tg-theme-secondary-bg-color);}.circular-in{ stroke: var(--tg-theme-accent-text-color); stroke-dasharray: calc(var(--data-left) / 100 * var(--cir)) calc((100 - var(--data-left)) / 100 * var(--cir)); transition: 0.4s;}.circular.reverse .circular-in{ stroke-dasharray: 0 calc((100 - var(--data-left)) / 100 * var(--cir)) calc(var(--data-left) / 100 * var(--cir));}.low-data .circular-in{ stroke: var(--tg-theme-destructive-text-color); stroke: var(--red-soft-accent);}.bonus-ico path{ fill: var(--tg-theme-secondary-bg-color);}.bonus-ico .bonus-bg{ fill: var(--tg-theme-accent-text-color);}.purchase-ico circle{ fill: var(--tg-theme-secondary-bg-color);}.purchase-ico path, .purchase-ico ellipse{ fill: var(--tg-theme-accent-text-color);}.deduct-ico circle{ fill: var(--red-soft-accent);}.deduct-ico path{ fill: var(--tg-theme-secondary-bg-color);}@media (prefers-color-scheme: dark){ :root{ --tg-theme-header-bg-color: #191926; --tg-theme-link-color: #626aee; --tg-theme-accent-text-color: #626aee; --tg-theme-button-text-color: #ffffff; --tg-theme-button-color: #626aee; --tg-theme-hint-color: #b1c3d5; --tg-theme-section-separator-color: #2f2e47; --tg-theme-bottom-bar-bg-color: #1c1c2a; --tg-theme-secondary-bg-color: #191926; --tg-theme-section-bg-color: #27273b; --tg-theme-text-color: #ffffff; --tg-color-scheme: dark; --tg-theme-bg-color: #27273b; --tg-theme-destructive-text-color: #ef5b5b; --tg-theme-subtitle-text-color: #b1c3d5; --tg-theme-section-header-text-color: #b1c3d5; --tg-viewport-height: 100vh; --tg-viewport-stable-height: 100vh; --tg-theme-mod-bg-color: var(--tg-theme-bg-color); --green-accent: rgb(36, 204, 53); --yellow-accent: rgb(255, 179, 0); --bd-accent-green: rgb(48,209,88); --bd-accent-red: rgb(255,66,69); --bd-accent-blue: rgb(0,145,255); --bd-accent-yellow: rgb(255,214,0); --bd-accent-orange: rgb(255,146,48); --bd-accent-purple: rgb(203,48,224); } .country-name.regional, .country-name.regional path, .bundle-header.regional, .bundle-header.regional path{ fill: var(--tg-theme-text-color); color: var(--tg-theme-text-color); } .regional path, .regional{ fill: var(--tg-theme-accent-v2-text-color); color: var(--tg-theme-accent-v2-text-color); } .linklike{ color: var(--tg-theme-link-v2-color); cursor: pointer; } :root{ --bg-fader: 0.6; } #points{ } #generic-header{ opacity: 0.8; } btn.alt{ background: var(--tg-theme-button-text-color); } btn.alt:after{ content: ""; position: absolute; inset: 0; background-color: var(--bg-color); opacity: 0.3; z-index: -1; } }.sqv-header .data-left-indicator{ --size: 84px; grid-row: span 3; align-self: center;}#quick-view .sqv-header .data-left-indicator { --size: 90px;}#sim-overview-panel .sqv-header .circular-bg{ stroke: var(--tg-theme-mod-bg-color);}.sqv-header{ grid-template-columns: max-content max-content; grid-template-rows: 1fr 1fr 1fr; grid-gap: 6px 18px; --sqv-f11: clamp(10px, 2.7vw, 13px); --sqv-f12: clamp(11px, 2.9vw, 14px); --sqv-f13: 13px; --sqv-f14: clamp(14px, 3.7vw, 16px); --sqv-f16: clamp(16px, 4.2vw, 19px); padding-left: 10px; padding-right: 10px; box-sizing: border-box;}.sqv-name-group{ grid-gap: 4px; font-weight: bold; align-items: center; box-sizing: border-box;}.sqv-active{ border: 1px solid var(--green-accent); color: var(--green-accent); padding: 8px; border-radius: 10px; font-size: var(--sqv-f11); width: max-content; text-transform: uppercase;}.sqv-active.expired{ border: 1px solid var(--red-soft-accent); color: var(--red-soft-accent);}.sqv-active.pending{ border: 1px solid var(--yellow-accent); color: var(--yellow-accent);}.sqv-use-before{ opacity: 0.7;}.sqv-data-left{ color: var(--tg-theme-subtitle-text-color); font-size: var(--sqv-f14); margin-top: 2px; display: inline-block;}.sqv-text-name{ min-width: 0px; max-width: calc(100vw - 315px); padding-right: 4px; margin-right: -3px; overflow: hidden; white-space: nowrap; -webkit-mask-image: var(--grd_dissolve_horiz_micro); mask-image: var(--grd_dissolve_horiz_micro);}#sop-service-area .my-sep,#quick-view .my-sep,#sop-related-trs .my-sep{ margin-bottom: 0px; margin-top: -4px;}#sop-related-trs{ padding:12px;}#sop-related-trs > .greyed{ padding-bottom: 6px;}#sop-service-area{ grid-gap: 12px; padding: 12px;}#sop-bundle-details{ grid-gap: 6px; align-items: center; display: none;}#sop-arrow{ font-size: var(--sqv-f14);}#sim-scroll-wrap{ grid-gap: 10px; padding-top: 15px;}#sop-qr{ border: 1px solid var(--tg-theme-secondary-bg-color); background: white; border-radius: 10px; width: clamp(90px, 25vw, 130px); height: clamp(90px, 25vw, 130px); justify-items: center; align-items: center;}#sop-qr img { width: 90%;}#sop-install{ grid-gap: 18px; grid-template-columns: max-content 1fr; align-items: center;}#sop-install-info{ font-size: clamp(13px, 3.4vw, 15px); grid-gap: 8px; hyphens: auto;}#sop-install-info b{ font-size: clamp(15px, 3.6vw, 18px);}#sop-quick-install{ background: var(--tg-theme-button-color); color: var(--tg-theme-button-text-color); border-radius: 10px; font-size: 12px; font-weight: bold; justify-content: center; padding: 8px; cursor: pointer;}#my-whats-quick-view{ margin-left: auto;}#spinner-overlay, #loading-overlay{ position: fixed; inset: 0px; padding: 30px; transition: 300ms all; background: var(--tg-theme-secondary-bg-color);}#loading-overlay{ transform: translateY(110vh); border-radius: 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);}#spinner-overlay{ }#spinner-overlay.hidden{ display: none;}#loading-overlay.active{ transform: translateY(0); box-shadow: 0px 0px 0px transparent; border-radius: 0px;}#lo-inner-box{ height: max-content; margin-top: auto; margin-bottom: auto; grid-gap: 20px;}#lo-indicator{ width: 70px; height: 70px; }#lo-indicator .circular{ width: 100%; height: 100%;}#lo-indicator .circular-bg{ stroke: var(--tg-theme-mod-bg-color);}#lo-header{ font-size: 20px; font-weight: bold;}#lo-body{ font-size: 16px; display: inline-flex;}.spinner{ }.spinner circle{ stroke: var(--tg-theme-text-color); opacity: 0.8;}#cancel-button flex{ grid-gap: 10px; align-items: center; transform: translateX(15px); transition: 300ms transform;}#cancel-button.loading flex{ transform: translateX(0px);}#cancel-button.loading{ opacity: 0.7;}#cancel-button .spinner{ width: 20px; height: 20px; opacity: 0; transition: 300ms opacity;}#cancel-button.loading .spinner{ opacity: 1;}#pay-header{ margin-top: 5px; margin-bottom: 5px;}#pay-panel .bo-separator{ }#pay-panel.balance-unavail .charged{ color: var(--tg-theme-destructive-text-color);}b{ }@media (prefers-color-scheme: light){ .my-sep{ opacity: 0.7; } }#top-up-what{ font-size: 18px; font-weight: bold; align-items: center; margin-top: 2px;}#top-up-what .sqv-id{ font-size: 12px; }#top-up-what .flag{ margin-left: auto; }.sqv-id{ border: 1px solid var(--tg-theme-text-color); opacity: 0.5; font-size: var(--sqv-f12); border-radius: 5px; font-family: Menlo; padding: 4px; margin: -4px; margin-left: 3px; margin-right: 0px;}#top-up-desc, #bo-disclaimer{ margin-top: 10px; margin-bottom: 3px; font-size: 15px; hyphens: auto;}#bo-disclaimer{ margin-top: 2px;}.bo-desc.pay-method > .pay-select{ grid-gap: 10px; align-items: center; min-height: 34px;}.pay-select .ico-holder svg{ width: 24px; height: 24px;}.pay-method .bonus-ico .bonus-bg{ fill: revert-layer; }.pay-method .bonus-ico path{ fill: white;}.pay-method .my-sep{ margin-left: 30px;}.pay-method #change-pay{ margin-left: auto; grid-gap: 0px; align-items: center; padding: 5px 0px; cursor: pointer; color: var(--tg-theme-subtitle-text-color);}.pay-method .ico-arrow path{ stroke: var(--tg-theme-subtitle-text-color);}.bo-desc.product{ grid-gap: 12px; font-size: 14px;}.bo-desc.product grid{ grid-gap: 5px;}.bo-desc.product flex{ font-size: 26px; align-items: center;}.pay-method{ --currencies-amount: 2; max-height: 54px; transition: 300ms max-height;}.pay-method.expanded{ max-height: calc(var(--currencies-amount) * 55px);}.ico-arrow{ transition: 300ms transform;}.pay-method .ico-arrow{ height: 10px; transform: rotate(0deg);}.pay-method.expanded .ico-arrow{ transform: rotate(90deg);}#my-contact-list .ico-arrow{ height: 10px; width: 15px; transform: none;}#my-contact-list .ico-arrow path{ stroke: var(--tg-theme-link-color);}#my-contact-list .my-profile-entry > flex{ align-items: center;}#my-contact-list .my-sep{ margin-left: 3.2em; margin-right: 0.7em;}.pay-select{ transition: 300ms opacity; opacity: 1; cursor: pointer;}.pay-method:not(.expanded) .my-sep{ opacity: 0;}.pay-method:not(.expanded) .pay-select:not(:first-child){ opacity: 0; z-index: -100;}#legal-footer{ font-size: 11px; position: absolute; inset: 0; top: unset; justify-items: center; opacity: calc(var(--s-opacity) / 2);}.good-price{ margin-right: 0.3em;}.tg-star{ line-height: 1; height: 1em; width: 1em; margin-left: 0.45em; margin-right: 0.3em;}.tg-star path{ fill: var(--tg-theme-text-color);}#confirm-button .tg-star path{ fill: var(--tg-theme-button-text-color);}.promo-info .tg-star path{ fill: var(--tg-theme-button-text-color);}.promo-info .discount-ico{ height: 20px; width: 20px;}.promo-info{ color: var(--tg-theme-button-text-color); background: var(--tg-theme-button-color); border-radius: 10px; padding: 10px; }.my-tn-amount .tg-star,.discount-banner .tg-star{ margin-left: 0.2em;}.promo-info .tg-star{ margin-left: 0.3em; margin-right: 0.45em;}iflex{ align-items: center;}iflex .tg-star{ margin-top: -0.1em;}#sp-inner-box{ grid-gap: 30px;}#sp-text{ grid-gap: 10px;}#sp-header{ font-weight: bold; font-size: 18px;}#init-spinner path{ fill: var(--tg-theme-text-color);}.bfa-icon{ width: 0.7em; height: 0.7em; fill: var(--tg-theme-text-color);}.bfa-big{ width: 1.2em; height: 1.2em;}.bfa-padded{ padding: 0.2em;}.bfa-big.bfa-padded{ padding: 0.3em;}.bfa-accent{ --bd-accent: var(--tg-theme-button-color); fill: var(--bd-accent);}.bfa-accent-reverse{ fill: white; background: var(--bd-accent); --bd-accent: var(--tg-theme-button-color);}.bfa-square{ border-radius: 7px;}#ma-emoji .bfa-icon{ width: 1em; height: 1em;}.bd-green{ --bd-accent: var(--bd-accent-green);}.bd-blue{ --bd-accent: var(--bd-accent-blue);}.bd-red{ --bd-accent: var(--bd-accent-red);}.bd-yellow{ --bd-accent: var(--bd-accent-yellow);}.bd-orange{ --bd-accent: var(--bd-accent-orange);}.bd-purple{ --bd-accent: var(--bd-accent-purple);}.bd-grey{ --bd-accent: var(--bd-accent-grey);}.angle-right{ fill: var(--tg-theme-hint-color);}@media screen and (max-width: 365px) { body{ zoom: 0.92; }}@media screen and (max-width: 340px) { body{ zoom: 0.83; }}@media screen and (max-width: 325px) { body{ zoom: 0.79; }}