:root[data-theme=blue]{--soft-orange:#fee4cb;--soft-blue:#e9e7fd;--soft-cyan:#dbf6fd;--soft-pink:#ffd3e2;--soft-green:#c8f7dc;--pale-blue:#d5deff;--primary-color:#03a9f4;--main-heading-color:#666;--alternative-heading-color:var(--main-heading-color);--body-background-color:#f9f9f9;--main-wrapper-background-color:unset;--section-wrapper-background-color:unset;--location-card-hover:var(--primary-color);--card-background-color:#fff;--card-border:1px solid #ddd;--content-heading-color:var(--main-heading-color);--text-color:#555;--page-heading-color:var(--main-heading-color);--tile-hover-color:#b3e5fc;--button-background-gradient:linear-gradient(90deg,#25aae1,#4481eb,#04befe,#3f86ed);--button-box-shadow:0 4px 15px 0 rgba(65,132,234,0.75);--back-button-background-gradient:var(--button-background-gradient);--back-button-box-shadow:var(--button-box-shadow);--accent-box-shadow:0 0 10px 0 #52a9ff inset,0 0 10px 4px #359ce6;--machine-status-text-color:var(--text-color);--company-logo-background-color:var(--soft-blue);--operation-mode-badge-gradient:linear-gradient(180deg,#2eadff,#3d83ff,#7e61ff);--opeartion-mode-badge-background-color:var(--soft-cyan);--operation-mode-badge-heading-color:#32a6ff;--operation-mode-badge-border-color:#dfdfdf;--gift-card-background-color:var(--primary-color);--gift-card-area-background-color:var(--soft-blue);--app-preferences-border:3px solid #fff;--programs-block-color:var(--soft-green);--cart-icon-color:var(--content-heading-color)}:root[data-theme=pink]{--primary-color:deeppink;--secondary-color:#ffd3e2;--main-heading-color:#666;--alternative-heading-color:#666;--body-background-color:#cf6f47;--main-wrapper-background-color:#fffaf5;--section-wrapper-background-color:pink;--location-card-hover:var(--primary-color);--card-background-color:#fff;--card-border:1px solid #ddd;--content-heading-color:var(--main-heading-color);--text-color:#555;--page-heading-color:#fff9f0;--tile-hover-color:var(--secondary-color);--button-background-gradient:linear-gradient(90deg,#fc6076,#ff9a44,#ef9d43,#e75516);--button-box-shadow:0 4px 15px 0 rgba(252,104,110,0.75);--back-button-background-gradient:linear-gradient(90deg,#25aae1,#40e495,#30dd8a,#2bb673);--back-button-box-shadow:0 4px 15px 0 rgba(49,196,190,0.75);--accent-box-shadow:0 0 10px 0 #bede18 inset,0 0 10px 4px #e6dc35;--machine-status-text-color:var(--text-color);--company-logo-background-color:var(--soft-pink);--operation-mode-badge-gradient:linear-gradient(180deg,#2eadff,#3d83ff,#7e61ff);--opeartion-mode-badge-background-color:#29292c;--operation-mode-badge-heading-color:#32a6ff;--operation-mode-badge-border-color:#4e4e50;--gift-card-background-color:#cc199d;--gift-card-area-background-color:lightpink;--app-preferences-border:3px solid #fff;--cart-icon-color:#fff}:root[data-theme=dark]{--primary-color:hsl(25,88%,66%);--main-heading-color:var(--primary-color);--alternative-heading-color:#666;--body-background-color:#2c2726;--location-card-hover:hsl(25deg 100% 50%);--main-wrapper-background-color:unset;--section-wrapper-background-color:unset;--card-background-color:#393332;--card-border:1px solid #655d5d;--content-heading-color:var(--primary-color);--text-color:hsl(0,2%,79%);--page-heading-color:var(--text-color);--button-background-gradient:linear-gradient(90deg,#667eea,#764ba2,#6B8DD6,#8E37D7);--button-box-shadow:0 4px 15px 0 rgba(116,79,168,0.75);--tile-hover-color:#532b71;--machine-status-text-color:#000;--company-logo-background-color:#fee4cb;--operation-mode-badge-gradient:linear-gradient(180deg,#2eadff,#3d83ff,#7e61ff);--opeartion-mode-badge-background-color:#29292c;--operation-mode-badge-heading-color:#32a6ff;--operation-mode-badge-border-color:#4e4e50;--gift-card-background-color:var(--primary-color);--gift-card-area-background-color:dimgrey;--app-preferences-border:3px solid #fff;--programs-block-color:#ccc;--cart-icon-color:#fff}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}*{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}body,html{max-width:100vw;overflow-x:hidden}body,html{height:100%}body{color:var(--foreground);background:var(--background);background:var(--body-background-color);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}.app-wrap{display:grid;grid-template-rows:auto 1fr;min-height:calc(100vh - 1rem);width:100%}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit}h1,h2,h3,h4{margin-bottom:1rem;font-family:Lato,sans-serif}a{text-decoration:none;color:#0070f3}a:hover{text-decoration:underline}button{padding:.5rem 1rem;background-color:#0070f3;color:white;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#005bb5}.hidden{visibility:hidden}a,button{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.operation-mode-badge{position:fixed;width:250px;right:0;transform:translateX(92%);text-align:center;font-size:1rem;padding:1rem 1.2rem;bottom:0;display:flex;flex-direction:column;background:var(--opeartion-mode-badge-background-color);border-radius:1rem;border:2px solid var(--operation-mode-badge-border-color);overflow:hidden;transition:transform .3s linear;z-index:2}.operation-mode-badge h4{font-family:Orbitron,sans-serif;color:var(--operation-mode-badge-heading-color);margin-bottom:.2rem}.operation-mode-badge p{color:#99999d}.operation-mode-badge:after{position:absolute;content:"";width:.25rem;inset:.65rem auto .65rem .5rem;border-radius:.125rem;background:var(--operation-mode-badge-gradient);transition:transform .3s ease;z-index:4}.operation-mode-badge:hover{transform:translateX(0)}.heading{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem}.heading .navigation .button{margin:0}.App .heading .digital-clock-wrap{margin-right:0}.heading .location-logo-wrap{width:260px;padding:.5rem;border-radius:4px;background-color:var(--company-logo-background-color)}.heading .location-logo{max-width:250px}.heading .placeholder{min-width:50px}.heading .machine-information{padding:1rem;background-color:var(--body-background-color);display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr;grid-column-gap:1rem;column-gap:1rem;border-radius:8px}.heading .machine-image{grid-column:1;grid-row:1/4;max-height:95px}.heading .machine-information h3{font-size:1.5rem;font-weight:700;grid-column:2;color:var(--text-color);margin-bottom:0}.heading .machine-information span{grid-column:1;grid-row:1/2;color:#fff;position:relative;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;z-index:1;margin-right:60%}.heading .machine-information span:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--primary-color);z-index:-1}.heading .digital-clock-wrap{margin-bottom:5px;margin-right:20px}.title{font-size:2.2rem;text-shadow:0 2px 4px rgba(0,0,0,.2);font-weight:800}.subtitle,.title{color:var(--page-heading-color);text-align:center;margin-bottom:2rem}.subtitle{margin-top:-1rem;font-size:1.1rem}main.App{height:100%;width:100%;margin:0 auto;max-width:1200px;padding:1rem 2rem 2rem}.app-preferences{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.app-preferences:has(~.machine-groups){max-width:800px;margin:auto auto .5rem}.app-preferences:has(~.payment),.app-preferences:has(~.programs){max-width:1000px;margin:auto auto .5rem}.app-preferences:has(~.locations){max-width:1000px;margin:auto}.main-wrapper{gap:20px;width:100%;background-color:var(--main-wrapper-background-color);padding:20px;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;position:relative}.error-text,.no-locations,.no-machines,.no-programs{color:var(--text-color);grid-column:1/-1;font-size:1.1rem}.title .marked-heading{position:relative;display:inline-block}.title .marked-heading:before{content:"";position:absolute;left:0;right:0;opacity:1;top:80%;bottom:-5%;background:hsl(50deg 99% 58%/60%);transform:skew(-53deg) scale(1) rotate(0deg);z-index:-1;transition:all .275s}.top-right-group{display:flex;align-items:center;gap:2rem}::view-transition-old(root){animation:fade-out 6s ease-in}::view-transition-new(root){animation:fade-in 6s ease-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@view-transition{navigation:auto}::view-transition-group(root){animation-duration:3s}.button{min-width:200px;font-size:16px;font-weight:600;color:#fff;cursor:pointer;margin:20px;padding:1.2rem 2rem;text-align:center;border:none;background-size:300% 100%;border-radius:50px;moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.button-primary{background-image:var(--button-background-gradient);box-shadow:var(--button-box-shadow);width:160px}.button-primary:hover{background-position:100% 0;moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.return-button{background-image:var(--back-button-background-gradient);box-shadow:var(--back-button-box-shadow)}.return-button:hover{background-position:100% 0;moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.button-cancel{background-image:linear-gradient(90deg,#ccc,#808080,#ccc,#808080);box-shadow:0 4px 15px 0 rgb(180 181 183/75%);width:160px}.button-cancel:hover{background-position:100% 0;transition:all .4s ease-in-out}.theme-switcher{display:flex;height:40px;width:auto}.switch-theme-button{display:flex;align-items:center;justify-content:center;border:none;padding:.2rem;height:100%;width:100%;cursor:pointer}.switch-theme-button,.theme-switcher button:active,.theme-switcher button:hover{background-color:var(--company-logo-background-color)}.global-logo{height:100%;width:auto;object-fit:contain}input.theme-variant{display:none}.theme-variant+label{display:inline-block;width:30px;height:30px;margin:10px;border-radius:50%;cursor:pointer;border:var(--app-preferences-border);box-shadow:0 0 4px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2)}#pink+label{background:linear-gradient(90deg,#ff9557 50%,#ffcc67 0)}#blue+label{background:linear-gradient(270deg,#e1f5fe 50%,#03a9f4 0)}#dark+label{background:linear-gradient(270deg,#f59c5c 50%,hsl(9,8%,16%) 0)}.language-switcher{text-align:center;display:flex}input.language-variant{display:none}.language-variant+label{display:flex;margin:10px;padding:2px;border-radius:8px;cursor:pointer;border:var(--app-preferences-border);box-shadow:0 0 4px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2);background-color:var(--primary-color)}.language-switcher img{width:30px}.language-switcher input[type=radio]:checked+label{box-shadow:var(--accent-box-shadow)}.switch-lang-button{padding:0;background-color:transparent;box-shadow:0 .075em .2em .05em rgba(0,0,0,.25);border:.3rem solid #fff;line-height:0;margin-bottom:0}.switch-lang-button:active,.switch-lang-button:hover{text-decoration:none;background-color:transparent}.program-list input[type=radio]:checked+label .program-card{box-shadow:var(--accent-box-shadow);margin:-5px 5px 5px -5px;box-shadow:5px 5px 0 0 hsla(0,0%,70%,.8);background-color:#c8f7dc;color:#fff;border-radius:8px}.program-list input[type=radio]:checked+label .program-card .pay-now-button{display:flex}.topup-items-list input[type=radio]:checked+label .topup-option-card{box-shadow:var(--accent-box-shadow);margin:-5px 5px 5px -5px;box-shadow:5px 5px 0 0 hsla(0,0%,70%,.8);background-color:#c8f7dc;color:#fff;border-radius:8px}.topup-items-list input[type=radio]:checked+label .topup-option-card .topup-option-pay-button{display:flex}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:100;touch-action:none}.modal-content{background:white;padding:20px;border-radius:8px;max-width:500px;width:100%;text-align:center}.modal-content p{font-size:1.2rem}.modal-content h2,.modal-content p{color:var(--alternative-heading-color)}.modal-actions{display:flex;justify-content:space-around}.modal-content .error-message{background-color:#ff5625;color:#fff;padding:.6rem;font-weight:700;margin-top:.5rem;border-radius:8px;box-shadow:0 0 4px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2)}.timeout-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;touch-action:none}.timeout-content{background:white;padding:20px;border-radius:8px;max-width:650px;text-align:center}.blocker{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:-1}.timeout-content h2{color:var(--alternative-heading-color)}.timeout-actions{display:flex;justify-content:space-around}.timeout-content .button-cancel{max-width:none;width:auto}.err-message-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}.err-message-wrap h2{color:var(--main-heading-color)}.applied-loyalties{display:flex;width:100%;display:grid;grid-template-columns:23rem auto 6rem;grid-template-rows:1fr;background-color:var(--gift-card-area-background-color);border-radius:8px;margin-bottom:1rem;padding:.9rem .5rem}.applied-loyalties .loyalty-title{grid-column:1;grid-row:1/4;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:2rem}.payment .applied-cards h3{grid-column:span 2;grid-row:1;font-size:2rem;font-weight:700}.applied-loyalties .gift-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:min-content;align-items:center;justify-content:center;flex-wrap:wrap;padding:1rem;border-radius:8px;background-color:var(--gift-card-area-background-color);grid-gap:1rem;gap:1rem;margin:0 auto}.gift-card{display:grid;grid-template-columns:auto 100px auto;grid-template-rows:3fr 1fr;grid-template-areas:" . content . " "info info info";background:var(--gift-card-background-color);border-radius:10px;width:170px;height:110px;overflow:hidden;box-shadow:0 6px 10px rgba(0,0,0,.25);transition:box-shadow .5s ease,transform .3s ease;position:relative}.gift-card:before{content:"";position:absolute;width:200px;height:150px;transform:rotate(-45deg);left:50%;background-color:hsl(0deg 0% 100%/16%)}.gift-card:hover{transform:scale(1.01) rotate(-1deg);box-shadow:0 6px 10px rgba(0,0,0,.4)}.gift-card-content{grid-area:content;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:2.7rem}.gift-card-info{grid-area:info;background:#ecf0f1;display:flex;align-items:center;justify-content:space-between;padding:.3rem .5rem}.gift-card-title{font-weight:700;color:#666}.gift-card-amount{color:#666}.applied-loyalties .loyalty-price{grid-column:3;grid-row:1/4;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:2rem;color:var(--main-heading-color)}.applied-loyalties h3.loyalty-title{font-weight:700;font-size:2rem;text-align:center;color:var(--main-heading-color)}.cards-shelf{display:flex}.cards-shelf .card-icon{position:relative;display:flex;align-items:center;justify-content:center;width:60px;height:35px;font-weight:700;margin:10px;border-radius:4px;cursor:pointer;border:var(--app-preferences-border);box-shadow:0 0 4px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.2);background-color:var(--primary-color);opacity:0;transform:scale(0)}.cards-shelf .card-icon,.cards-shelf .card-wrap{transition:all .3s ease-in-out}.cards-shelf .card-wrap:hover{transform:scale(1.01) rotate(-2deg)}.card-icon .card-icon-footer{position:absolute;bottom:0;height:20%;width:100%;background-color:#4c4c4c}.cards-shelf .card-icon-close{right:0;top:0;transform:translate(50%,-50%);background-color:var(--primary-color);border:var(--app-preferences-border);height:20px;width:20px;position:absolute;box-sizing:border-box;display:inline-block;border-radius:50%;overflow:hidden}.cards-shelf .card-icon-close:after,.cards-shelf .card-icon-close:before{background-color:#4c4c4c;transform:rotate(-45deg);content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;height:3px;width:100%;transition:all .25s ease-out}.cards-shelf .card-icon-close:before{transform:translate(-50%,-50%) rotate(45deg)}.cards-shelf .card-icon-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.cards-shelf .card-icon-close:hover:after{transform:translate(-50%,-50%) rotate(90deg)}.cards-shelf .card-icon-close:hover:before{transform:translate(-50%,-50%) rotate(0deg)}.animate-in{animation:popIn .5s ease-out forwards}.animate-out{animation:popOut .5s ease-in forwards}@keyframes popIn{0%{transform:scale(0) rotate(-180deg);opacity:0}70%{transform:scale(1.1) rotate(10deg);opacity:.7}to{transform:scale(1) rotate(0deg);opacity:1}}@keyframes popOut{0%{transform:scale(1) rotate(0deg);opacity:1}30%{transform:scale(1.1) rotate(-10deg);opacity:.7}to{transform:scale(0) rotate(180deg);opacity:0}}@keyframes blink-yellow{0%,to{background-color:transparent}50%{background-color:yellow}}.card-blink{animation:blink-yellow 3s infinite;animation-timing-function:steps(1)}.top-up-status-message{padding-top:10px}.scan-hand{min-width:150px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:3px solid var(--primary-color)}.scan-hand svg{width:75px;height:75px}.order-cart{position:relative;display:block;width:70px;height:70px}.order-cart svg{width:100%;height:100%;fill:var(--cart-icon-color)}.order-cart .cart-count{font-size:1.7rem;font-weight:700;position:absolute;right:-10px;top:-10px;width:45px;height:45px;display:flex;justify-content:center;align-items:center;padding:2px 7px;color:#fff;background-color:crimson;border-radius:50%}.error-notification-wrapper{margin-bottom:5rem;position:fixed;top:20px;right:20px;animation:slideIn .5s ease-out forwards}.error-notification{display:grid;grid-template-columns:150px 1fr;width:600px;background-color:#ffcbcc;border:6px solid #fcffff;top:3rem;left:3rem;z-index:20;border-radius:1rem;padding:1rem 1rem 1rem 0}.error-notification-counter{display:flex;align-items:center;justify-content:center;position:relative}.error-notification h2{color:#653031}.error-notification span{color:#653031;font-size:1.2rem;display:block;margin-bottom:.5rem}.error-notification p{color:#ae7c7c}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.slideshow{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;overflow:hidden}.slideshow-container{display:flex;flex-direction:row;height:100%;transition:transform 1s ease-in-out}.slideshow-image{flex:0 0 100%;width:100%;height:100%;display:block}@media only screen and (max-width:769px){main.App{zoom:.7}}@media only screen and (max-width:767px){.navigation{display:contents}.navigation .button-primary{--wid:calc(100vw - 100%);position:fixed;bottom:0;left:50%;transform:translateX(-50%);top:auto;z-index:10}.heading .location-logo{max-width:200px}.heading .machine-image{margin-left:20px}.heading{justify-content:space-between}.main-wrapper .navigation{text-align:center}main.App .program-list .program-card{grid-template-columns:3.4rem auto;grid-template-rows:2.8rem 1fr;overflow:hidden}main.App .program-number{grid-column:1;grid-row:1;font-size:1.5rem}main.App .program-card .program-image{grid-column:1/3;grid-row:3;width:30%;margin:0 auto}main.App .program-card .program-title{grid-column:2;grid-row:1;padding-left:0;font-size:1.2rem;padding-bottom:.4rem;align-self:center}main.App .program-card .program-add-to-cart{grid-column:1/3;grid-row:2;font-size:1.5rem;text-align:center}main.App .program-card .program-description{font-size:1.2rem;grid-column:1/3;grid-row:5;padding:1rem 1rem .5rem;background-color:var(--soft-blue)}main.App .program-card .program-pay-link{grid-column:1/3;grid-row:4}}@media only screen and (max-width:576px){main.App .programs{padding:0}main.App .machine-groups{padding-left:.5rem;padding-right:.5rem}.heading .location-logo-wrap{width:180px}main.App .post-payment-instructions{grid-template-columns:1fr}main.App .post-payment-instructions img{margin:auto}main.App .post-payment-instructions p{font-size:1.3rem}.operation-mode-badge{display:none}}@media only screen and (max-width:480px){.subtitle{margin-bottom:1rem}.App .locations{padding:0}main.App{padding:1rem}.machine-list{justify-content:center}main.App .main-wrapper{padding:10px}main.App .program-list .program-card{grid-template-columns:3.4rem auto;grid-template-rows:auto 1fr}main.App .payment{padding:0}main.App .payment-result .countdown{left:50%;transform:translateX(-50%);width:100%;text-align:center;bottom:1%}}