@layer components{.wb{overflow:hidden}.wb-chrome{height:2.25rem;padding-inline:.875rem}.wb-chrome .dapp-tab{font-size:var(--text-caption)}.wb-tbl{margin:0;padding:.5rem 1rem .75rem;font-size:var(--text-caption)}.wb-tbl .tr{grid-template-columns:minmax(0,1fr) auto 6.25rem;align-items:center;column-gap:.75rem}.wb-tbl .tr.th{font-size:var(--text-ui)}@media(max-width:1023px){.wb-tbl .tr{grid-template-columns:minmax(0,1fr) 6.25rem}.wb-tbl .tr>:nth-child(2){display:none}}.wb-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wb-input{display:flex;align-items:center;height:1.875rem;padding-inline:.5rem;border:1px solid var(--color-line-2);border-radius:var(--radius-inner);background:var(--color-sheet);font-size:var(--text-ui);white-space:nowrap;transition:border-color var(--duration-ui) linear,box-shadow var(--duration-ui) linear}.wb-field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.wb-field>.wb-ph,.wb-field>.wb-val{grid-area:1 / 1}.wb-ph{color:var(--color-ink-2);visibility:hidden}.wb-ok{display:grid;place-items:center;color:var(--color-brand);transition:opacity var(--duration-state) linear,transform var(--duration-state) var(--ease-out)}.wb-ok .ico{width:.875rem;height:.875rem;stroke-width:2.25}:where(.motion) [data-wb].is-before .wb-ph{visibility:visible}:where(.motion) [data-wb].is-before .wb-val{visibility:hidden}:where(.motion) [data-wb] .wb-val .ch{visibility:hidden}:where(.motion) [data-wb] .wb-val .ch.on{visibility:visible}:where(.motion) [data-wb].is-focus .wb-ph{visibility:hidden}:where(.motion) [data-wb].is-focus .wb-field{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-brand) 22%,transparent)}:where(.motion) [data-wb]:not(.is-saved) .wb-ok{opacity:0;transform:scale(.6)}.wb-field{transition:border-color var(--duration-ui) linear,box-shadow var(--duration-ui) linear,transform var(--duration-ui) var(--ease-out)}:where(.motion) [data-wb].is-press .wb-field{transform:scale(.97)}}