.supply-chooser-grid{display:flex;gap:var(--space-4)}.supply-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--app-overlay-surface);color:var(--color-offblack);text-decoration:none;cursor:pointer}.supply-card--selected{outline:2px solid var(--color-offblack);outline-offset:calc(var(--space-1) * -.5)}.supply-card-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.supply-card:has(.supply-card-input:focus-visible),a.supply-card:focus-visible{outline:2px solid var(--color-btn-primary);outline-offset:2px}.supply-card--selected:has(.supply-card-input:focus-visible){outline:2px solid var(--color-btn-primary);outline-offset:2px;border-color:var(--color-offblack)}.supply-card-figure{display:grid;place-items:center;width:110px;height:110px}.supply-card-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.supply-card-title{max-width:200px;margin-top:var(--space-6);font-size:calc(var(--text-body) * 1.125);font-weight:var(--font-weight-semibold);line-height:1.3}.supply-card-body{max-width:200px;margin-top:var(--space-8);font-size:var(--text-caption);font-weight:var(--font-weight-regular);line-height:1.45;color:var(--color-stone);visibility:hidden}.supply-card--selected .supply-card-body,.supply-card--static .supply-card-body{visibility:visible}.supply-chooser-foot{display:flex;justify-content:flex-end;margin-top:var(--space-6)}.supply-next{display:inline-flex;align-items:center;justify-content:center;width:112px;height:48px;border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--font-weight-medium);text-decoration:none}.supply-next[aria-disabled=true]{background:var(--color-hover-bg);color:var(--color-stone);cursor:not-allowed}a.supply-next{background:var(--color-offblack);color:var(--color-paper)}.supply-back{display:none}@media (max-width:768px){.supply-chooser-grid{flex-direction:row;transition:column-gap var(--duration-slow) var(--ease-sheet);transition:column-gap var(--duration-slow) var(--ease-sheet),-moz-column-gap var(--duration-slow) var(--ease-sheet)}.supply-card{flex:1 1 0;min-width:0;transition:flex-grow var(--duration-slow) var(--ease-sheet),opacity var(--duration-slow) var(--ease-sheet),padding var(--duration-slow) var(--ease-sheet)}.supply-chooser-grid[role=radiogroup] .supply-card-body{display:none}.supply-chooser-grid[role=radiogroup] .supply-card--selected .supply-card-body{display:block;width:200px;animation:supply-stage2-rise var(--duration-sheet) var(--ease-sheet) var(--duration-slow) both}.supply-chooser-grid[role=radiogroup] .supply-card--selected{overflow:hidden}.supply-chooser-grid[role=radiogroup]:has(.supply-card--selected) .supply-card:not(.supply-card--selected){flex-grow:0;padding-inline:0;border-width:0;opacity:0;overflow:hidden;pointer-events:none}.supply-chooser-grid[role=radiogroup]:has(.supply-card--selected){-moz-column-gap:0;column-gap:0}.supply-chooser:not(:has(.supply-card--selected)) .supply-chooser-foot{display:none}.supply-chooser-foot{justify-content:space-between;align-items:center;gap:var(--space-4)}.supply-chooser:has(.supply-card--selected) .supply-chooser-foot{animation:supply-stage2-rise var(--duration-sheet) var(--ease-sheet) var(--duration-slow) both}.supply-back{display:inline-flex}}@keyframes supply-stage2-rise{0%{opacity:0;transform:translateY(var(--space-1))}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.supply-card,.supply-chooser-grid{transition:none}.supply-chooser-grid[role=radiogroup] .supply-card--selected .supply-card-body,.supply-chooser:has(.supply-card--selected) .supply-chooser-foot{animation:none}}.bottom-sheet-panel:has(.supply-chooser) .bottom-sheet-header{align-items:flex-start}.bottom-sheet-panel:has(.supply-chooser) .bottom-sheet-close{margin-block-start:calc((30px - 44px) / 2)}@media (min-width:769px){.bottom-sheet-panel:has(.supply-chooser){max-width:650px;padding-inline:var(--space-6)}.bottom-sheet-panel:has(.supply-chooser) .bottom-sheet-title{font-size:var(--font-size-page-title)}.supply-chooser-grid{flex-direction:row}.supply-card{width:293px;height:392px;padding:0;justify-content:flex-start}.supply-card-figure{margin-top:calc(var(--space-6) * 4 + var(--space-1))}.supply-card-title{margin-top:var(--space-12)}.supply-chooser-foot{margin-top:calc(var(--space-12) + var(--space-2))}}