@layer components{.branch-sheet{background:radial-gradient(120% 70% at 100% 0%, #e3141b21, transparent 58%), radial-gradient(90% 50% at 0% 100%, #d8b3710f, transparent 70%), var(--surface)}.branch-city{font-family:var(--font-display);letter-spacing:.04em;color:var(--brass);align-items:center;gap:.4rem;margin-bottom:.25rem;font-size:15px;font-weight:700;display:inline-flex}.branch-row{cursor:pointer;-webkit-tap-highlight-color:transparent;min-height:64px;transition:border-color .25s, background-color .25s, transform .18s var(--ease-out);animation:branch-in .55s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms + .14s);background:#ffffff06;border:1px solid #fff0de14;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.8rem .9rem .8rem 1rem;display:grid;position:relative}.branch-row:hover{background:#ffffff0b}.branch-row:active{transform:scale(.985)}.branch-row[data-checked]{background:#e3141b17;border-color:#e3141ba6}.branch-row:has(:focus-visible){outline:2px solid var(--ring,#f6efe6);outline-offset:2px}.branch-radio{border:2px solid #fff0de59;border-radius:999px;width:24px;height:24px;transition:border-color .25s;position:relative}.branch-radio:after{content:"";border-radius:inherit;background:var(--primary);transition:transform .35s var(--ease-spring);position:absolute;inset:4px;transform:scale(0)}.branch-row[data-checked] .branch-radio{border-color:var(--primary)}.branch-row[data-checked] .branch-radio:after{transform:scale(1)}.branch-tag{color:#f6efe6db;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;background:#ffffff0a;border:1px solid #fff0de24;border-radius:999px;align-items:center;gap:.4rem;height:24px;padding:0 .5rem;font-size:10.5px;font-weight:700;display:inline-flex}.branch-tag.is-live{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d;padding-left:.45rem}.branch-tag.is-soon{color:var(--brass);background:0 0;border-style:dashed;border-color:#d8b37173}.branch-live-dot{background:currentColor;border-radius:999px;width:7px;height:7px;position:relative}.branch-live-dot:after{content:"";border-radius:inherit;animation:branch-ping 1.8s var(--ease-out) infinite;background:currentColor;position:absolute;inset:0}@keyframes branch-in{0%{opacity:0;transform:translateY(14px)}}@keyframes branch-ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(3)}}@media (prefers-reduced-motion:reduce){.branch-row,.branch-live-dot:after{animation:none}}}