.access-page{padding:16px 12px;text-align:center}.access-page h2{font-size:17px;margin:12px 0}.access-page .access-status-message{color:#666;min-height:20px}.access-page .access-lanes-heading{font-size:17px;font-weight:bold;margin:12px 0 4px}.access-page .access-lanes-car-park{margin-bottom:8px}.access-page .access-lanes-tiles{margin:auto 0}.access-page .access-lanes-prompt{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 2px;font-size:17px;font-weight:bold;color:#00729e;color:color-mix(in srgb,var(--brand-primary,#00a1dd) 70%,#000)}.access-page .access-lanes-prompt svg{width:22px;height:22px;flex:0 0 auto}.access-page .access-lane-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:480px;margin:0 auto;padding:8px 0}.access-page .access-lane-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:calc(50% - 6px);min-height:150px;margin:0;padding:10px;box-sizing:border-box;background:#fff;border:2px solid var(--brand-primary,#00a1dd);border-radius:12px;color:#1a1a1a;font:inherit;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.access-page .access-lane-button:active{background:#f1f1f1}.access-page .access-lane-button:focus-visible{outline:3px solid #00729e;outline:3px solid color-mix(in srgb,var(--brand-primary,#00a1dd) 70%,#000);outline-offset:2px}.access-page .access-lane-type{display:block;margin-bottom:6px;font-size:13px;color:#00729e;color:color-mix(in srgb,var(--brand-primary,#00a1dd) 70%,#000)}.access-page .access-lane-short-name{display:block;max-width:100%;font-size:48px;font-weight:bold;line-height:1;overflow-wrap:break-word}.access-page .access-lane-name{display:block;margin-top:8px;font-size:17px;line-height:1.2;color:#333;overflow-wrap:anywhere}.access-page .access-lane-name.access-lane-name-main{margin-top:0;font-size:26px;font-weight:bold;color:#1a1a1a}.access-page .access-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.access-page .access-opened{background:#2e7d0f;color:#fff;padding:24px 12px;margin:-16px -12px;min-height:calc(100vh - 140px);box-sizing:border-box}.access-page .access-opened .access-user-name{font-size:22px;font-weight:bold}.access-page .access-opened .access-car-park-name{font-size:18px;margin:8px 0 16px 0}.access-page .access-opened .access-proceed{font-size:20px}.access-page .access-opened .access-reserved-bay{font-size:28px;font-weight:bold;margin-top:8px}.access-page .access-summary-note{font-size:smaller;font-style:italic;color:#666}.access-page .access-not-login .access-guide{text-align:center;padding-bottom:60px}.access-page .access-not-login .access-guide-img{height:300px;max-height:45vh;margin-bottom:20px}.access-page .access-not-login .access-guide-text{margin:5px 10px 20px 10px}.access-page .access-not-login .access-guide-footer{position:fixed;bottom:60px;width:100%;max-width:1024px;left:50%;transform:translateX(-50%);box-sizing:border-box;background:#fff;z-index:1010}.access-page .access-not-login .access-guide-learn-more{margin-top:20px;margin-bottom:15px;font-size:.8em}.access-page .access-art{height:200px;max-height:32vh;margin:8px auto 16px;flex:0 0 auto}.access-page .access-summary-panel{margin:-16px -12px 0;padding:18px 16px 74px;background:#e6f6fc;background:color-mix(in srgb,var(--brand-primary,#00a1dd) 10%,#fff)}.access-page .access-summary-car-park{font-size:16px;font-weight:bold;color:#00597d;color:color-mix(in srgb,var(--brand-primary,#00a1dd) 55%,#000)}.access-page .access-summary-panel .access-art{height:140px;max-height:22vh;margin:10px auto 0}.access-page .access-summary-panel .access-summary-title{margin:8px 0 0;font-size:17px;color:#00597d;color:color-mix(in srgb,var(--brand-primary,#00a1dd) 55%,#000)}.access-page .access-art svg .access-done-tick{stroke:#fff}.access-page .access-summary-out .access-summary-thanks{margin:0 0 16px;font-size:16px;color:#333}.access-page .access-summary-cost-card{position:relative;margin-top:-60px;padding:24px 8px;border-radius:12px;background:#0079a8;background:color-mix(in srgb,var(--brand-primary,#00a1dd) 75%,#000);color:#fff}.access-page .access-summary-cost-card .access-summary-cost-label{margin:0;font-size:15px;font-weight:normal;letter-spacing:.5px;text-transform:uppercase}.access-page .access-summary-cost-card .access-cost,.access-page .access-summary-cost-card .access-total-cost{margin:6px 0;font-size:min(80px,20vw);font-weight:bold;line-height:1.05;overflow-wrap:anywhere}.access-page .access-summary-cost-card .access-summary-note{margin:0;color:#fff;font-size:13px}.access-page .access-summary-cards{display:flex;gap:12px;padding:12px 0 16px}.access-page .access-summary-card{flex:1;min-width:0;padding:18px 8px;background:#fff;border:1px solid #e3e3e3;border-radius:12px}.access-page .access-view-rates-row{padding:4px 0 16px}.access-page .access-view-rates-row .access-view-rates{min-width:160px;min-height:48px;padding:0 28px;border:2px solid var(--brand-primary,#00a1dd);border-radius:24px;background:#fff;color:#0079a8;color:color-mix(in srgb,var(--brand-primary,#00a1dd) 75%,#000);font-size:17px;font-weight:bold}.access-page .access-summary-card-label{font-size:14px;color:#666}.access-page .access-summary-card-value{font-size:26px;font-weight:bold;color:#1a1a1a}.access-page .access-summary-card-detail{font-size:14px;color:#555}@media(max-height:739px){.access-page .access-summary-cost-card{padding:16px 8px}.access-page .access-summary-cost-card .access-cost,.access-page .access-summary-cost-card .access-total-cost{margin:2px 0;font-size:min(64px,18vw)}.access-page .access-summary-cards{padding:10px 0}.access-page .access-summary-card{padding:12px 8px}.access-page .access-summary-card-value{font-size:22px}.access-page .access-view-rates-row{padding:0 0 10px}.access-page .access-view-rates-row .access-view-rates{min-height:44px}.access-page .access-summary-out .access-summary-thanks{margin:0 0 10px}}@media(max-height:659px){.access-page .access-summary-cost-card{padding:12px 8px}.access-page .access-summary-cost-card .access-summary-cost-label{font-size:13px}.access-page .access-summary-cost-card .access-cost,.access-page .access-summary-cost-card .access-total-cost{font-size:min(52px,15vw)}.access-page .access-summary-cost-card .access-summary-note{font-size:12px}.access-page .access-summary-cards{padding:8px 0}.access-page .access-summary-card{padding:8px}.access-page .access-summary-card-label,.access-page .access-summary-card-detail{font-size:13px}.access-page .access-summary-card-value{font-size:20px}.access-page .access-view-rates-row{padding:0 0 8px}.access-page .access-view-rates-row .access-view-rates{min-height:40px}.access-page .access-summary-out .access-summary-thanks{margin:0 0 8px}}@media(max-height:599px){.access-page .access-summary-cost-card{padding:8px}.access-page .access-summary-cost-card .access-summary-cost-label{font-size:12px}.access-page .access-summary-cost-card .access-cost,.access-page .access-summary-cost-card .access-total-cost{margin:0;font-size:min(44px,13vw)}.access-page .access-summary-cost-card .access-summary-note{font-size:11px}.access-page .access-summary-cards{padding:6px 0}.access-page .access-summary-card{padding:6px 8px}.access-page .access-summary-card-label,.access-page .access-summary-card-detail{font-size:12px}.access-page .access-summary-card-value{font-size:18px}.access-page .access-view-rates-row{padding:0 0 4px}.access-page .access-view-rates-row .access-view-rates{min-height:36px}.access-page .access-summary-out .access-summary-thanks{margin:0 0 4px}}.access-page .access-scanning:not(.display-none),.access-page .access-move-closer:not(.display-none),.access-page .access-lanes:not(.display-none),.access-page .access-opening:not(.display-none),.access-page .access-no-spaces:not(.display-none),.access-page .access-bluetooth-off:not(.display-none),.access-page .access-no-data:not(.display-none){display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 172px)}.access-page .access-scanning .access-art{margin:auto}.access-page .access-no-card{padding:10px 10px 0;text-align:center}.access-page .access-no-card .access-no-card-message{margin-top:20px}.access-page .access-no-card .access-no-card-title{color:var(--brand-primary)}.access-page .access-no-card .access-no-card-note{margin-top:10px;font-size:small}.access-page .access-scanning .access-status-message{margin-bottom:0}.access-page .access-move-closer-heading{font-size:17px;font-weight:bold;margin:12px 0 4px}.access-page .access-move-closer .access-art{margin:auto auto 16px}.access-page .access-move-closer p{margin-bottom:auto}.access-page .access-art svg .access-ring{fill:none;stroke:var(--brand-primary,#00a1dd)}.access-page .access-art svg .access-ring-1{stroke-opacity:.35;animation:access-pulse-1 2.4s linear infinite}.access-page .access-art svg .access-ring-2{stroke-opacity:.6;animation:access-pulse-2 2.4s linear infinite}.access-page .access-art svg .access-ring-3{stroke-opacity:1;animation:access-pulse-3 2.4s linear infinite}.access-page .access-art svg .access-arc{fill:none;stroke:#3cb916;stroke-linecap:round;stroke-dasharray:597;stroke-dashoffset:597;transform:rotate(-90deg);transform-origin:50% 50%;animation:access-sweep 10s linear infinite}.access-page .access-opened .access-art svg .access-proceed-disc{fill:#fff}.access-page .access-opened .access-art svg .access-proceed-arrow{fill:none;stroke:#2e7d0f;stroke-linecap:round;stroke-linejoin:round}@keyframes access-pulse-1{0%{opacity:0}8%,88%{opacity:1}92%,100%{opacity:0}}@keyframes access-pulse-2{0%,30%{opacity:0}38%,88%{opacity:1}92%,100%{opacity:0}}@keyframes access-pulse-3{0%,60%{opacity:0}68%,88%{opacity:1}92%,100%{opacity:0}}@keyframes access-sweep{from{stroke-dashoffset:597}to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.access-page .access-art svg .access-ring,.access-page .access-art svg .access-arc{animation:none}.access-page .access-art svg .access-arc{stroke-dashoffset:448}}