.pcv{color:#2a1d15;width:100%;font-family:var(--font-display);background:#f6ead8;border:1px solid #e3d2b8;border-radius:14px;padding:clamp(1rem,3vw,1.5rem)}.pcv-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.pcv h4{font-size:var(--step-2);margin:0 0 .4rem}.pcv-count{font-weight:700;font-size:var(--step-1);font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.pcv-desc{font-family:var(--font-body);margin:0 0 1.25rem}.pcv-banner{aspect-ratio:8/3;border-radius:10px;margin-bottom:1rem;overflow:hidden}.pcv-banner svg{width:100%;height:100%;display:block}.pcv-banner.size-full{width:100%}.pcv-banner.size-medium{width:60%}.pcv-banner.size-small{width:35%}.pcv-banner.align-center:not(.size-full){margin-inline:auto}.pcv-banner.align-right:not(.size-full){margin-left:auto}.pcv-steps{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 1rem;padding:0;list-style:none;display:grid;row-gap:1rem!important}.pcv-steps li{text-align:center;flex-direction:column;align-items:center;gap:.35rem;display:flex}.pcv-steps svg{aspect-ratio:1;fill:#0000;stroke:#c9b293;stroke-width:1.2px;border:2px dashed #c9b293;border-radius:50%;width:100%;max-width:3.25rem;padding:18%;transition:background-color .2s,border-color .2s}.pcv-steps li.is-reached svg{fill:#e2b23c;stroke:none;background:#3b2a20;border:2px solid #3b2a20}.pcv-steps li.has-reward:not(.is-reached) svg{border-style:solid;border-color:#7a5b45}.pcv-steps .pcv-cut{fill:none;stroke:#f6ead8;stroke-width:1.4px}.pcv-steps li:not(.is-reached) .pcv-cut{stroke:#c9b293}.pcv-label{color:#7a5b45;min-height:1.2em;font-size:.75rem;line-height:1.2}.pcv-steps li.has-reward .pcv-label{color:#2a1d15;font-weight:700}.pcv-next{font-size:var(--step--1);margin:0;font-weight:600}.pcv-hidden{color:#7a5b45;font-family:var(--font-display);font-size:var(--step--1);background:#f6ead8;border:2px dashed #c9b293;border-radius:14px;gap:.3rem;padding:1.25rem;display:grid}.pcv-hidden strong{color:#2a1d15;font-size:var(--step-0)}.pc{font-family:var(--font-display);gap:2rem;margin:2rem 0 3rem;display:grid}@media (width>=52rem){.pc{width:min(calc(72rem - 2 * var(--gutter)), calc(100vw - 2 * var(--gutter)));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}}.pc button{font:inherit;cursor:pointer;border:1px solid var(--ink);color:var(--ink);background:0 0;border-radius:999px;min-height:44px;padding:.6rem 1rem;font-weight:600}.pc button:disabled{opacity:.5;cursor:not-allowed}.pc .pc-quiet{border-color:#0000;padding-inline:.4rem;text-decoration:underline}.pc-carry{font-size:var(--step--1);margin:.75rem 0 0}.pc .pc-primary{color:#f6ead8;background:#3b2a20;border-color:#3b2a20;width:100%;margin-top:1rem}.pc .pc-primary:hover:not(:disabled){background:#5a3f2f}.pc-controls{border:1px dashed var(--ink-soft);border-radius:12px;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;padding:1rem;display:flex}.pc-controls-title{width:100%;font-size:var(--step--1);color:var(--ink-soft);margin:0}.pc-toggle{font-size:var(--step--1);align-items:center;gap:.5rem;min-height:44px;display:flex}.pc-toggle input{width:1.1rem;height:1.1rem;accent-color:var(--pine)}.pc-msg{font-size:var(--step--1);border-radius:10px;margin:1rem 0 0;padding:.75rem 1rem}.pc-msg-ok{background:color-mix(in srgb, var(--pine) 15%, transparent)}.pc-msg-error{background:#c0392b26}.pc-orders-title{font-size:var(--step-0);margin:1.5rem 0 .5rem}.pc-orders{margin:0;padding:0;list-style:none}.pc-orders li{border-bottom:1px solid var(--mist-deep);justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.pc-orders small{color:var(--ink-soft);display:block}.pc-orders li.is-refunded span{opacity:.55;text-decoration:line-through}.pcd{gap:2rem;display:grid}@media (width>=52rem){.pcd{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}@media (width<=51.99rem){.pcd-side{order:-1}}.pcd-form fieldset{border:0;gap:.8rem;min-width:0;margin:0 0 1.5rem;padding:0;display:grid}.pcd-form legend{font-weight:600;font-size:var(--step-1);margin-bottom:.6rem;padding:0}.pcd-form label:not(.demo-toggle){font-size:var(--step--1);color:var(--ink-soft);gap:.3rem;display:grid}.pcd-form input[type=text],.pcd-form textarea,.pcd-form select{width:100%}.pcd-form textarea{resize:vertical}.pcd-form input[type=range],.pcd-orders input{accent-color:var(--pine);width:100%}.pcd-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pcd-icons{grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.pcd-reward{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;display:grid}.pcd-iconselect{position:relative}.pcd-iconselect summary{cursor:pointer;border:1px solid var(--ink-soft);background:var(--mist);min-height:44px;color:var(--ink-soft);border-radius:8px;align-items:center;gap:.3rem;padding:0 .6rem;font-size:.75rem;list-style:none;display:flex}.pcd-iconselect summary::-webkit-details-marker{display:none}.pcd-iconselect[open] summary{border-color:var(--pine);box-shadow:0 0 0 1px var(--pine) inset}.pcd-iconselect summary svg,.pcd-iconmenu svg{width:1.3rem;height:1.3rem;fill:var(--ink)}.pcd-iconmenu{z-index:10;border:1px solid var(--mist-deep);background:var(--surface);border-radius:10px;min-width:9rem;padding:.3rem;display:grid;position:absolute;top:calc(100% + .35rem);right:0;box-shadow:0 8px 24px #0000001f}.pcd .pcd-iconmenu label{cursor:pointer;min-height:40px;color:var(--ink);font-size:var(--step--1);border-radius:6px;align-items:center;gap:.6rem;padding:0 .6rem;display:flex}.pcd-iconmenu label:hover,.pcd-iconmenu label.is-on{background:color-mix(in srgb, var(--pine) 14%, transparent)}.pcd-iconmenu label.is-on{font-weight:600}.pcd-iconmenu input{opacity:0;pointer-events:none;position:absolute}.pcd-iconmenu label:has(input:focus-visible){outline:3px solid var(--pine);outline-offset:-3px}.pcd-iconmenu .pcv-cut{fill:none;stroke:var(--surface);stroke-width:1.4px}.pcd-iconselect summary .pcv-cut{fill:none;stroke:var(--mist);stroke-width:1.4px}.pcd .pcd-icons label{cursor:pointer;border:1px solid var(--mist-deep);color:var(--ink);border-radius:10px;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .25rem;display:flex}.pcd-icons label.is-on{border-color:var(--pine);box-shadow:0 0 0 1px var(--pine) inset}.pcd-icons input{opacity:0;pointer-events:none;position:absolute}.pcd-icons label:has(input:focus-visible){outline:3px solid var(--pine);outline-offset:2px}.pcd-icons svg{width:1.6rem;height:1.6rem;fill:var(--ink)}.pcd-icons .pcv-cut{fill:none;stroke:var(--surface);stroke-width:1.4px}.pcd-seg{display:flex}.pcd .pcd-seg button{min-height:40px;font-size:var(--step--1);border-radius:0;padding:.35rem .9rem}.pcd .pcd-seg button:first-child{border-radius:999px 0 0 999px}.pcd .pcd-seg button:last-child{border-radius:0 999px 999px 0;margin-left:-1px}.pcd .pcd-seg button[aria-pressed=true]{background:var(--ink);color:var(--mist)}.pcd-orders{flex-direction:column;flex:12rem;align-items:stretch!important;gap:.2rem!important}.pcd-stage{justify-content:center;display:flex}.pcd-stage .pcv{transition:max-width .25s}.pcd-stage.is-mobile .pcv{max-width:340px}
