table{border-collapse:collapse;width:100%;margin-top:20px}th,td{border:1px solid #ddd;padding:8px}th{background-color:#f2f2f2}.App{width:100%;height:100%;display:grid;grid-template-columns:minmax(10px,1fr) 20fr 10px 20fr minmax(10px,1fr);grid-template-rows:minmax(min-content,max-content) minmax(min-content,max-content) 50px minmax(min-content,max-content) 10px;grid-template-areas:". h h h ." ". q . b ." ". a a a ." ". t t t ." ". f f f ."}.App>.header{grid-area:h;text-align:center}.App>.query{grid-area:q}.App>.table{grid-area:t}.App>.footer{grid-area:f;text-align:center}.App>.builder{grid-area:b}.App>.actions{grid-area:a;display:flex;justify-content:flex-start;gap:10px}@media screen and (max-width: 850px){.App{width:100%;height:100%;display:grid;grid-template-columns:10px 1fr 10px;grid-template-rows:minmax(min-content,max-content) minmax(min-content,max-content) 10px minmax(min-content,max-content) 50px minmax(min-content,max-content) 20px;grid-template-areas:". h ." ". q ." ". . ." ". b ." ". a ." ". t ." ". f ."}}.button-wrapper{display:flex;gap:10px;padding:10px 0}.copyright{font-size:10px}.title{font-size:2rem;font-weight:700;letter-spacing:1px;padding:1rem 0;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.editor{overflow-y:auto;border-color:#8081a2;border-style:solid;border-radius:.25rem;border-width:1px;min-height:200px;resize:vertical}.svg-font-color svg>path{fill:var(--ifm-font-color-base)}.queryBuilder{min-width:420px}.validateQuery .queryBuilder .ruleGroup.queryBuilder-invalid{background-color:#6396}.validateQuery .queryBuilder .ruleGroup.queryBuilder-invalid .ruleGroup-addRule{font-weight:700!important}.validateQuery .queryBuilder .ruleGroup.queryBuilder-invalid>.ruleGroup-header:after{content:"Empty groups are considered invalid. Avoid them by using addRuleToNewGroups.";color:#fff}.validateQuery .queryBuilder .rule.queryBuilder-invalid .rule-value{background-color:#6396}.validateQuery .queryBuilder .rule.queryBuilder-invalid .rule-value::placeholder{color:#47246b}html[data-theme=dark] .validateQuery .queryBuilder .rule.queryBuilder-invalid .rule-value::placeholder{color:#945ec9}.justifiedLayout .queryBuilder .ruleGroup-addGroup+button.ruleGroup-cloneGroup,.justifiedLayout .queryBuilder .ruleGroup-addGroup+button.ruleGroup-lock,.justifiedLayout .queryBuilder .ruleGroup-addGroup+button.ruleGroup-remove{margin-left:auto!important}.justifiedLayout .queryBuilder .rule-operators+button.rule-cloneRule,.justifiedLayout .queryBuilder .rule-operators+button.rule-lock,.justifiedLayout .queryBuilder .rule-operators+button.rule-remove,.justifiedLayout .queryBuilder .rule-value+button.rule-cloneRule,.justifiedLayout .queryBuilder .rule-value+button.rule-lock,.justifiedLayout .queryBuilder .rule-value+button.rule-remove,.justifiedLayout .queryBuilder .control+button.rule-cloneRule,.justifiedLayout .queryBuilder .control+button.rule-lock,.justifiedLayout .queryBuilder .control+button.rule-remove,.justifiedLayout .queryBuilder .chakra-select__wrapper+button.rule-cloneRule,.justifiedLayout .queryBuilder .chakra-select__wrapper+button.rule-lock,.justifiedLayout .queryBuilder .chakra-select__wrapper+button.rule-remove{margin-left:auto!important}.ruleGroup{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;border-width:1px}.ruleGroup .ruleGroup-body{display:flex;flex-direction:column;gap:.5rem}.ruleGroup .ruleGroup-body:empty{display:none}.ruleGroup .ruleGroup-header,.ruleGroup .rule{display:flex;gap:.5rem;align-items:center}.ruleGroup .rule .rule-value:has(.rule-value-list-item){display:flex;gap:.5rem;align-items:baseline}.ruleGroup .betweenRules{display:flex}.ruleGroup .shiftActions{display:flex;flex-direction:column}.ruleGroup .shiftActions>*{padding:0}.dndOver.rule,.dndOver.ruleGroup-header{padding-bottom:.5rem}.dndOver.betweenRules{padding-top:.5rem}.queryBuilder-branches .ruleGroup-body{margin-left:1rem}.queryBuilder-branches .rule,.queryBuilder-branches .ruleGroup .ruleGroup{position:relative}.queryBuilder-branches .rule:before,.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{content:"";width:.5rem;left:calc(-.5rem - 1px);border-radius:0;position:absolute}.queryBuilder-branches .rule:before,.queryBuilder-branches .ruleGroup .ruleGroup:before{top:-.5rem;height:calc(50% + .5rem);border-width:0 0 1px 1px}.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:after{top:50%;height:50%;border-width:0 0 0 1px}.queryBuilder-branches .rule:last-child:after,.queryBuilder-branches .ruleGroup .ruleGroup:last-child:after{display:none}.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{left:calc(-.5rem - 2px)}.queryBuilder-branches .ruleGroup .ruleGroup:before{top:calc(-.5rem - 1px);height:calc(50% + .5rem + 1px)}.queryBuilder-branches .ruleGroup .ruleGroup:after{height:calc(50% + 1px)}.queryBuilder-branches .betweenRules:before{content:"";width:.5rem;left:calc(-.5rem - 1px);border-radius:0;position:absolute;top:-.5rem;height:calc(100% + .5rem);border-width:0 0 0 1px}.ruleGroup{border-color:#8081a2;border-style:solid;border-radius:.25rem;background:#004bb733}.ruleGroup .shiftActions>*{background-color:transparent;border:none;cursor:pointer}.dndOver.rule,.dndOver.ruleGroup-header{border-bottom-width:2px;border-bottom-style:dashed;border-bottom-color:#639}.dndOver.rule.dndCopy,.dndOver.ruleGroup-header.dndCopy{border-bottom-color:#693}.dndOver.betweenRules{border-top-width:2px;border-top-style:dashed;border-top-color:#639}.dndOver.betweenRules.dndCopy{border-top-color:#693}.ruleGroup.dndDragging,.rule.dndDragging{opacity:.5}.ruleGroup .queryBuilder-dragHandle,.rule .queryBuilder-dragHandle{cursor:move}.queryBuilder-branches .rule:before,.queryBuilder-branches .rule:after,.queryBuilder-branches .ruleGroup .ruleGroup:before,.queryBuilder-branches .ruleGroup .ruleGroup:after{border-color:#8081a2;border-style:solid}.queryBuilder-branches .rule:last-child:before,.queryBuilder-branches .ruleGroup .ruleGroup:last-child:before{border-bottom-left-radius:.25rem}.queryBuilder-branches .betweenRules{position:relative}.queryBuilder-branches .betweenRules:before{border-color:#8081a2;border-style:solid}