:where(.d4pp-page) .mcui-goals{--mcui-goal-columns: 2;--mcui-goal-gap: 8px;--mcui-goal-art-size: .56;--mcui-goal-art-ratio: 1;container:mcui-goals / inline-size;display:grid;grid-template-rows:1fr auto}:where(.d4pp-page) .mcui-goals::before{content:"";grid-area:1 / 1 / 3 / 2;pointer-events:none;block-size:calc((100cqi - (var(--mcui-goal-columns) - 1) * var(--mcui-goal-gap)) / var(--mcui-goal-columns) * var(--mcui-goal-art-size) * var(--mcui-goal-art-ratio))}:where(.d4pp-page) .mcui-goals__row{grid-area:2 / 1;display:grid;grid-template-columns:repeat(var(--mcui-goal-columns),minmax(0,1fr));gap:var(--mcui-goal-gap)}:where(.d4pp-page) .mcui-goal{position:relative;isolation:isolate;display:flex;align-items:center;min-block-size:64px;margin:0;padding-block:10px;padding-inline:14px var(--mcui-goal-text-end, 26%);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}:where(.d4pp-page) .mcui-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;background:linear-gradient(90deg in oklab,color-mix(in oklab,var(--d4lp-tint) var(--mcui-goal-wash, 38%),var(--d4lp-control)),var(--d4lp-control));transition:opacity 150ms var(--d4lp-ease)}:where(.d4pp-page) .mcui-goal[aria-checked=true]{color:var(--d4lp-ink)}:where(.d4pp-page) .mcui-goal[aria-checked=true]::before{opacity:1}:where(.d4pp-page) .mcui-goal:active:not([aria-checked=true]){background-color:color-mix(in oklab,var(--d4lp-active) 60%,var(--d4lp-control))}:where(.d4pp-page) .mcui-goal:focus-visible{outline:2px solid var(--d4lp-focus);outline-offset:2px}:where(.d4pp-page) .mcui-goal__text{position:relative;z-index:2;display:grid;gap:1px;min-inline-size:0;text-shadow:0 1px 2px oklch(0 0 none / .75),0 0 8px oklch(0 0 none / .6)}:where(.d4pp-page) .mcui-goal__text b{font-size:16px;font-weight:700;line-height:1.25}:where(.d4pp-page) .mcui-goal__text span{color:var(--d4lp-muted);font-size:12px;line-height:1.3}:where(.d4pp-page) .mcui-goal__text small{color:var(--d4lp-copy);font-size:13px;font-weight:600;line-height:1.3}:where(.d4pp-page) .mcui-goal__text :is(b,small):empty::before{content:" "}:where(.d4pp-page) .mcui-goal[aria-checked=true] .mcui-goal__text :is(span,small){color:var(--d4lp-ink)}:where(.d4pp-page) .mcui-goal:active:not([aria-checked=true]) .mcui-goal__text span{color:var(--d4lp-copy)}:where(.d4pp-page) .mcui-goal__art{position:absolute;inset-block-end:0;inset-inline-end:6px;z-index:1;inline-size:calc(var(--mcui-goal-art-size) * 100%);aspect-ratio:1 / var(--mcui-goal-art-ratio);background:right bottom / contain no-repeat;filter:brightness(.82) saturate(.85);pointer-events:none;transition:filter 150ms var(--d4lp-ease)}:where(.d4pp-page) .mcui-goal[aria-checked=true] .mcui-goal__art{filter:none}@media(hover:hover)and (pointer:fine){:where(.d4pp-page) .mcui-goal:not([aria-checked=true]):hover{border-color:color-mix(in oklch,var(--d4lp-tint) 30%,transparent)}}@container mcui-goals (inline-size < 440px){:where(.d4pp-page) .mcui-goals::before,:where(.d4pp-page) .mcui-goals__row{--mcui-goal-art-size: var(--mcui-goal-art-size-narrow, .48)}:where(.d4pp-page) .mcui-goal{min-block-size:56px;padding-inline:10px var(--mcui-goal-text-end, 26%)}:where(.d4pp-page) .mcui-goal__art{inset-inline-end:0}:where(.d4pp-page) .mcui-goal__text b{font-size:14px}:where(.d4pp-page) .mcui-goal__text span{display:none}}:where(.d4pp-page) .mcui-goals--three{--mcui-goal-columns: 3}@container mcui-goals (inline-size < 440px){:where(.d4pp-page) .mcui-goals--stack::before{display:none}:where(.d4pp-page) .mcui-goals--stack .mcui-goals__row{padding-block-start:var(--mcui-goal-rise-narrow, 28px)}:where(.d4pp-page) .mcui-goals--stack .mcui-goal{flex-direction:column;align-items:stretch;justify-content:end;min-block-size:0;padding:calc(100% * var(--mcui-goal-art-size-narrow, .8) * var(--mcui-goal-art-ratio) - var(--mcui-goal-rise-narrow, 28px) + 6px) 10px 10px}:where(.d4pp-page) .mcui-goals--stack .mcui-goal__art{inset-block:calc(-1 * var(--mcui-goal-rise-narrow, 28px)) auto;inset-inline:0;margin-inline:auto;inline-size:calc(var(--mcui-goal-art-size-narrow, .8) * 100%);background-position:center bottom}:where(.d4pp-page) .mcui-goals--stack .mcui-goal__text b{font-size:14px;text-wrap:balance}}@container mcui-goals (inline-size < 620px){:where(.d4pp-page) .mcui-goals--stack.mcui-goals--three::before{display:none}:where(.d4pp-page) .mcui-goals--stack.mcui-goals--three .mcui-goals__row{padding-block-start:var(--mcui-goal-rise-narrow, 28px)}:where(.d4pp-page) .mcui-goals--stack.mcui-goals--three .mcui-goal{flex-direction:column;align-items:stretch;justify-content:end;min-block-size:0;padding:calc(100% * var(--mcui-goal-art-size-narrow, .8) * var(--mcui-goal-art-ratio) - var(--mcui-goal-rise-narrow, 28px) + 6px) 10px 10px}:where(.d4pp-page) .mcui-goals--stack.mcui-goals--three .mcui-goal__art{inset-block:calc(-1 * var(--mcui-goal-rise-narrow, 28px)) auto;inset-inline:0;margin-inline:auto;inline-size:calc(var(--mcui-goal-art-size-narrow, .8) * 100%);background-position:center bottom}:where(.d4pp-page) .mcui-goals--stack.mcui-goals--three .mcui-goal__text b{font-size:14px;text-wrap:balance}}