@layer base,components,variants;@layer variants{.fuelpump-display{background:var(--tk-face-bg, #bcc7df);color:var(--tk-face-text, #20283c);border-radius:12px;padding:2rem 1.25rem;position:relative;overflow:hidden;container-type:inline-size;opacity:var(--tk-face-opacity, 1);box-shadow:inset 0 0 0 2px #20283c80,inset 0 3px 7px #20283c29,inset 0 -1px #ffffff80}.fuelpump-display--bezel-flush{box-shadow:inset 0 0 0 1px #20283c38,inset 0 2px 5px #20283c1a}.fuelpump-display--bezel-none{box-shadow:none}.fuelpump-display:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.07) 16%,transparent 44%);pointer-events:none;border-radius:inherit}.fuelpump-display--no-sheen:before{display:none}.fuelpump-digits{display:flex;align-items:center;justify-content:center;gap:.18rem;position:relative}.fuelpump-digits>.fuelpump-digit,.fuelpump-digits>.fuelpump-colon{flex:0 0 auto}.fuelpump-digit{width:64px;height:103px;padding:2px;box-sizing:content-box}.fuelpump-digit svg{width:100%;height:100%;display:block}@container (min-width: 480px){.fuelpump-digit{width:85px;height:139px;padding:4px}}@container (min-width: 640px){.fuelpump-digit{width:108px;height:175px;padding:5px}}.fuelpump-seg{fill:color-mix(in srgb,var(--tk-accent, #20283c) 8%,transparent);transition:fill .1s ease}.fuelpump-seg--on{fill:var(--tk-accent, #20283c)}.fuelpump-display--no-ghost .fuelpump-seg:not(.fuelpump-seg--on){fill:transparent}.fuelpump-colon{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;width:22px;padding:0 .15rem}@container (min-width: 480px){.fuelpump-colon{gap:31px;width:29px}}.fuelpump-colon-dot{width:13px;height:13px;border-radius:1px;transform:skew(-7deg);background:var(--tk-accent, #20283c)}@container (min-width: 480px){.fuelpump-colon-dot{width:16px;height:16px}}.fuelpump-colon--blink .fuelpump-colon-dot{animation:fuelpump-blink 1s steps(1) infinite}@keyframes fuelpump-blink{0%,to{opacity:1}50%{opacity:0}}.fuelpump-colon--dot{gap:0;justify-content:flex-end;width:13px;padding:0}.fuelpump-colon-dot--small{width:10px;height:10px}@container (min-width: 480px){.fuelpump-colon-dot--small{width:12px;height:12px}}.fuelpump-timer__ms-group,.sw-fuelpump__cc-group{display:flex;align-items:flex-end;gap:.15rem;align-self:flex-end;padding-bottom:.3rem;flex:0 0 auto}.fuelpump-timer__ms-group{opacity:.8}.fuelpump-timer__ms-group .fuelpump-digit,.sw-fuelpump__cc-group .fuelpump-digit{width:32px;height:52px}@container (min-width: 480px){.fuelpump-timer__ms-group .fuelpump-digit,.sw-fuelpump__cc-group .fuelpump-digit{width:43px;height:70px}}@container (min-width: 640px){.fuelpump-timer__ms-group .fuelpump-digit,.sw-fuelpump__cc-group .fuelpump-digit{width:54px;height:88px}}[data-fullscreen] .fuelpump-display{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:0;padding:clamp(1rem,3vh,2.5rem) clamp(1.25rem,4vh,3rem)}[data-fullscreen] .fuelpump-digit{height:clamp(103px,30vh,384px);width:calc(clamp(103px,30vh,384px)*.613)}.fuelpump-display--complete{animation:fuelpump-flash .6s ease-in-out 3}@keyframes fuelpump-flash{0%,to{opacity:1}50%{opacity:.35}}}