.d4pp-prism{--d4pp-native-wait: 0px}.d4prism-sub{margin-block:0 16px;color:var(--d4lp-copy);font-size:14px;line-height:1.5}.d4prism-list{container-type:inline-size}.d4prism-card{--hue: oklch(.75 .14 40);display:grid;grid-template-columns:56px minmax(0,1fr) auto;grid-template-areas:"art id step";align-items:center;gap:12px;padding:var(--d4lp-card-inset);border:1px solid color-mix(in oklch,var(--hue) 42%,transparent);border-radius:var(--d4lp-r-card);background:linear-gradient(100deg,color-mix(in oklab,var(--hue) 13%,var(--d4lp-control)),var(--d4lp-control) 55%)}.d4prism-art{grid-area:art;display:grid;place-items:center;inline-size:56px;block-size:64px;margin:0;padding:0;border:0;border-radius:var(--d4lp-r-control);background:transparent;color:var(--d4lp-ink);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.d4prism-art img{-webkit-user-drag:none;pointer-events:none;inline-size:48px;block-size:60px;object-fit:contain;filter:drop-shadow(0 4px 6px oklch(0 0 none / .55))}.d4prism-id{grid-area:id;display:grid;min-inline-size:0;gap:4px}.d4prism-id strong{color:var(--d4lp-ink);font-size:15px;line-height:1.35}.d4prism-id span{color:var(--d4lp-copy);font-size:12px;font-variant-numeric:tabular-nums}.d4prism-step{grid-area:step;display:grid;grid-template-columns:44px 60px 44px;gap:2px}.d4prism-step button{display:grid;place-items:center;block-size:44px;margin:0;padding:0;border:0;border-radius:var(--d4lp-r-control);background:color-mix(in oklch,var(--d4lp-ink) 5%,transparent);color:var(--d4lp-ink);cursor:pointer}.d4prism-step svg{inline-size:16px;block-size:16px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.d4prism-step input{inline-size:100%;min-inline-size:0;block-size:44px;margin:0;padding:0 4px;border:1px solid var(--d4lp-line);border-radius:var(--d4lp-r-control);background:var(--d4lp-panel);color:var(--d4lp-ink);font:inherit;font-size:16px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums;caret-color:var(--d4lp-tint)}.d4prism-step input::selection{background:var(--d4lp-tint);color:var(--d4lp-ink)}.d4prism-card :is(button,input):focus-visible{outline:2px solid var(--d4lp-ink);outline-offset:2px}.d4prism-card button:disabled{opacity:.35;cursor:not-allowed}.d4prism-card button:active:not(:disabled){background:var(--d4lp-active)}@media(hover:hover)and (pointer:fine){.d4prism-step :is(button,input):hover:not(:disabled){background:var(--d4lp-active)}.d4prism-art:hover:not(:disabled) img{scale:1.08}}@media(prefers-reduced-motion:no-preference){.d4prism-card :is(button,input){transition:background-color .15s var(--d4lp-ease)}.d4prism-art img{transition:scale .2s var(--d4lp-ease)}}.d4prism-art:disabled{opacity:1;cursor:default}@container (max-width: 399px){.d4prism-card{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"art id" "step step"}.d4prism-step{justify-self:end}}.d4prism-line{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding-block:12px;border-block:1px solid var(--d4lp-line);color:var(--d4lp-copy);font-size:14px;line-height:1.4}.d4prism-line img{inline-size:30px;block-size:38px;object-fit:contain}.d4prism-line b{display:inline-block}.d4prism-line :is(b,strong){color:var(--d4lp-ink);font-variant-numeric:tabular-nums}.d4prism-line strong{white-space:nowrap}.d4prism-bar .d4lp-bar__pics>img{object-fit:contain;outline-color:transparent;border-radius:0}