.upb-root{--upb-accent:#245c4b;--upb-bg:#fff;--upb-text:#202723;--upb-radius:12px;--upb-space:20px;background:var(--upb-bg);color:var(--upb-text);padding:var(--upb-space);border:1px solid color-mix(in srgb,var(--upb-text) 18%,transparent);border-radius:var(--upb-radius);font-family:inherit;margin-block:20px;line-height:1.5;container-type:inline-size}
.upb-root[hidden],.upb-root [hidden]{display:none!important}.upb-root *{box-sizing:border-box}.upb-root h2{font:inherit;font-size:1.5em;font-weight:650;color:inherit;margin:0 0 var(--upb-space)}.upb-root h3,.upb-root summary{font:inherit;font-size:1.05em;font-weight:650;color:inherit;margin:0 0 14px}.upb-root summary{cursor:pointer}.upb-root .upb-group{border-top:1px solid color-mix(in srgb,var(--upb-text) 15%,transparent);padding-top:var(--upb-space);margin-top:var(--upb-space)}.upb-root .upb-field{margin-bottom:var(--upb-space)}.upb-root .upb-field>label{display:block;font-weight:600;margin-bottom:8px}.upb-root :is(select,textarea,input:not([type=radio]):not([type=checkbox])){width:100%;min-height:44px;border:1px solid color-mix(in srgb,var(--upb-text) 30%,transparent);border-radius:calc(var(--upb-radius)*.65);background:var(--upb-bg);color:var(--upb-text);padding:10px 12px;font:inherit}.upb-root textarea{min-height:100px}.upb-root input:is([type=checkbox],[type=radio]){accent-color:var(--upb-accent);width:18px;height:18px;flex-shrink:0}.upb-root .upb-choices{display:grid;grid-template-columns:1fr;gap:10px}.upb-root[data-columns="2"] .upb-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.upb-root .upb-choice{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid color-mix(in srgb,var(--upb-text) 22%,transparent);border-radius:calc(var(--upb-radius)*.75);min-height:48px;cursor:pointer;overflow-wrap:anywhere}.upb-root .upb-choice:has(input:checked){border-color:var(--upb-accent);box-shadow:inset 0 0 0 1px var(--upb-accent);background:color-mix(in srgb,var(--upb-accent) 7%,var(--upb-bg))}.upb-root .upb-choice:has(input:disabled){opacity:.6;cursor:not-allowed}.upb-root .upb-choice img{width:48px;height:48px;object-fit:cover;border-radius:6px}.upb-root .upb-swatch{width:26px;height:26px;border:1px solid #999;border-radius:50%;flex-shrink:0}.upb-root .upb-summary{border-top:1px solid color-mix(in srgb,var(--upb-text) 20%,transparent);padding-top:var(--upb-space)}.upb-root .upb-total{font-size:1.8em;font-weight:650}.upb-root .upb-breakdown{font-size:.85em;margin:4px 0 16px}.upb-root .upb-add{display:block;width:100%;padding:14px 18px;min-height:48px;background:var(--upb-accent);color:#fff;border:0;border-radius:calc(var(--upb-radius)*.75);font:inherit;font-weight:650;cursor:pointer;margin-top:16px}.upb-root .upb-add:disabled{opacity:.5;cursor:not-allowed}.upb-root :focus-visible{outline:3px solid var(--upb-accent);outline-offset:3px}.upb-root .upb-error{color:#9d201f;background:#fff0ed;padding:10px;margin-bottom:8px;border-radius:6px}.upb-root .upb-warning{color:#704500;background:#fff7df;padding:10px;margin-bottom:8px}.upb-root .upb-required{color:#9d201f}@container(max-width:320px){.upb-root[data-columns="2"] .upb-choices{grid-template-columns:1fr}}