.j-list-group{border:1px solid var(--j-border,#e8e8e8);background:var(--j-surface,#fff);border-radius:24px;overflow:hidden}.j-list-group[data-variant=plain]{border:0;border-radius:0}.j-list-group+.j-list-group{margin-top:24px}.j-list-row{width:100%;min-height:64px;color:var(--j-text,#0d0d0d);background:var(--j-surface,#fff);box-sizing:border-box;align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative}.j-list-row[data-selected=true]{background:var(--j-selected-bg,#f2f2f2)}.j-list-row[data-disabled=true]{opacity:.4}.j-list-row[data-danger=true]{color:var(--j-danger,#b91c1c)}.j-list-main{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.j-list-leading{width:32px;min-width:32px;color:inherit;justify-content:center;align-items:center;display:flex}.j-list-leading svg{stroke-width:1.8px;width:22px;height:22px}.j-list-copy{flex:1;min-width:0}.j-list-label{font:500 17px/26px var(--j-font);overflow-wrap:anywhere;display:block}.j-list-description{font:400 14px/22px var(--j-font);color:var(--j-text-muted,#666);white-space:pre-wrap;overflow-wrap:anywhere;margin-top:2px;display:block}.j-list-trailing{min-width:0;max-width:42%;color:var(--j-text-muted,#666);font:400 14px/22px var(--j-font);flex-shrink:0;align-items:center;gap:8px;display:flex}.j-list-value{text-align:right;overflow-wrap:anywhere;min-width:0}.j-list-chevron{color:#999;flex-shrink:0;width:16px;height:16px}.j-list-primary{text-align:left;min-width:0;min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;align-self:stretch;align-items:center;gap:12px;padding:0;text-decoration:none;display:flex}.j-list-primary:focus-visible{background:#e8e8e8;outline:0;box-shadow:0 0 0 2px #66666659}.j-list-primary:disabled{cursor:default}.j-list-divider{background:var(--j-border,#e8e8e8);pointer-events:none;height:1px;margin-left:60px}.j-list-divider[data-no-icon=true]{margin-left:16px}.j-list-group>[data-list-item]:last-of-type>.j-list-divider{display:none}@media (hover:hover){.j-list-row:not([data-disabled=true]):has(.j-list-primary:hover){background:#f7f7f7}.j-list-row[data-selected=true]:has(.j-list-primary:hover){background:#f2f2f2}}.j-list-primary:active{background:#f2f2f2}.j-interactive-surface,.j-interactive-surface *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.j-interactive-surface img{-webkit-user-drag:none}.j-interactive-surface :is(input,textarea,select,[contenteditable]:not([contenteditable=false]),[data-native-selection]),.j-interactive-surface [data-native-selection] *{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.j-list-status{font:400 14px/22px var(--j-font);color:#666;padding:8px 16px}.j-list-status:empty{display:none}.j-item-menu-action{text-align:left;color:#0d0d0d;width:100%;min-height:48px;font:400 17px/24px var(--j-font);overflow-wrap:anywhere;background:#fff;border:0;outline:none;align-items:center;gap:12px;padding:10px 16px;display:flex}.j-item-menu-action+.j-item-menu-action{border-top:1px solid #e8e8e8}.j-item-menu-action svg{width:20px;height:20px}.j-item-menu-action[data-danger=true]{color:#b91c1c}.j-item-menu-action:focus-visible{text-underline-offset:4px;background:#e8e8e8;text-decoration:underline}.j-item-menu-action:disabled{opacity:.4}.j-item-menu-action:active{background:#f2f2f2}.j-copy-feedback{left:16px;right:16px;bottom:max(16px,env(safe-area-inset-bottom));z-index:400;color:#242424;max-width:520px;font:400 16px/24px var(--j-font);background:#fff;border:1px solid #e8e8e8;border-radius:16px;margin:auto;padding:12px 16px;position:fixed;box-shadow:0 4px 20px #00000014}.j-list-leading{align-self:center;min-height:32px}.j-list-primary,.j-list-main{align-items:center}:is(.j-list-row:has(.j-list-description) .j-list-primary,.j-list-row:has(.j-list-description) .j-list-main){align-items:flex-start}.j-list-row:has(.j-list-description) .j-list-leading{align-self:flex-start}.j-list-row[data-value-flow=below]{flex-wrap:wrap;row-gap:6px}.j-list-row[data-value-flow=below]>.j-list-primary,.j-list-row[data-value-flow=below]>.j-list-main{flex-basis:100%}.j-list-row[data-value-flow=below]>.j-list-trailing{flex-basis:calc(100% - var(--j-list-text-inset,60px) + 16px);max-width:none;margin-left:calc(var(--j-list-text-inset,60px) - 16px);justify-content:space-between}.j-list-row[data-value-flow=below] .j-list-value{text-align:left}[data-list-drag-handle]{align-self:flex-start;align-items:center;min-height:32px;display:flex}
