.mb{display:grid;flex:0 0 100%;gap:12px;inline-size:100%;margin-block-end:16px;container-type:inline-size}.mb[hidden]{display:none}.mb-icon{--s: 30px;position:relative;flex:none;display:inline-block;inline-size:var(--s);block-size:var(--s);border:1px solid oklch(0.52 0.07 75);border-radius:var(--d4lp-r-control);background:var(--mb-sprite) calc(var(--i) * var(--s) * -1) 0 / calc(var(--mb-cells) * var(--s)) var(--s) no-repeat;box-sizing:content-box}.mb-icon--reward{--s: 16px;border-color:color-mix(in oklch,oklch(0.52 0.07 75) 60%,transparent);border-radius:2px;vertical-align:middle}.mb-goals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mb-goal{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-block-size:76px;margin:0;padding:8px 12px;border:1px solid transparent;border-radius:calc(var(--d4lp-r-card) - 2px);background:var(--d4lp-control);color:var(--d4lp-copy);font:inherit;text-align:start;cursor:pointer;transition:border-color 150ms var(--d4lp-ease);-webkit-tap-highlight-color:transparent}.mb-goal::before{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid color-mix(in oklch,var(--d4lp-tint) 75%,transparent);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity 150ms var(--d4lp-ease);background:linear-gradient(90deg in oklab,color-mix(in oklab,var(--d4lp-tint) 45%,var(--d4lp-control)),var(--d4lp-control))}.mb-goal[aria-checked=true]{color:var(--d4lp-ink)}.mb-goal[aria-checked=true]::before{opacity:1}.mb-goal:active:not([aria-checked=true]){transition-duration:0s;background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.mb-goal:focus-visible{outline:2px solid var(--d4lp-tint);outline-offset:2px}.mb-goal__art{flex:none;inline-size:60px;block-size:60px;object-fit:contain;filter:brightness(.82) saturate(.85);transition:filter 150ms var(--d4lp-ease)}.mb-goal[aria-checked=true] .mb-goal__art{filter:none}.mb-goal__art--icons,.mb-goal__art--icon{display:grid;place-items:center}.mb-goal__art--icon .mb-icon{--s: 44px}.mb-goal__art--icons .mb-icon{--s: 26px;grid-area:1 / 1}.mb-goal__art--icons .mb-icon:nth-child(1){translate:-14px 6px;rotate:-8deg}.mb-goal__art--icons .mb-icon:nth-child(3){translate:14px 6px;rotate:8deg}.mb-goal__art--icons .mb-icon:nth-child(2){z-index:1;translate:0 -6px}.mb-goal__text{display:grid;gap:1px;min-inline-size:0}.mb-goal__text b{font-size:16px;font-weight:700;line-height:1.25}.mb-goal__text span{color:var(--d4lp-muted);font-size:12px;line-height:1.3}.mb-goal__text small{color:var(--d4lp-copy);font-size:14px;font-weight:600;line-height:1.3}.mb-goal__text small:empty::before{content:" "}.mb-goal[aria-checked=true] .mb-goal__text span{color:color-mix(in oklab,var(--d4lp-ink) 80%,transparent)}.mb-board{display:grid;grid-template-columns:repeat(var(--mb-cols, 3),minmax(0,1fr));gap:12px}.mb-group--flat{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2px 8px}.mb-group{display:grid;align-content:start;gap:2px;min-inline-size:0}.mb-group__name{margin:0 0 4px;padding-inline-start:6px;color:var(--d4lp-muted);font-size:13px;font-weight:600;line-height:1.3}.mb-tile{display:grid;grid-template-areas:"icon name marks" "icon price marks";grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;align-items:center;gap:0 8px;min-block-size:42px;margin:0;padding:5px 6px;border:0;border-radius:var(--d4lp-r-control);background:transparent;color:var(--d4lp-copy);font:inherit;font-size:13px;line-height:1.25;text-align:start;cursor:pointer;transition:background-color 150ms var(--d4lp-ease),color 150ms var(--d4lp-ease);-webkit-tap-highlight-color:transparent}.mb-tile[aria-pressed=true]{background:color-mix(in oklab,var(--d4lp-tint) 16%,var(--d4lp-control));color:var(--d4lp-ink)}.mb-tile>.mb-icon{grid-area:icon;transition:filter 150ms var(--d4lp-ease)}.mb-tile[aria-pressed=false]>.mb-icon{filter:grayscale(.85) brightness(.7)}.mb-tile[aria-pressed=true]>.mb-icon::after{content:"";position:absolute;inset-block-end:-5px;inset-inline-end:-5px;inline-size:14px;block-size:14px;border-radius:999px;background:var(--d4lp-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M4 7.2l2 2 4-4.4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 14px no-repeat}.mb-tile:active{transition-duration:0s;background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}.mb-tile:focus-visible{outline:2px solid var(--d4lp-tint);outline-offset:1px}.mb-tile__name{grid-area:name;min-inline-size:0;hyphens:manual;overflow-wrap:break-word}.mb-tile__marks{grid-area:marks;display:flex;gap:3px}.mb-tile__marks:empty{display:none}.mb-tile__price{grid-area:price;color:var(--d4lp-muted);font-size:13px;white-space:nowrap}.mb-tile[aria-pressed=true] .mb-tile__price{color:var(--d4lp-ink);font-weight:600}.mb-tile__price:empty{display:none}.mb-title{padding:0 5px;border-radius:2px;background:color-mix(in oklab,oklch(0.52 0.07 75) 30%,transparent);color:oklch(0.85 0.1 85);font-size:12px;line-height:16px}.mb-tally{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding-block-start:12px;border-block-start:1px solid var(--d4lp-line);color:var(--d4lp-ink);font-size:14px}.mb-tally__rewards{display:inline-flex;flex-wrap:wrap;align-items:center;gap:4px;color:var(--d4lp-muted);font-size:13px}.mb-tally__rewards[hidden],.mb-clear[hidden],.mb-gift[hidden]{display:none}.mb-clear{margin:0;padding:4px 0;border:0;background:none;color:var(--d4lp-muted);font:inherit;font-size:13px;cursor:pointer}.mb-clear:focus-visible{outline:2px solid var(--d4lp-tint);outline-offset:2px}.mb-gift{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;border-radius:calc(var(--d4lp-r-card) - 2px);background:color-mix(in oklab,var(--d4lp-tint) 22%,var(--d4lp-control))}.mb-gift>.mb-icon{--s: 36px;border-color:oklch(0.6 0.2 310)}.mb-gift__text{display:grid;flex:1 1 180px;gap:1px;color:var(--d4lp-muted);font-size:13px;line-height:1.3}.mb-gift__text b{color:var(--d4lp-ink);font-size:14px;font-weight:700}.mb-take{margin:0;padding:8px 14px;border:0;border-radius:var(--d4lp-r-control);background:var(--d4lp-tint);color:oklch(1 0 none);font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer}.mb-take:focus-visible{outline:2px solid var(--d4lp-ink);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.mb-clear:active{scale:.97}}.mb-take:active{background:color-mix(in oklab,var(--d4lp-tint) 75%,oklch(1 0 none))}@media(hover:hover)and (pointer:fine){.mb-goal[aria-checked=false]:hover{border-color:color-mix(in oklch,var(--d4lp-tint) 30%,transparent)}.mb-tile[aria-pressed=false]:hover{background:color-mix(in oklab,var(--d4lp-active) 35%,transparent)}.mb-tile[aria-pressed=false]:hover>.mb-icon{filter:none}.mb-take:hover{background:color-mix(in oklab,var(--d4lp-tint) 85%,oklch(1 0 none))}.mb-clear:hover{color:var(--d4lp-ink)}}@container (inline-size < 560px){.mb-goals{grid-template-columns:minmax(0,1fr)}.mb-goal{min-block-size:64px}.mb-goal__art{inline-size:48px;block-size:48px}.mb-board{grid-template-columns:minmax(0,1fr);gap:10px}.mb-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 4px}.mb-group__name{grid-column:1 / -1}.mb-tile{grid-template-areas:"icon name name" "icon price marks";align-content:start;align-items:start}.mb-tile__marks{justify-self:end;margin-block-start:2px}.mb-gift__text{flex-basis:100%}.mb-take{inline-size:100%}}@container (inline-size < 300px){.mb-tile{grid-template-areas:"icon name" "icon price" "icon marks";grid-template-columns:auto minmax(0,1fr)}.mb-tile__marks{justify-self:start}}