body .map-section #order-layer .map-callout .order-card[data-card-design],.card-design-samples .order-card[data-card-design]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;left:auto;top:auto;transform:none;box-sizing:border-box;width:max-content;min-width:60px;max-width:none;height:auto!important;min-height:39px;padding:var(--card-custom-pad) 4px;border:var(--card-custom-border) solid var(--card-custom-stroke);border-radius:var(--card-custom-radius);background:var(--card-custom-fill);gap:1px;animation:none;box-shadow:0 0 0 1px #ffffffd9,0 2px 5px #15212b38!important}
body .map-section #order-layer .map-callout .order-card[data-card-design] .card-timer,.card-design-samples .order-card[data-card-design] .card-timer{font-family:var(--card-custom-timer-font);font-size:var(--card-custom-timer-size);font-weight:var(--card-custom-timer-weight);line-height:1.2;color:var(--card-custom-timer-color);text-shadow:none;flex-shrink:0;white-space:nowrap;order:0}
body .map-section #order-layer .map-callout .order-card[data-card-design] .card-number,.card-design-samples .order-card[data-card-design] .card-number{font-family:var(--card-custom-number-font);font-size:var(--card-custom-number-size);font-weight:var(--card-custom-number-weight);line-height:1.1;color:var(--card-custom-number-color);text-shadow:none;flex-shrink:0;white-space:nowrap;order:2}
body .map-section #order-layer .map-callout .order-card[data-card-design] .card-due-time,.card-design-samples .order-card[data-card-design] .card-due-time{font-family:var(--card-custom-due-font);font-size:var(--card-custom-due-size);line-height:1.2;font-weight:var(--card-custom-due-weight);color:var(--card-custom-timer-color);text-shadow:none;flex-shrink:0;white-space:nowrap;order:1}
body #order-layer .order-card.yellow[data-card-design]::before,.card-design-samples .order-card.yellow[data-card-design]::before{display:none}
.card-design-samples .card-number::before{content:'№';font-size:.72em;margin-right:2px}.card-design-samples .is-preorder .card-number::after{content:'◷';font-size:.8em;margin-left:3px}.card-design-samples .card-progress{order:3;align-self:stretch;height:4px;background:#ffffff30;position:static;margin-top:2px}.card-design-samples .card-progress-fill{display:block;height:100%;background:#48d597}.card-design-samples [hidden]{display:none!important}
@font-face{font-family:'Roboto Mono';src:url('./assets/fonts/RobotoMono.ttf')}@font-face{font-family:'Roboto Condensed';src:url('./assets/fonts/RobotoCondensed.ttf')}

body .map-section #order-layer .map-callout .order-card[data-card-design="transit"] .card-timer,.card-design-samples .order-card[data-card-design="transit"] .card-timer{order:3}

body .map-section #order-layer .map-callout .order-card[data-card-design="transit"] .card-due-time,.card-design-samples .order-card[data-card-design="transit"] .card-due-time{color:var(--card-custom-due-color)}

body .map-section #order-layer .map-callout .order-card[data-card-design] .card-transit-arrow,.card-design-samples .order-card[data-card-design] .card-transit-arrow{order:5;display:flex;align-items:center;justify-content:center;align-self:center;width:32px;height:18px;margin-top:3px;border-top:1px solid #ffffff26;border-radius:3px;background:#ffffff08;color:var(--card-custom-arrow-color);overflow:visible}
.card-transit-arrow-glyph{display:block;font-family:Arial,sans-serif;font-size:var(--card-custom-arrow-size);font-weight:900;line-height:1;animation:none}
.card-transit-arrow[data-animated="on"] .card-transit-arrow-glyph{animation:transit-arrow-glide var(--card-custom-arrow-period) ease-in-out infinite;animation-delay:var(--card-custom-arrow-phase)}
body .map-section #order-layer .map-callout .order-card[data-card-design] .card-transit-arrow[hidden],.card-design-samples .card-transit-arrow[hidden]{display:none!important}
@keyframes transit-arrow-glide{0%,32%,100%{transform:translateX(0)}14%{transform:translateX(var(--card-custom-arrow-distance))}}
@media(prefers-reduced-motion:reduce){.card-transit-arrow[data-animated="on"] .card-transit-arrow-glyph{animation:none}}

body .map-section #order-layer .map-callout .order-card[data-card-design="transit"] .card-timer[data-blink="on"],.card-design-samples .order-card[data-card-design="transit"] .card-timer[data-blink="on"]{animation:transit-timer-blink var(--card-custom-blink-period) ease-in-out infinite;animation-delay:var(--card-custom-blink-phase)}
@keyframes transit-timer-blink{0%,100%{opacity:1}50%{opacity:var(--card-custom-blink-opacity)}}
@media(prefers-reduced-motion:reduce){body .map-section #order-layer .map-callout .order-card[data-card-design="transit"] .card-timer[data-blink="on"],.card-design-samples .order-card[data-card-design="transit"] .card-timer[data-blink="on"]{animation:none}}
