@layer base,components,variants;@layer variants{.taxi-display{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem 2.5rem;container-type:inline-size;position:relative;overflow:hidden;background:var(--tk-face-bg, #0a0a0f);border-radius:var(--tk-radius-lg, 20px);box-shadow:inset 0 2px 12px #0009,inset 0 0 0 1px #ffffff0a}.taxi-display:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03) 0%,transparent 30%);pointer-events:none;border-radius:inherit}.taxi-display--farebox{background:var(--taxi-farebox-bg, #1a1400);border-radius:8px;padding:clamp(1rem,2.4cqi,2.5rem) clamp(.85rem,1.9cqi,2rem);box-shadow:inset 0 2px 8px #0009,0 4px 24px #00000080}.taxi-svg{width:min(100%,clamp(260px,90cqi,980px));height:auto;display:block;overflow:visible}.taxi-display--farebox .taxi-svg{width:min(100%,clamp(280px,96cqi,1040px))}@container (max-width: 460px){.taxi-display{padding:1.15rem 1.25rem}.taxi-display--farebox{border-radius:6px;padding:.75rem .65rem}.taxi-svg,.taxi-display--farebox .taxi-svg{width:100%}}@container (max-width: 340px){.taxi-display{border-radius:10px;padding:.8rem .9rem}.taxi-display--farebox{padding:.55rem .5rem}}.taxi-path{transition:fill .15s ease}@keyframes taxi-flash{0%,to{opacity:1}50%{opacity:.25}}.taxi-display--flash .taxi-path{animation:taxi-flash .6s ease-in-out infinite}[data-fullscreen] .taxi-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)}}