.pickup-banner{position:relative;display:flex;align-items:center;gap:12px;overflow:hidden;border-radius:9999px;padding:5px 16px 5px 5px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-white) 72%,transparent),color-mix(in srgb,var(--color-white) 42%,transparent));-webkit-backdrop-filter:blur(14px) saturate(1.7);backdrop-filter:blur(14px) saturate(1.7);border:1px solid color-mix(in srgb,var(--color-white) 85%,transparent);box-shadow:0 0 0 1.2px color-mix(in srgb,var(--color-primary-500) 45%,transparent),0 9px 26px rgba(16,60,40,.22),inset 0 1.2px 0 color-mix(in srgb,var(--color-white) 95%,transparent)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.pickup-banner{background:color-mix(in srgb,var(--color-white) 92%,transparent)}}.pickup-banner:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 90% at 22% -20%,rgba(255,255,255,.85) 0,rgba(255,255,255,0) 55%),radial-gradient(60% 120% at 8% 50%,color-mix(in srgb,var(--color-primary-500) 18%,transparent) 0,transparent 70%)}.pickup-banner[data-phase=live]:after,.pickup-banner[data-phase=soon]:after{content:"";position:absolute;top:-30%;bottom:-30%;left:-40%;width:28%;pointer-events:none;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);animation:pickup-banner-sweep 4.5s ease-in-out infinite}.pickup-banner>*{position:relative;z-index:1}@keyframes pickup-banner-sweep{0%,55%{left:-40%}to{left:130%}}.pickup-banner__circle{position:relative;flex:none;width:56px;height:56px;border-radius:9999px;background:color-mix(in srgb,var(--color-white) 55%,transparent);box-shadow:inset 0 1px 3px rgba(255,255,255,.9),0 2px 6px rgba(16,60,40,.12)}.pickup-banner[data-phase=before] .pickup-banner__circle{background:var(--color-primary-50)}.pickup-banner__ring{width:100%;height:100%;transform:rotate(-90deg)}.pickup-banner__ring-track{stroke:color-mix(in srgb,var(--color-primary-500) 18%,transparent)}.pickup-banner__ring-fill{stroke:var(--color-primary-500);transition:stroke-dashoffset .6s ease}.pickup-banner[data-phase=soon] .pickup-banner__ring-fill{stroke:var(--color-orange)}.pickup-banner__circle-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.pickup-banner__clock-label{font-size:9px;font-weight:500;line-height:11px;color:var(--color-grey-600)}.pickup-banner__clock-time{font-size:15px;font-weight:600;line-height:17px;letter-spacing:-.02em;color:var(--color-primary-700);font-variant-numeric:tabular-nums}.pickup-banner__ring-value{display:flex;align-items:flex-end;font-size:16px;font-weight:600;line-height:1;color:var(--color-grey-800);font-variant-numeric:tabular-nums}.pickup-banner__ring-unit{font-size:10px;font-weight:600;line-height:1;margin-left:1px;padding-bottom:2.25px}.pickup-banner__ring-value+.pickup-banner__clock-label{margin-top:-1px;line-height:10px}@media (prefers-reduced-motion:reduce){.pickup-banner:after{animation:none;display:none}}