@import"https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900";#root{width:100%;height:100vh;display:flex;flex-direction:column}.App{flex:1 1 0}.content{flex:1 1 0;overflow-y:scroll;overflow-x:hidden;gap:1rem;padding:1rem}.main-button{font-size:1rem;line-height:2;border-radius:2rem;background-color:var(--vodapay-red);color:var(--color);text-align:center}.main-button.payment{background-color:var(--happy-color)}.main-button.payment:hover{background-color:color-mix(in srgb,var(--happy-color),transparent)}.main-button:hover{background-color:var(--vodapay-red-dark)}.main-button:disabled{background-color:var(--major-contrast-background);color:var(--extreme-contrast-background)}.secondary-button{font-size:1rem;background-color:var(--color);color:var(--background-color);border-radius:2rem}.secondary-button:hover{background-color:color-mix(in srgb,var(--color),var(--background-color) 15%);color:var(--color)}.tertiary-button{font-size:1rem;background:var(--background-color);border:2px white solid;border-radius:2rem}.tertiary-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--color) 25%)}.tile-3d{--x-rotation: 0;--y-rotation: 0;transform-style:preserve-3d;backface-visibility:hidden;transform:rotateX(var(--x-rotation)) rotateY(var(--y-rotation));transition:transform linear 50ms}.tile-3d.back{top:0;right:0;bottom:0;left:0;position:absolute;transform-style:preserve-3d;backface-visibility:hidden;transform:rotateX(180deg) rotateX(var(--x-rotation)) rotateY(var(--y-rotation));transition:transform linear 50ms}.tile-3d:before{content:"";top:0;right:0;bottom:0;left:0;position:absolute;transform-style:preserve-3d;backface-visibility:hidden;transform:rotateX(180deg)}.container{display:flex}.container-v{display:flex;align-items:center;justify-content:flex-start}.container-h{display:flex;align-items:flex-start;justify-content:center}.container-vh,.container-hv{display:flex;align-items:center;justify-content:center}.v-container{display:flex;flex-direction:column}.v-container-v{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.v-container-h{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.v-container-vh,.v-container-hv{display:flex;flex-direction:column;align-items:center;justify-content:center}.category-icons{gap:.5rem}.category-icons h3{margin:0}.category-icons .empty h3{background-color:var(--minor-contrast-background);width:10rem;height:1.5rem;border-radius:.5rem}.category-icons ul{margin:0;padding-inline-start:1rem;gap:.5rem;overflow-x:scroll}.category-icons ul>button{padding:.1rem;display:flex}.category-icons ul>div{padding:.1rem}.category{margin:0;display:flex;width:5rem;flex-direction:column;align-items:center;gap:.3rem}.category .icon{width:3.5rem;aspect-ratio:1;border-radius:1rem;display:flex;justify-content:center;background-color:var(--minor-contrast-background);background-size:cover}.category figcaption{font-weight:400;text-align:center;width:inherit}.category.empty figcaption{background-color:var(--minor-contrast-background);height:1rem;border-radius:.3rem}.advance{justify-content:space-between;background:var(--tiny-contrast-background);border-radius:1rem;padding:1rem}.advance h3,.advance p{margin:0}.advance>section{display:flex;border-radius:1rem;padding:1rem}.advance header{gap:.5rem}.advance header .amount{gap:1rem}.advance .amount p{color:color-mix(in srgb,var(--color),transparent)}.advance .amount h3{font-weight:300}.advance>button{background:var(--minor-contrast-background);border-radius:.5rem}.advance-info{margin-top:1rem;padding:1rem}.advance-info svg{max-height:25vh}.advance-info .heading-content{margin-top:1rem;text-align:center;justify-content:center}.advance-info .list-content{font-size:.781rem;margin-bottom:1.25rem}.slider{box-sizing:border-box;display:flex;flex-direction:column;top:0;right:0;bottom:0;left:0;position:absolute;background:rgba(0,0,0,30%);z-index:2;justify-content:flex-end;overflow:hidden}.slider>div{transition:transform .4s ease-in-out;width:100%;max-height:90%;position:relative;align-items:center;display:flex;flex-direction:column;gap:1rem}.slider>div.animating{transform:translateY(100vh)}.slider>div>.close{opacity:.8;box-sizing:border-box;padding:1rem;position:absolute;z-index:1;width:100%}.slider>div>main{width:100%;overflow:scroll;border-radius:1rem;background:color-mix(in srgb,var(--background-color),rgb(255,255,255) 5%)}.slider>div>.close>button.bar{background:var(--color);border-radius:2rem;width:70%;box-shadow:0 0 5px 1px var(--background-color)}.slider>div>.close>button{padding:.2rem;display:flex}.slider>div>.close>button.icon{background:none;align-self:flex-end;filter:drop-shadow(0 0 1px var(--background-color))}.slider>div>.close>button.icon svg{stroke:var(--color);width:1rem;aspect-ratio:1}.category-card{gap:1rem;background-color:var(--tiny-contrast-background);border-radius:1rem;padding:1rem}.category-card h3{margin:0}.category-card.empty h3{width:11rem;height:1.5rem;background-color:var(--minor-contrast-background);border-radius:.5rem}.category-card ul{display:flex;flex-wrap:wrap;padding-inline-start:0;gap:1rem;margin:0}.category-card ul>button{background:none;display:flex;flex:1 1 40%;max-width:48%;aspect-ratio:3/4;padding:0;border-radius:1rem}.category-card.empty ul>div{display:flex;flex:1 1 40%;max-width:48%;height:25vh;min-height:10rem;border-radius:1rem;background-color:var(--minor-contrast-background)}.category-card ul>button>*{flex:1 1 0;height:100%}.category-card.empty ul>div>*{flex:1 1 0;height:100%}.vendor-card{margin:0;position:relative;border-radius:1rem;background-size:cover;background-position:center}.vendor-img{justify-content:center;display:block;overflow:auto;position:relative;height:auto;min-height:100%;width:auto;min-width:100%;border-radius:1rem}.vendor-img img{position:relative;height:auto;min-height:100%;top:0;left:0;-webkit-mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0) 37.62%);mask-image:linear-gradient(0deg,rgba(0,0,0,0) 0%,rgba(0,0,0) 37.62%)}.vendor-card .logo{max-width:30%;max-height:50%;width:3.25rem;height:3.25rem;position:absolute!important;left:.5rem;top:.5rem;border-radius:.5rem}.vendor-card.empty .logo{width:30%;aspect-ratio:1;background:var(--minor-contrast-background)}.vendor-card .logo img{position:absolute;left:.5rem;top:.5rem;border-radius:.5rem}.vendor-card .extra-info{margin:0;font-size:105%;padding:.2rem .3rem;position:absolute;top:.5rem;right:.5rem;background:var(--color);color:var(--background-color);border-radius:.3rem;box-shadow:0 0 .2rem var(--extreme-inverted-contrast-background)}.vendor-card .vendor-name{position:absolute;text-align:center;bottom:.5rem}.vendor-card.empty .vendor-name{height:1rem;width:60%;border-radius:.3rem;background:var(--minor-contrast-background)}.vendor-name{display:flex;justify-content:center;align-items:center;gap:3px}.carousel{gap:.4rem;position:relative;width:100%}.hidden{display:none}.carousel ul{gap:.4rem;padding-inline-start:0;margin:0}.carousel .wrapper{aspect-ratio:9/4;padding:.5rem;position:relative;border-radius:.5rem;background:var(--tiny-contrast-background) center;background-size:cover}.carousel>.wrapper>.close{display:flex;padding:0;position:absolute;right:.5rem;top:.5rem;stroke:var(--color);filter:drop-shadow(0 0 2px var(--extreme-inverted-contrast-background));background:transparent}.carousel .close svg{width:1rem;aspect-ratio:1}.carousel .logo{position:absolute;border-radius:.5rem;width:4rem;bottom:.5rem;right:.5rem}.radio-button{fill:color-mix(in srgb,var(--color),transparent);border-radius:50%;filter:drop-shadow(0 0 .5rem var(--extreme-inverted-contrast-background));outline:none;width:.5rem;aspect-ratio:1}.radio-button.selected{fill:var(--color)}.carousel-item{flex:1 1 0}.carousel-item header{gap:1rem;filter:drop-shadow(0 0 .25rem var(--extreme-inverted-contrast-background))}.carousel-item p{margin-block:.2rem}.carousel-item header button{align-self:flex-start}.carousel-item h3{margin:0;font-weight:600}.popup-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:10px;box-sizing:border-box}.popup-content{background:linear-gradient(to bottom,#222739,#08081B);border-radius:1.5rem;max-width:370px;text-align:center;box-shadow:0 4px 8px #0003}.popup-image{width:100%;border-radius:10px 10px 0 0;max-height:200px;object-fit:cover}.header-text{font-size:1.27rem;font-weight:500;padding-top:1rem}.description{text-align:center;padding:.875rem .875rem 0;display:flex;flex-direction:column;gap:3px}.popup-description{font-size:.908rem;font-weight:400;color:#c9ccd4}.sub-description{font-size:.908rem;font-weight:700;color:#c9ccd4}.popup-button-block .container{display:flex;flex-direction:column-reverse}.popup-button-block .main-button{line-height:1.8}.popup-button-block .tertiary-button{border:none;background:linear-gradient(to bottom,#0e0a22,#08081B)}.dual-buttons{padding:1rem;justify-content:flex-end;flex:1 1 0}.dual-buttons .wrapper{gap:1rem}.dual-buttons button{font-size:1rem;text-align:center}.dual-buttons .main-button{flex:1 0 fit-content}.dual-buttons .tertiary-button{flex:0 0 fit-content}.hotdeal-panel{display:flex;justify-content:space-between;align-items:center;margin-bottom:-1rem}.picked-for-you-container+ul .v-container{display:flex}.hotdeal-vendorName{font-family:Roboto;color:#a8acb8;font-weight:400;font-size:.894rem}.pay-get{font-size:.813rem}.loading-style{display:flex;justify-content:center;font-family:Roboto;color:#a8acb8;font-weight:400}.vouchers-display h4{margin:0}.vouchers-display ul{padding-inline-start:0;gap:.5rem}.voucher{border-radius:1rem;background:var(--minor-contrast-background)}.voucher .on-click{flex:1 1 0;padding:1rem;border-radius:1rem 0 0 1rem;background:none}.voucher .action-item{padding:1rem}.voucher .action-item .warning{gap:.2rem;color:#eb9700}.voucher .action-item .warning svg{width:1rem;stroke:#eb9700}.voucher .logo{--image-url: unset;border-radius:.5rem;height:3.5rem;aspect-ratio:1;background-position:center;background-size:cover;background-image:var(--image-url)}.voucher h3{font-weight:400}.voucher em{font-style:normal;font-weight:900}.voucher .info{gap:.5rem}.voucher .info *{margin:0}.voucher .info p{border:1px solid var(--color);padding:.3rem .4rem;border-radius:.4rem}.voucher .info .added-value{gap:.5rem}.voucher .info svg{width:1.5rem;aspect-ratio:1;stroke:var(--color)}.voucher.empty .info *{border:none;background:var(--minor-contrast-background);padding:0;border-radius:.3rem}.voucher.empty .info h3{height:1.5rem;width:6rem}.voucher.empty .info p{background:none;height:1rem;width:3rem}.voucher.empty .info svg{display:none}.voucher.empty .action-item>div{width:6rem;height:1.5rem;background:var(--normal-contrast-background);border-radius:.5rem}.voucher header{font-weight:400;gap:1rem}.voucher .v-disable{opacity:.4}.product-voucher{background:var(--minor-contrast-background);border-radius:1rem}.product-voucher .vendor-card{aspect-ratio:7/3;border-bottom-right-radius:0;border-bottom-left-radius:0}.product-voucher header{justify-content:space-between}.product-voucher .details>*,.product-voucher .info>*{margin:0}.product-voucher.empty .info p,.product-voucher.empty .info header h3{height:1.5rem;background:var(--minor-contrast-background);border-radius:.5rem}.product-voucher.empty .info header h3:first-of-type{width:60%}.product-voucher.empty .info header h3:last-of-type{width:25%}.product-voucher header h3{max-width:70%;margin:0}.product-voucher.simplified .info{font-size:110%}.product-voucher .info{gap:1rem;padding:1rem}.product-voucher .info .icons>svg{width:1.5rem;aspect-ratio:1;stroke:var(--color)}.product-voucher .action-item{align-self:flex-end}.product-voucher .info .icons{justify-content:space-between}.product-voucher .action-item .warning{gap:.2rem;color:#eb9700}.product-voucher .action-item .warning svg{width:1rem;stroke:#eb9700}.add-to-cart{gap:.5rem;color:var(--background-color);background:var(--color);stroke:var(--background-color);border-radius:3rem;padding:.5rem}.add-to-cart svg{width:1rem;aspect-ratio:1}.add-to-cart .icon{display:flex;padding:.1rem;border-radius:1rem}.add-to-cart .amount{margin:0}.checkout-button{position:fixed;bottom:4.5rem;left:1rem;right:1rem;z-index:1}.panel{margin-bottom:-1rem}.panel-content{display:flex;justify-content:space-between;align-items:center}.panel-header{font-weight:500;font-size:1.25em}.view-all{display:flex}.brand-header{line-height:0;font-size:1.313rem;font-weight:500;color:#fff}.category-vendors{gap:1rem}.category-vendors>ul{flex:1 1 0;padding-inline-start:0;gap:1rem}.category-vendors>ul h3.empty{gap:.5rem}.category-vendors>ul h3.empty>*{background:var(--minor-contrast-background);height:1.5rem;border-radius:.5rem;margin:0}.category-vendors button{height:45vw;border-radius:1rem;padding:0;align-items:normal}.category-vendors button>*{flex-grow:1}.category-vouchers-header.empty{height:1.5rem;width:40%;border-radius:.5rem;background:var(--minor-contrast-background);margin:0}.category-vouchers ul{display:flex;flex-direction:column;padding-inline-start:0;gap:1rem}.top-back{padding:0;gap:1rem}.top-back>*{margin:0}.top-back svg{stroke:var(--color);width:1.5rem;aspect-ratio:1}.access-container{display:flex;justify-content:space-between;border-radius:.75rem;background:#222739;width:100%;line-height:1;margin-top:1rem}.access-text{padding:.625rem}.access-button{display:flex;align-items:center;padding:.625rem}.sibling-text-header{display:flex;font-family:Roboto;font-weight:500;font-size:1rem}.sibling-text-sub-header{font-family:Roboto;font-weight:400;font-size:.813rem}.vodaPayClub-style{font-family:Roboto;font-weight:900;font-size:.813rem}.button-style{font-family:Roboto;border-radius:1.25rem;border:#6D6F81 1.5px solid;font-size:.813rem;font-weight:500;padding:.375rem .75rem}.vendor-header{text-align:center}.vendor-header .vendor-card{width:100%;aspect-ratio:16/9}.vendor-header>p.empty,.vendor-header>h3.empty{background:var(--minor-contrast-background);border-radius:.5rem}.vendor-header>h3.empty{width:75%;height:2rem}.vendor-header>p.empty{height:1.5rem}.vendor-header>p.empty:first-of-type{width:90%}.vendor-header>p.empty:last-of-type{width:60%}.vendor-header>p.empty{margin-block:.2rem}.advance-date-details{margin-top:1rem;padding:1rem;gap:1rem}.advance-date-details>*{margin:0}.advance-date-details .wrapper{max-height:35vh;overflow-y:scroll}.advance-date-details footer{gap:1rem}.advance-date-details footer>h4{align-self:center}.advance-date-details footer>p{color:color-mix(in srgb,var(--color),transparent)}.advance-date-details footer>*{margin:0}.advance-date-details footer button:disabled{background:var(--minor-contrast-background);color:color-mix(in srgb,var(--color),transparent)}.date-picker{background:var(--tiny-contrast-background);border-radius:1rem;padding:1rem}.date-picker header{font-size:1.25rem}.date-picker .month ul{padding-inline-start:0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.date-picker button{border-radius:3rem;width:2.5rem;aspect-ratio:1;padding:.5rem;text-align:center}.date-picker button:disabled{color:color-mix(in srgb,var(--color),transparent)}.date-picker button.today:disabled{border:1px color-mix(in srgb,var(--color),transparent) solid}.date-picker .today{border:1px var(--color) solid}.date-picker .selected{background:var(--color);color:red}.cart-details .cart-amount{display:flex;align-items:flex-end;justify-content:space-between}.cart-details .cart-amount>*{margin:0}.cart-details .empty svg{max-height:100%;max-width:50%}.cart-details .empty section{align-items:end}.empty-icon-button>*{flex:1 1 0}.empty-icon-button .main-button{align-self:flex-end;padding:.3rem 1.5rem}.cart-value{border-top:1px solid var(--normal-contrast-background);border-bottom:1px solid var(--normal-contrast-background)}.cart-value section{border-top:1px solid var(--normal-contrast-background);border-bottom:1px solid var(--normal-contrast-background);display:flex;justify-content:space-between;align-items:center}.cart-value section header{font-weight:600}.cart-value section.pay{font-weight:600}.cart-value .extra-info{border:2px solid var(--color);padding:0 .2rem;border-radius:.5rem}.cart-value main{display:flex;gap:1rem}.cart-value .premium-extra-info{border:2px solid var(--color);padding:0 .2rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;gap:5px}.color-style{color:#eb9700}.cart-payment{text-align:center;flex:1 1 0}.cart-payment p{color:color-mix(in srgb,var(--color),transparent)}.cart-payment .warning{margin:auto 0 0;gap:.2rem;color:#eb9700;top:-1rem;right:1rem}.cart-payment .warning svg{width:1rem;stroke:#eb9700}.cart-payment:not(:has(.warning)) .main-button{margin-top:auto}.cart-payment .main-button:not(:disabled){background-color:var(--happy-color)}.success-coupon-display{margin:0;padding-inline-start:0;gap:1rem}.coupon{--mask: radial-gradient(1.5rem at 1.5rem 6rem,#0000 98%,#000) -1.5rem;-webkit-mask:var(--mask);mask:var(--mask)}.coupon figure{border-radius:1rem 1rem 0 0;display:flex;margin:0;padding:1rem;justify-content:flex-end;align-items:center;background:var(--minor-contrast-background) center;background-size:cover}.coupon figure:has(svg){background-color:var(--coupon-background);justify-content:space-between;gap:1rem}.coupon figure>img,.coupon figure>div{background:var(--minor-contrast-background) center no-repeat;background-size:cover;height:4rem;aspect-ratio:1;border-radius:1rem}.coupon figure svg{height:4rem}.coupon figure h3{text-wrap:nowrap;margin:0;height:4rem;color:var(--background-color)}.coupon main{padding:1.5rem;background:var(--color);color:var(--background-color);border-radius:0 0 1rem 1rem}@font-face{font-family:Vodafone;src:url(/assets/Vodafone_XBd_W.v0.0.1-sx0h5w.woff2)}.coupon main h3{font-family:Vodafone,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#ff7f00;font-weight:900}.coupon main .extra-info{color:color-mix(in srgb,var(--background-color),transparent 45%)}.coupon main .extra-info svg{stroke:color-mix(in srgb,var(--background-color),transparent 45%)}.coupon main svg{width:1rem;aspect-ratio:1;stroke:var(--background-color)}.coupon.back{background:linear-gradient(0deg,var(--color) 1rem,black 1rem 3rem,var(--color) 3rem);border-radius:1rem}.stub-bottom{justify-content:space-between}.stub-bottom>*{flex:1 1 0}.stub-bottom>div{gap:.5rem}.stub-bottom *{margin:0}.stub-bottom.empty h3,.stub-bottom.empty p{background:var(--inverted-contrast-background);height:1rem;width:5rem;border-radius:.3rem}.stub-bottom.empty>*{flex:none}.loading{box-sizing:border-box;height:100%;width:100%;left:50%;transform:translate(-50%);position:absolute;background:rgba(0,0,0,50%);z-index:1;bottom:0;padding:1rem 1rem 0;--size: .5rem;--radius: 2rem}.loading header{animation:pulse 3s infinite linear}@keyframes pulse{0%{opacity:1}50%{opacity:.5}}.loading .spinner{position:relative;width:8rem}.loading .spinner .circle:after{content:"";position:absolute;top:calc(var(--size) / 2);left:calc(var(--size) / 2);width:var(--size);aspect-ratio:1;border-radius:50%;background-color:var(--color);transform:translateY(var(--radius))}.loading .spinner .circle{opacity:0;animation:fade-spin 2.6s ease-in-out infinite;animation-delay:.5s}.loading .spinner .circle:nth-child(1){animation-delay:.12s}.loading .spinner .circle:nth-child(2){animation-delay:.24s}.loading .spinner .circle:nth-child(3){animation-delay:.36s}.loading .spinner .circle:nth-child(4){animation-delay:.48s}.loading .spinner .circle:nth-child(5){animation-delay:.6s}.loading .spinner .circle:nth-child(6){animation-delay:.72s}.loading .spinner .circle:nth-child(7){animation-delay:.84s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-spin{25%{opacity:0;transform:rotate(0)}50%{opacity:1}75%{opacity:1}90%{opacity:0}to{transform:rotate(360deg)}}.input-with-validation.warning>.input-with-placeholder:after{content:"";height:2px;margin-top:-1px;margin-inline:1.5rem;border-radius:1px;background:#EB9700}.input-with-validation>p{gap:1rem;margin:1rem}.input-with-validation>p>svg{width:1.25rem;fill:#eb9700}.input-with-placeholder{position:relative}.input-with-placeholder>input{border:none;padding:1.5rem;padding-inline-start:1rem;border-radius:1rem;font-size:105%;background:var(--inverted-contrast-background)}.input-with-placeholder>input:valid,.input-with-placeholder>input:focus{padding-top:2rem;padding-bottom:1rem}.input-with-placeholder>input:valid+label,.input-with-placeholder>input:focus+label{font-size:80%;align-items:flex-start}.input-with-placeholder>label{padding:.5rem;padding-inline-start:1rem;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--major-contrast-background)}.expandable-bottom{gap:.5rem}.expandable-bottom header{justify-content:space-between;gap:.2rem}.expandable-bottom header *{margin:0}.expandable-bottom header>*{max-width:34%}.expandable-bottom header>button{text-align:right}.expandable-bottom .status{gap:.2rem}.expandable-bottom .status .redemption{border:var(--background-color) 1px solid;padding:.3rem .4rem;font-weight:500;line-height:1;border-radius:.3rem}.expandable-bottom .status .advance{gap:.2rem;padding:0}.expandable-bottom .status .advance:before{display:inline-block;content:"";height:.5rem;aspect-ratio:1;border-radius:50%;background-color:#ff7f00}.expandable-bottom button{padding:.2rem .3rem;gap:.2rem}.expandable-bottom .expanded svg{transform:scaleY(-1)}.expandable-bottom .action-item{padding-top:.5rem;border-top:color-mix(in srgb,var(--background-color),transparent 75%) 2px solid;justify-content:space-between}.expandable-bottom .action-item>button{border:var(--background-color) 1px solid;border-radius:.3rem}.expandable-bottom .extra-info p{margin:0}.my-vouchers-header ul button{padding:.3rem .4rem;border:var(--color) 1px solid;border-radius:.4rem;white-space:nowrap;font-weight:400}.my-vouchers-header ul{overflow-x:scroll}.my-vouchers-header ul button.selected{background:var(--color);color:var(--background-color)}.top-container{display:flex;flex-direction:column}.image-container{display:flex;justify-content:center;align-items:center;padding-top:2rem}.title{font-family:Vodafone,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:.313rem;font-size:1.625rem;text-align:center}.sub-title{color:#a8acb8;text-align:center;font-size:.938rem;margin:.188rem;font-weight:400}.manage-button-style{display:flex;justify-content:center;align-items:center;white-space:normal;font-weight:500;border-radius:2rem;font-size:1rem;text-align:center;padding:.313rem 0;margin-bottom:1rem}.top-container{display:flex;flex-direction:column;height:100%}.image-container{display:flex;justify-content:center;align-items:center;padding-top:1rem}.title{font-family:Vodafone,Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;margin:.313rem;font-size:1.625rem;text-align:center;padding:1rem 0}.join-club-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.join-club-child-container{display:flex;flex-direction:column;gap:1.5rem;background-color:var(--minor-contrast-background);padding:1rem 0;border-radius:1rem;align-items:center;width:100%}.join-club-sub-child-container{padding:1rem;display:flex;flex-direction:column;gap:1rem}.icon{display:flex;align-items:center;gap:1.5rem}.percent-icon{display:flex;align-items:center;gap:1.5rem;margin-right:25px}.text{display:flex;flex-direction:column;justify-content:center}.subtext-header{font-weight:500;font-size:1rem;color:#f2f4f7}.subtext{font-size:.938rem;font-weight:400;line-height:1.406rem;color:#c9ccd4}.autoRenewText{font-family:Roboto;text-align:center;font-weight:400;font-size:.813rem;padding:2rem 0 1rem}.joinClub-button{font-size:1rem;line-height:2;border-radius:2rem;background-color:var(--vodapay-red);color:var(--color);text-align:center;width:100%}.hotDeal-header-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:.625rem}.hotDeal-header{font-family:Roboto;color:#f2f4f7;font-weight:500;font-size:1.317rem}.bottom-nav{padding-bottom:.75rem;display:flex;align-items:flex-end;background:linear-gradient(0deg,var(--normal-contrast-background) 0%,transparent 100%)}.bottom-nav>div{flex:1 1 0;height:100%}.bottom-nav>div>button{height:100%;align-items:flex-end;border-radius:1rem;padding-inline:0}.nav-item{color:color-mix(in srgb,var(--color),transparent)}.nav-item p{margin:0}.nav-item .route{font-weight:400}@keyframes kf-color-mix{0%{stroke:var(--color)}to{stroke:var(--background-color)}}.nav-item svg{animation:kf-color-mix 1s linear forwards paused;animation-delay:-.5s;stroke:color-mix(in srgb,var(--color),var(--background-color));fill:none;width:1.5rem}.nav-item.selected .line{animation:kf-color-mix 1s linear forwards paused;animation-delay:-.5s;stroke:color-mix(in srgb,var(--color),var(--background-color))}.nav-item.selected>*{color:var(--color);fill:var(--color);stroke:var(--color);animation:none}.nav-item p.amount{background:var(--color);color:var(--background-color);border-radius:.1rem;padding:.1rem .2rem}.maintenance-man{margin-top:auto;margin-inline:1rem;padding:0 15vw;background:var(--tiny-contrast-background);border-radius:2rem 2rem 0 0}.maintenance-message{text-align:center;padding:1rem;gap:1rem;margin-bottom:auto;margin-inline:1rem;background:var(--tiny-contrast-background);border-radius:0 0 2rem 2rem}.maintenance-message>*{margin:0}.maintenance-message p{color:#ffffffbf}.success-header{transition:margin-top 1.2s cubic-bezier(.13,1,.64,1);padding:1rem;text-align:center;background:radial-gradient(ellipse 70% 70% at bottom,transparent 80%,var(--tiny-contrast-background) 100%,transparent),radial-gradient(ellipse 70% 70% at bottom,var(--minor-contrast-background) 100%,transparent)}.success-header svg{width:5rem}.success-header.animating{margin-top:70vh}.success-body{background:var(--minor-contrast-background);padding:1rem;flex:1 1 0;justify-content:space-between;gap:1rem}.success-continue{text-align:center}.success-continue button{padding:1rem}.success-rocket{flex:1 1 0;text-align:center;overflow:hidden}.success-rocket svg{height:25vh}@keyframes success-rocket{0%{top:100%}to{top:-50%}}@keyframes failure-rocket{0%{top:100%;left:-25%}50%{top:55%}to{top:100%;left:125%;transform:rotate(560deg)}}.success-rocket .wrapper{animation:success-rocket 1.5s;position:absolute;top:-50%}.success-rocket .wrapper.bad{animation:failure-rocket 1.5s}.success-rocket .wrapper.animating{top:150%}.manage-payment-details{padding:1rem}.manage-payment-details h3{align-self:center;text-align:center}.manage-payment-details .advance-details{border-bottom:var(--minor-contrast-background) 1px solid}.manage-payment-details .advance-details h4{font-size:medium;font-weight:500}.manage-payment-details .total{border-top:var(--minor-contrast-background) 1px solid}.manage-payment-details+.dual-buttons .main-button{background-color:var(--happy-color)}.key-value-list{padding-inline-start:0;margin:0;padding-block:1rem;gap:1rem}.key-value-list li{justify-content:space-between}.key-value-list h5{margin:0;color:color-mix(in srgb,var(--color),transparent);font-weight:400}.key-value-list p{margin:0}.pay-advance-inputs{text-align:center;padding:1rem}.pay-advance-inputs .extra-info{color:color-mix(in srgb,var(--color),transparent)}.pay-advance-inputs .max{margin-top:2rem;padding-inline:1rem;justify-content:space-between}.money-input{gap:.5rem}.money-input .wrapper{position:relative}.money-input .warning input{color:color-mix(in srgb,var(--color),transparent)}.money-input input{border:none;padding:1rem;padding-inline-start:1.5rem;border-radius:.4rem;font-size:200%;background:var(--minor-contrast-background)}.money-input .wrapper:after{position:absolute;bottom:0;left:50%;transform:translate(-50%);content:"";height:2px;background:var(--minor-contrast-background);width:90%}.money-input h3{position:absolute;left:.5rem;top:50%;transform:translateY(-40%);margin:0}.money-input .info{gap:.3rem;margin-left:1rem}.money-input .info p{margin:0}.money-input .info-icon path{stroke:#00b0ca}.money-input .info-icon ellipse,.money-input .info-icon rect{fill:var(--color)}.money-input .warning .info-icon path{stroke:#eb9700}.money-input .info svg{width:1rem;aspect-ratio:1}.toggle-button{height:1.8rem;aspect-ratio:1.7;position:relative}.toggle-button input{display:none}.toggle-button .round-slider{height:100%;aspect-ratio:1.7;background:var(--major-contrast-background);position:absolute;transition:.4s;border-radius:2rem}.toggle-button .round-slider:before{position:absolute;border-radius:50%;left:5%;top:5.8%;background:var(--color);content:"";height:90%;aspect-ratio:1;transition:.4s}.toggle-button>input:checked+.round-slider{background:#00B0CA}.toggle-button>input:checked+.round-slider:before{transform:translate(75%)}.pay-advance-details{justify-content:space-between;padding:1rem;flex:1 1 0}.pay-advance-details ul{padding:0 1rem}.pay-advance-details .main-button{background-color:var(--happy-color)}.payment-summary-header{padding:1rem}.payment-summary-header h3{align-self:center}.payment-summary-header .wrapper,.payment-summary-breakdown{padding:1rem}.payment-summary-breakdown h4{align-self:center}.payment-summary-breakdown .wrapper{border-radius:.5rem;padding:1rem;background:var(--minor-contrast-background)}.payment-summary-breakdown .total{position:relative;font-size:110%}.payment-summary-breakdown .total .key-value-list{padding:0}.payment-summary-breakdown .total h5{color:var(--color)}.payment-summary-breakdown+.dual-buttons .main-button{background-color:var(--happy-color)}.snack-bar{z-index:2;padding:1rem .5rem;background:var(--color);color:var(--background-color);position:absolute;bottom:5%;width:90%;left:50%;transform:translate(-50%);transition:1s ease-in-out;gap:.5rem;border-radius:1rem}.snack-bar>*{margin:0}.snack-bar svg{stroke:#e60000;height:1.5rem;aspect-ratio:1}.snack-bar.animating{bottom:-50%}.snack-bar button{padding:.25rem}.snack-bar button svg{height:1rem;stroke:var(--background-color)}.cross-sell{padding:1rem;margin-bottom:4rem;overflow-y:scroll;flex:1 1 0}.cross-sell .dual-buttons{background-color:var(--background-color);position:fixed;bottom:0;left:0;right:0}.share-coupon{flex:1 1 0;justify-content:center;gap:1rem;padding:1rem;margin-bottom:4rem}.share-coupon .dual-buttons svg{width:1rem;aspect-ratio:1;stroke:var(--color)}.share-coupon>section:first-of-type{background:var(--tiny-contrast-background);padding:1rem;gap:1rem;border-radius:1rem}.share-coupon h3{margin:0}.share-coupon .dual-buttons{background-color:var(--background-color);position:fixed;bottom:0;right:0;left:0}.share-coupon .dual-buttons .main-button>*{gap:.5rem}.share-coupon textarea{background:var(--tiny-contrast-background);padding:1rem;border-top:none;border-left:none;border-right:none;border-radius:1rem}.share-coupon *:disabled{background:var(--normal-contrast-background);color:color-mix(in srgb,var(--color),transparent)}.share-coupon *:disabled svg{stroke:color-mix(in srgb,var(--color),transparent)}.share-coupon .textarea-wrapper{position:relative}.share-coupon .textarea-wrapper p{margin:0;position:absolute;right:5%;bottom:5%;transform:translateY(-50%);color:color-mix(in srgb,var(--color),transparent)}.expanded-bottom{gap:.5rem}.expanded-bottom header *{margin:0}.expanded-bottom footer *{margin:0;text-align:center}.coupon-code{text-align:center;border-top:color-mix(in srgb,var(--background-color),transparent 75%) 2px solid;border-bottom:color-mix(in srgb,var(--background-color),transparent 75%) 2px solid;gap:.5rem;padding-block:.5rem}.coupon-code *{margin:0}.coupon-code ul p{font-size:1rem}.coupon-code ul{font-weight:700;padding-inline-start:0;flex-wrap:wrap;gap:.2rem}.fallen-rocket-container{align-items:center;height:93vh;padding:1rem;position:relative}.fallen-rocket-icon{display:flex;justify-content:center;align-items:center;height:38vh}.fallen-rocket-icon svg{max-height:28vh;align-self:flex-end}.fallen-rocket-container .text-container{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.fallen-rocket-container .text{font-size:1.625rem;font-weight:500;margin-block-end:.5rem}.fallen-rocket-container .sub-text{padding:0 3rem;font-size:.938rem;text-align:center;color:#a8acb8;margin-top:1rem}.fallen-rocket-container .button-container{position:absolute;right:0;bottom:0;left:0;padding:0 1rem}.fallen-rocket-container .main-button{width:100%}.subscription-summary .voucher-details{font-family:Roboto;font-weight:500;line-height:21px;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#d8dbe0}.summary-heading{text-align:center;color:#f2f4f7;font-weight:500;font-size:1.313rem;padding-top:.625rem}.select-payment-method{color:#c9ccd4;font-size:1rem}.dual-buttons-container{background-color:var(--background-color);position:fixed;bottom:0;left:0;right:0}.subscription-summary{padding:1rem}.subscription-summary h3{align-self:center;text-align:center}.dual-buttons-container .dual-buttons .main-button{background-color:var(--happy-color)}.key-value-list{margin:0 20px}.voucher-details .key-value-list li h5{font-size:.83em;font-weight:500}.airtime{background-color:var(--minor-contrast-background);display:flex;align-items:center;padding:1rem;border-radius:8px;justify-content:space-between}.icon-details-container{display:flex;align-items:center;gap:1rem}.airtime-icon{height:1.4rem}.airtime-details{color:#f2f4f7;font-family:Roboto;font-weight:400;line-height:1.8rem;text-align:left}.airtime-balance{font-size:.8rem;font-weight:400;line-height:1rem;text-align:left;text-underline-position:from-font;text-decoration-skip-ink:none;color:#a8acb8}.dividing-line{min-height:1px;width:90%;background-color:#a8acb8;margin:auto}.cost-details-heading{font-size:1rem;font-weight:500;text-align:center;text-underline-position:from-font;text-decoration-skip-ink:none;color:#c9ccd4;padding-top:.5rem}.cost-details-container{display:flex;background-color:var(--minor-contrast-background);justify-content:space-between;padding:1rem;border-radius:8px}.cost-details-text{color:#f2f4f7;font-weight:400}.cost-details-balance{font-size:1rem;font-weight:400;line-height:1.4rem;text-align:right;text-underline-position:from-font;text-decoration-skip-ink:none;color:#d8dbe0}.footer-condition{display:flex;flex-direction:column;align-items:center;margin-top:2rem;font-family:Roboto;font-size:.8rem;font-weight:400;line-height:.3rem;text-align:center;color:#a8acb8}.sub-text{padding:0 1rem;font-size:.688rem;text-align:center;color:#fff;margin-top:1rem}.advance-disclaimer{text-align:center;margin-inline:2rem}.advance-disclaimer p{color:color-mix(in srgb,var(--color),transparent)}.voucher-info{flex:1 1 0;margin:1rem;gap:2rem}.voucher-info>h1{text-align:center;font-size:1.5rem}.voucher-info>.contact-notice{font-size:1rem;font-weight:400;text-align:center;color:#d8dbe0}.voucher-info>main{padding:1rem;border-radius:1rem;background-color:var(--minor-contrast-background)}.voucher-info>main>.key-value-list:first-of-type{padding-bottom:0}.voucher-info>main>.key-value-list:first-of-type p{font-weight:bolder;letter-spacing:.05rem;display:flex;gap:1rem;align-items:center}.voucher-info>main>.key-value-list:first-of-type p>button{padding:0}.voucher-info>main>.key-value-list:first-of-type p>button>svg{width:1.5em;stroke:var(--color)}.voucher-info>main>.key-value-list:first-of-type:after{content:"";height:1px;background-color:var(--major-contrast-background);border-radius:1px}.voucher-info>main>.key-value-list:last-of-type button{border:2px solid var(--color);border-radius:1em;padding:.5rem 1rem;font-weight:400}.voucher-info>.main-button,.voucher-info>.dual-buttons{margin-top:auto}.popup{padding:1rem;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0000004d}.popup>article{padding:1rem;border-radius:1rem;text-align:center;background:color-mix(in srgb,var(--background-color),rgb(255,255,255) 10%);gap:1rem}.popup>article>*{margin:0}.popup>article>button{align-self:flex-end}.popup>article>button>svg{width:1rem;stroke:var(--color)}.popup>article .tertiary-button{background:none}.bag-icon{display:flex;justify-content:center;padding-top:8%}.bag-icon svg{max-height:27vh}.text-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.subText-container{color:#c9ccd4;text-align:center;font-size:.875rem}.dual-buttons-content{background-color:var(--background-color);position:fixed;bottom:0;left:0;right:0}.dual-buttons-content .container{display:flex;flex-direction:column-reverse}.dual-buttons-content .tertiary-button{line-height:2}.voucherCancel-container{position:relative;padding:1rem;height:93vh}.voucherCancel-Icon{display:flex;justify-content:center;padding-top:15%}.voucherCancel-Icon svg{max-height:27vh}.text-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.text{font-size:1.625rem;font-weight:500}.subText{font-family:Roboto;font-size:.875rem;color:#c9ccd4;margin-top:1rem;text-align:center;font-weight:400}.expiryDate-style{font-family:Roboto;font-size:.875rem;font-weight:700}.button-container{position:absolute;right:0;bottom:0;left:0;padding:0 1rem}.back-button{font-size:1rem;line-height:2;border-radius:2rem;background-color:var(--vodapay-red);color:var(--color);text-align:center;width:100%}.invalidHotDealPage-header-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:.625rem;margin-top:2rem}.invalidHotDealPage-header{font-family:Roboto;color:#f2f4f7;font-weight:500;font-size:1.56rem}.invalidHotDealPage-sub-header-container{display:flex;flex-direction:column;align-items:center;padding:.625rem 0 1rem}.invalidHotDealPage-sub-header{font-family:Roboto;color:#c9ccd4;font-weight:400;font-size:.84rem}.voucher-list{display:flex;flex-direction:column;gap:1rem}.checkout-container{position:fixed;right:0;bottom:0;left:0;padding:1rem}:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;color-scheme:dark;--color: white;--vodapay-red: #E60000;--vodapay-red-dark: #C50011;--happy-color: #108846;color:var(--color);--background-color: #08081B;background:var(--background-color);--coupon-background: #F2F4F7;--contrast-luminance: 255;--tiny-contrast-background: rgba(var(--contrast-luminance), var(--contrast-luminance), var(--contrast-luminance), 5%);--minor-contrast-background: rgba(var(--contrast-luminance), var(--contrast-luminance), var(--contrast-luminance), 10%);--normal-contrast-background: rgba(var(--contrast-luminance), var(--contrast-luminance), var(--contrast-luminance), 15%);--major-contrast-background: rgba(var(--contrast-luminance), var(--contrast-luminance), var(--contrast-luminance), 20%);--extreme-contrast-background: rgba(var(--contrast-luminance), var(--contrast-luminance), var(--contrast-luminance), 33%);--inverted-contrast-background: rgba( max(calc(var(--contrast-luminance) - 255), calc(-1 * calc(var(--contrast-luminance) - 255))), max(calc(var(--contrast-luminance) - 255), calc(-1 * calc(var(--contrast-luminance) - 255))), max(calc(var(--contrast-luminance) - 255), calc(-1 * calc(var(--contrast-luminance) - 255))), 15%);--extreme-inverted-contrast-background: rgba( max(calc(var(--contrast-luminance) - 255), calc(-1 * calc(var(--contrast-luminance) - 255))), max(calc(var(--contrast-luminance) - 255), calc(-1 * calc(var(--contrast-luminance) - 255))), max(calc(var(--contrast-luminance) - 255), calc(-1 * calc(var(--contrast-luminance) - 255))), 90%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}*::-webkit-scrollbar{display:none}input,textarea{font-family:inherit;color:var(--color);resize:none}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--color),transparent)}p{font-size:.83em}p.smaller{font-size:.7em;font-weight:300}a{font-weight:500;color:var(--color);text-decoration:underline}a:hover,a:visited{color:color-mix(in srgb,var(--color),transparent 10%)}body{margin:0;display:flex;place-items:center}h1{font-size:3.2em;line-height:1.1}h3{font-weight:500;font-size:1.25em}h4{font-weight:700;font-size:smaller}button{border:none;color:inherit;background:inherit;text-align:inherit;padding:.6em 1.2em;font-weight:500;font-family:inherit}button:focus,button:focus-visible{outline:none}.skeleton-loader{animation:shimmer 2s infinite!important;background-image:linear-gradient(120deg,transparent,transparent,var(--minor-contrast-background),transparent,transparent)!important;background-size:200% 100%!important}@keyframes shimmer{0%{background-position:200% 0}to{background-position:0 0}}