.cp.aa2 .pbr-ramp{max-width:560px;margin-top:6px;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 28%,transparent)}.cp.aa2 .pbr .dui-group+.dui-group{margin-top:26px}@media(min-width:900px){.cp.aa2 .pbr-sum{grid-template-columns:repeat(4,minmax(0,1fr))}.cp.aa2 .pbr-sum>div:last-child{grid-column:auto;border-right:0}}.cp.aa2 .pbr-ramp-table td{vertical-align:middle}.cp.aa2 .pbr-ramp-table tr.is-you>*{background:var(--vb-well)}.cp.aa2 .pbr-step{font-family:var(--cp-mono);font-weight:600}.cp.aa2 .pbr-you{display:block;margin-top:2px;font-size:12px;font-weight:600;color:var(--vb-ink-2)}.cp.aa2 .pbr-sw{display:inline-block;width:34px;height:26px;margin-right:10px;border-radius:6px;background:var(--sw);box-shadow:inset 0 0 0 1px var(--vb-edge);vertical-align:middle}.cp.aa2 .pbr-hex{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--vb-control);border-radius:999px;background:transparent;color:var(--vb-ink);font:500 12.5px/1 var(--cp-mono);vertical-align:middle;cursor:pointer}.cp.aa2 .pbr-hex *{font-family:var(--cp-mono)}.cp.aa2 .pbr-hex .cp-ico{width:14px;height:14px}.cp.aa2 .pbr-hex.is-done{border-color:var(--vb-pass);color:var(--vb-pass)}.cp.aa2 .pbr-role{font-size:13px;color:var(--vb-ink-2)}.cp.aa2 .pbr-try{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;padding:clamp(14px,3vw,24px);border:1px solid var(--vb-rule);border-radius:18px;background:var(--vb-panel)}@media(min-width:980px){.cp.aa2 .pbr-try{grid-template-columns:minmax(0,260px) minmax(0,1fr)}}.cp.aa2 .pbr-try__in{display:flex;flex-direction:column;gap:8px;min-width:0}.cp.aa2 .pbr-try__l{font-size:15px;font-weight:600}.cp.aa2 .pbr-try__row{display:flex;align-items:center;gap:10px}.cp.aa2 .pbr-try__pick{flex:none;width:46px;height:46px;padding:3px;border:1px solid var(--vb-control);border-radius:10px;background:transparent;cursor:pointer}.cp.aa2 .pbr-try__hex{flex:1 1 auto;min-width:0;min-height:46px;padding:0 14px;border:1px solid var(--vb-control);border-radius:10px;background:var(--vb-ground);color:var(--vb-ink);font:500 16px/1.2 var(--cp-mono);text-transform:uppercase}.cp.aa2 .pbr-try__hex[aria-invalid=true]{border:2px solid var(--vb-fail);padding:0 13px}.cp.aa2 .pbr-try__err{margin:0;font-size:14px;color:var(--vb-fail)}.cp.aa2 .pbr-out{display:flex;flex-direction:column;gap:16px;min-width:0}.cp.aa2 .pbr-out__k{margin:0 0 6px;font-size:13.5px;font-weight:600;color:var(--vb-ink-2)}.cp.aa2 .pbr-out__label p:last-child{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}.cp.aa2 .pbr-chip{display:inline-flex;align-items:center;justify-content:center;width:64px;height:40px;border-radius:10px;background:var(--sw);color:var(--c);font:600 18px/1 var(--cp-sans);box-shadow:inset 0 0 0 1px var(--vb-edge)}.cp.aa2 .pbr-v{font-family:var(--cp-mono);font-size:14px;font-weight:600}.cp.aa2 .pbr-out__themes{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}@media(min-width:720px){.cp.aa2 .pbr-out__themes{grid-template-columns:repeat(2,minmax(0,1fr))}}.cp.aa2 .pbr-out__t{min-width:0;padding:14px 16px;border:1px solid var(--vb-rule);border-radius:14px;background:var(--vb-ground)}.cp.aa2 .pbr-out__t .pcol-subhead{margin:0 0 10px}.cp.aa2 .pbr-out__dl{display:flex;flex-direction:column;gap:10px;margin:0}.cp.aa2 .pbr-out__dl>div{display:flex;flex-direction:column;gap:4px;min-width:0}.cp.aa2 .pbr-out__dl dt{font-size:13px;color:var(--vb-ink-2)}.cp.aa2 .pbr-out__dl dd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0}.cp.aa2 .pbr-out__t .pbr-sw{margin-right:2px;box-shadow:0 0 0 4px var(--pg),0 0 0 5px var(--vb-edge)}.cp.aa2 .pbr-out__ramp{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:3px}.cp.aa2 .pbr-out__step{display:flex;align-items:flex-end;min-height:54px;padding:4px;border-radius:6px;background:var(--sw);box-shadow:inset 0 0 0 1px var(--vb-edge)}.cp.aa2 .pbr-out__n{padding:1px 4px;border-radius:4px;background:var(--vb-ground);color:var(--vb-ink);font:600 10.5px/1.3 var(--cp-mono)}@media(max-width:560px){.cp.aa2 .pbr-out__ramp{grid-template-columns:repeat(6,minmax(0,1fr))}.cp.aa2 .pbr-sw{width:26px}}