.product-surface{border:1px solid var(--line);min-width:0;max-width:1200px;color:var(--ink);background:var(--surface);border-radius:16px;padding:24px;box-shadow:0 2px 4px #16181d06}:is(.product-surface,.record-surface) .product-section{border-color:var(--line);padding-block:24px}:is(.product-surface,.record-surface) .product-section:first-child{padding-top:0}:is(.product-surface,.record-surface) .product-section:last-child{padding-bottom:0}:is(.product-surface,.record-surface) .product-section h2{font-size:15px;font-weight:600;line-height:20px}:is(.product-surface,.record-surface) .product-section h2+p{max-width:64ch;color:var(--muted);margin-top:5px;font-size:13px;line-height:20px}.product-option-header{border-bottom:1px solid var(--line);margin-bottom:20px;padding-bottom:20px}.product-segmented{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;gap:2px;padding:4px;display:flex}.product-segmented__item{height:30px;color:var(--ink-2);white-space:nowrap;cursor:pointer;transition:background var(--dur-1), color var(--dur-1);border-radius:7px;flex-shrink:0;padding-inline:12px;font-size:13px;font-weight:450}.product-segmented__item:hover{color:var(--ink)}.product-segmented__item[aria-selected=true]{color:var(--selected-ink);background:var(--surface);font-weight:600;box-shadow:0 1px 2px #1018281a}.product-segmented__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.product-option-list-item{border:1px solid var(--line);background:var(--surface);border-radius:12px}.product-option-list-item[aria-current=true]{border-color:var(--selected-line);background:var(--selected-bg)}.product-surface [data-slot=label]{color:var(--ink-2);font-size:13px;font-weight:500;line-height:20px}.product-surface :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],[role=combobox]):not(:disabled):not([aria-invalid=true]){background:var(--surface);box-shadow:none}.product-surface :is([data-slot=input],[data-slot=textarea],[data-slot=select-trigger],[role=combobox]):not(:disabled):not([aria-invalid=true]):focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 1px var(--accent)}@media (width<=639px){.product-surface{box-shadow:none;border-inline:0;border-radius:0;margin-inline:-12px;padding:18px 12px}:is(.product-surface,.record-surface) :is(li,fieldset)>:is(.rounded-md,.rounded-lg,.rounded-xl).border,:is(.product-surface,.record-surface) :is(ol,ul)>li.border{padding-inline:12px}:is(.product-surface,.record-surface) .card{box-shadow:none;border:0;padding-inline:0}:is(.product-surface,.record-surface) .product-section{padding-block:20px}.product-segmented{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}}@media (prefers-reduced-motion:reduce){.product-segmented__item{transition:none}}