.queryBuilder{--v-gap-size: var(--chakra-space-3);--h-gap-size: var(--chakra-space-2);--line-spacing: var(--chakra-space-2);--line-radius: 4px}.ruleGroup{display:flex;flex-direction:column;row-gap:var(--v-gap-size);padding:var(--chakra-space-4);border-width:1px;border-color:var(--chakra-colors-gray-200);background:var(--chakra-colors-blackAlpha-100);border-radius:var(--chakra-radii-lg)}.ruleGroup .ruleGroup-remove,.ruleGroup .rule-remove{margin-left:auto}.ruleGroup .ruleGroup-body{display:flex;flex-direction:column;row-gap:var(--v-gap-size)}.ruleGroup .ruleGroup-body:empty{display:none}.ruleGroup .ruleGroup-header,.ruleGroup .rule{display:flex;align-items:center;column-gap:var(--h-gap-size);position:relative;padding-left:var(--line-spacing)}.ruleGroup .ruleGroup{position:relative;margin-left:var(--line-spacing)}.ruleGroup .ruleGroup-header:after,.ruleGroup .rule:after,.ruleGroup .ruleGroup:after,.ruleGroup .rule:before,.ruleGroup .ruleGroup:before{content:"";border-left:1px solid var(--chakra-colors-gray-300);width:var(--line-spacing);display:block;position:absolute;left:0}.ruleGroup .ruleGroup-header:after,.ruleGroup .rule:after,.ruleGroup .ruleGroup:after{border-top-left-radius:var(--line-radius);border-top:1px solid var(--chakra-colors-gray-300);bottom:calc((var(--line-spacing) * -1) - 1px);top:50%}.ruleGroup .rule:before,.ruleGroup .ruleGroup:before{border-bottom-left-radius:var(--line-radius);border-bottom:1px solid var(--chakra-colors-gray-300);top:calc((var(--line-spacing) * -1) - 1px);bottom:50%}.ruleGroup .rule:last-of-type:after,.ruleGroup .ruleGroup:last-of-type:after{display:none}.ruleGroup .ruleGroup:before,.ruleGroup .ruleGroup:after{left:calc((var(--line-spacing) * -1) - 1px);width:var(--line-spacing)}[data-inlinecombinators=disabled] .dndOver.rule,[data-inlinecombinators=disabled] .dndOver.ruleGroup-header{border-bottom-width:2px;border-bottom-style:dashed;border-bottom-color:#639;padding-bottom:calc(var(--chakra-space-2) * -1)}[data-inlinecombinators=enabled] .dndOver.rule:last-child,[data-inlinecombinators=enabled] .dndOver.ruleGroup-header,[data-inlinecombinators=enabled] .dndOver.rule+.betweenRules,[data-inlinecombinators=enabled] .dndOver.betweenRules{border-bottom-width:2px;border-bottom-style:dashed;border-bottom-color:#639;padding-bottom:calc(var(--chakra-space-2) * -1)}.ruleGroup.dndDragging,.rule.dndDragging{opacity:.5}.ruleGroup .queryBuilder-dragHandle,.rule .queryBuilder-dragHandle{cursor:move}[data-dnd=disabled] .queryBuilder-dragHandle{display:none}