/* geist-cyrillic-400-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/geist-cyrillic-400-normal-DnEqMUkt.woff2) format('woff2'), url(/assets/geist-cyrillic-400-normal-DoYExElg.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* geist-latin-ext-400-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/geist-latin-ext-400-normal-BP0SqLoz.woff2) format('woff2'), url(/assets/geist-latin-ext-400-normal-CxhClfoC.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* geist-latin-400-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 400; src: url(/assets/geist-latin-400-normal-DSkA1yZt.woff2) format('woff2'), url(/assets/geist-latin-400-normal-BnFbi-1n.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }/* geist-cyrillic-500-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/geist-cyrillic-500-normal-C6JjjZZ1.woff2) format('woff2'), url(/assets/geist-cyrillic-500-normal-DEcJ8qix.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* geist-latin-ext-500-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/geist-latin-ext-500-normal-0UPWgPJt.woff2) format('woff2'), url(/assets/geist-latin-ext-500-normal-Cp7xHeNA.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* geist-latin-500-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 500; src: url(/assets/geist-latin-500-normal-DJ9fwJi3.woff2) format('woff2'), url(/assets/geist-latin-500-normal-CIqOcbcu.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }/* geist-cyrillic-600-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/geist-cyrillic-600-normal-X9X0urb-.woff2) format('woff2'), url(/assets/geist-cyrillic-600-normal-64f_Uksv.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* geist-latin-ext-600-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/geist-latin-ext-600-normal-CEqX-wEv.woff2) format('woff2'), url(/assets/geist-latin-ext-600-normal-ei6D1j5L.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* geist-latin-600-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 600; src: url(/assets/geist-latin-600-normal-C4XfSTOc.woff2) format('woff2'), url(/assets/geist-latin-600-normal-CvyQaDJg.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }/* geist-cyrillic-700-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/geist-cyrillic-700-normal-Bby3OhD7.woff2) format('woff2'), url(/assets/geist-cyrillic-700-normal-rSfeQ698.woff) format('woff'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; } /* geist-latin-ext-700-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/geist-latin-ext-700-normal-V3Z5_AfI.woff2) format('woff2'), url(/assets/geist-latin-ext-700-normal-DPScEqPK.woff) format('woff'); unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; } /* geist-latin-700-normal */ @font-face { font-family: 'Geist'; font-style: normal; font-display: swap; font-weight: 700; src: url(/assets/geist-latin-700-normal-CKFtLPQ7.woff2) format('woff2'), url(/assets/geist-latin-700-normal-BKs1SfBc.woff) format('woff'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }._spinner_125jf_1 { transform-origin: center; animation: _spinner_StKS_125jf_1 .75s infinite linear; } @keyframes _spinner_StKS_125jf_1 { 100% { transform: rotate(360deg); } }._root_10x6h_1 { display: flex; justify-content: space-between; text-align: left; padding: 0.4375rem 0.75rem; /* Assuming rem(7) is 0.4375rem and rem(12) is 0.75rem */ margin-bottom: 0.225rem; border-radius: var(--mantine-radius-md); /* Assuming theme.radius.md is a CSS variable --radius-md */ font-size: 14px; color: var(--mantine-black); /* Assuming theme.black is a CSS variable --black */ cursor: pointer; gap: 0 !important; } ._root_10x6h_1:hover { background-color: var(--mantine-color-gray-2); /* Assuming theme.colors.gray[2] is a CSS variable --gray-2 */ color: var(--mantine-black); } ._root_10x6h_1[data-active='true'] { background-color: var(--mantine-color-gray-2); font-weight: 600; color: var(--black); } ._root_10x6h_1[data-active='true']:hover { background-color: var(--mantine-color-gray-2); } ._compactRoot_10x6h_33 { display: flex; align-items: center; justify-content: center; text-align: center; padding: 0; margin-bottom: 0.375rem; border-radius: var(--mantine-radius-md); transition: all 0.15s ease; cursor: pointer; gap: 0 !important; } ._compactRoot_10x6h_33:hover { background-color: var(--mantine-color-gray-2); } ._compactRoot_10x6h_33[data-active='true'] { background-color: var(--mantine-color-gray-2); } ._compactRoot_10x6h_33[data-active='true']:hover { background-color: var(--mantine-color-gray-2); } ._text_10x6h_58 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--mantine-black); font-weight: 500; } ._badge_10x6h_67 { background-color: var(--mantine-color-gray-1); border: 1px solid var(--mantine-color-gray-2); border-radius: var(--mantine-radius-sm); }._gateContainerBase_1evsg_1 { display: flex; width: 100%; min-height: 200px; /* Ensure the container has some min height */ } ._gateContainerHiddenDetailed_1evsg_7 { justify-content: center; align-items: center; /* background is set dynamically in component for theme awareness */ border-radius: var(--mantine-radius-lg); padding: var(--mantine-spacing-xl); } ._gateContainerHiddenCompact_1evsg_15 { align-items: flex-start; padding: var(--mantine-spacing-sm); } /* Classes for buttonPosition */ ._justifyStart_1evsg_21 { justify-content: flex-start; } ._justifyCenter_1evsg_25 { justify-content: center; } ._justifyEnd_1evsg_29 { justify-content: flex-end; } ._promptPaper_1evsg_33 { max-width: 350px; width: 100%; } ._lockIconWrapper_1evsg_38 { border-radius: var(--mantine-radius-md); padding: var(--mantine-spacing-xs); border: 1px solid var(--mantine-color-gray-3); flex-shrink: 0; display: flex; } ._promptDivider_1evsg_46 { width: 100%; margin: 10px 0; } ._gateRoot_1evsg_51 { position: relative; } ._disabledContent_1evsg_55 { opacity: 0.7; filter: grayscale(100%); } ._overlayContainer_1evsg_60 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; /* background is set dynamically in component for theme awareness */ } ._compactButtonOverlayWrapper_1evsg_72 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: flex-start; padding: var(--mantine-spacing-sm); } :root{--rqb-spacing: 0.5rem;--rqb-border-width: 1px;--rqb-branch-indent: var(--rqb-spacing);--rqb-branch-width: var(--rqb-border-width);--rqb-base-color: #004bb8;--rqb-background-color: color-mix(in srgb, transparent, #004bb8 20%);--rqb-border-color: #8081a2;--rqb-border-style: solid;--rqb-border-radius: 0.25rem;--rqb-dnd-drop-indicator-color: rebeccapurple;--rqb-dnd-drop-indicator-style: dashed;--rqb-dnd-drop-indicator-width: 2px;--rqb-dnd-drop-indicator-copy-color: #693;--rqb-dnd-drop-indicator-copy-style: dashed;--rqb-dnd-drop-indicator-copy-width: 2px;--rqb-dnd-drop-indicator-group-color: #369;--rqb-dnd-drop-indicator-group-style: dashed;--rqb-dnd-drop-indicator-group-width: 2px;--rqb-dnd-drop-not-allowed-cursor: not-allowed;--rqb-branch-color: var(--rqb-border-color);--rqb-branch-radius: var(--rqb-border-radius);--rqb-branch-style: var(--rqb-border-style)}.ruleGroup{display:flex;flex-direction:column;gap:var(--rqb-spacing);padding:var(--rqb-spacing);border-width:var(--rqb-border-width)}.ruleGroup .ruleGroup-body{display:flex;flex-direction:column;gap:var(--rqb-spacing)}.ruleGroup .ruleGroup-body:empty{display:none}.ruleGroup .ruleGroup-header,.ruleGroup .rule{display:flex;gap:var(--rqb-spacing);align-items:center}.ruleGroup .rule .rule-value:has(.rule-value-list-item){display:flex;gap:var(--rqb-spacing);align-items:baseline}.ruleGroup .rule.rule-hasSubQuery{flex-wrap:wrap;padding:var(--rqb-spacing);border-width:var(--rqb-border-width)}.ruleGroup .rule.rule-hasSubQuery .ruleGroup-body{flex-basis:100%}.ruleGroup .betweenRules{display:flex}.ruleGroup .shiftActions{display:flex;flex-direction:column}.ruleGroup .shiftActions>*{padding:0}.dndOver.rule,.dndOver.ruleGroup-header{padding-bottom:var(--rqb-spacing)}.dndOver.betweenRules{padding-top:var(--rqb-spacing)}.dndGroup.rule.dndOver,.dndGroup.ruleGroup:has(.ruleGroup-header.dndOver){padding:var(--rqb-spacing)}.queryBuilder-branches:dir(ltr) .ruleGroup-body{margin-left:calc(2*var(--rqb-branch-indent))}.queryBuilder-branches:dir(ltr) .rule,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup{position:relative}.queryBuilder-branches:dir(ltr) .rule::before,.queryBuilder-branches:dir(ltr) .rule::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{content:"";width:var(--rqb-branch-indent);left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute}.queryBuilder-branches:dir(ltr) .rule::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before{top:calc(-1*var(--rqb-spacing));height:calc(50% + var(--rqb-spacing));border-width:0 0 var(--rqb-branch-width) var(--rqb-branch-width)}.queryBuilder-branches:dir(ltr) .rule::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{top:50%;height:50%;border-width:0 0 0 var(--rqb-branch-width)}.queryBuilder-branches:dir(ltr) .rule:last-child::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup:last-child::after{display:none}.queryBuilder-branches:dir(ltr) .rule-hasSubQuery::before,.queryBuilder-branches:dir(ltr) .rule-hasSubQuery::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width) + var(--rqb-border-width)))}.queryBuilder-branches:dir(ltr) .rule-hasSubQuery::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before{top:calc(-1*(var(--rqb-spacing) + var(--rqb-border-width)));height:calc(50% + var(--rqb-spacing) + var(--rqb-border-width))}.queryBuilder-branches:dir(ltr) .rule-hasSubQuery::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{height:calc(50% + var(--rqb-border-width))}.queryBuilder-branches:dir(ltr) .betweenRules{position:relative}.queryBuilder-branches:dir(ltr) .betweenRules::before{content:"";width:var(--rqb-branch-indent);left:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute;top:calc(-1*var(--rqb-spacing));height:calc(100% + var(--rqb-spacing));border-width:0 0 0 var(--rqb-branch-width)}.queryBuilder-branches:dir(rtl) .ruleGroup-body{margin-right:calc(2*var(--rqb-branch-indent))}.queryBuilder-branches:dir(rtl) .rule,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup{position:relative}.queryBuilder-branches:dir(rtl) .rule::before,.queryBuilder-branches:dir(rtl) .rule::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{content:"";width:var(--rqb-branch-indent);right:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute}.queryBuilder-branches:dir(rtl) .rule::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{top:calc(-1*var(--rqb-spacing));height:calc(50% + var(--rqb-spacing));border-width:0 var(--rqb-branch-width) var(--rqb-branch-width) 0}.queryBuilder-branches:dir(rtl) .rule::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before{top:50%;height:50%;border-width:0 var(--rqb-branch-width) 0 0}.queryBuilder-branches:dir(rtl) .rule:last-child::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup:last-child::before{display:none}.queryBuilder-branches:dir(rtl) .rule-hasSubQuery::before,.queryBuilder-branches:dir(rtl) .rule-hasSubQuery::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{right:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width) + var(--rqb-border-width)))}.queryBuilder-branches:dir(rtl) .rule-hasSubQuery::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{top:calc(-1*(var(--rqb-spacing) + var(--rqb-border-width)));height:calc(50% + var(--rqb-spacing) + var(--rqb-border-width))}.queryBuilder-branches:dir(rtl) .rule-hasSubQuery::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before{height:calc(50% + var(--rqb-border-width))}.queryBuilder-branches:dir(rtl) .betweenRules{position:relative}.queryBuilder-branches:dir(rtl) .betweenRules::after{content:"";width:var(--rqb-branch-indent);right:calc(-1*(var(--rqb-branch-indent) + var(--rqb-branch-width)));border-radius:0;position:absolute;top:calc(-1*var(--rqb-spacing));height:calc(100% + var(--rqb-spacing));border-width:0 var(--rqb-branch-width) 0 0}.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.rule-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-combinators+.rule-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-remove,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .shiftActions+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .shiftActions+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .shiftActions+.rule-lock,.queryBuilder-justified:dir(ltr) .shiftActions+.rule-remove,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.rule-lock,.queryBuilder-justified:dir(ltr) .queryBuilder-dragHandle+.rule-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-notToggle+.rule-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.rule-lock,.queryBuilder-justified:dir(ltr) .ruleGroup-header+.rule-remove,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .rule-operators+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .rule-operators+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .rule-operators+.rule-lock,.queryBuilder-justified:dir(ltr) .rule-operators+.rule-remove,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .rule-value+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .rule-value+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .rule-value+.rule-lock,.queryBuilder-justified:dir(ltr) .rule-value+.rule-remove,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .control+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .control+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .control+.rule-lock,.queryBuilder-justified:dir(ltr) .control+.rule-remove,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.rule-cloneRule,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.rule-lock,.queryBuilder-justified:dir(ltr) .chakra-select__wrapper+.rule-remove,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-addRule,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-addGroup,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-lock,.queryBuilder-justified:dir(ltr) input[type=hidden]+.ruleGroup-remove,.queryBuilder-justified:dir(ltr) input[type=hidden]+.rule-cloneRule,.queryBuilder-justified:dir(ltr) input[type=hidden]+.rule-lock,.queryBuilder-justified:dir(ltr) input[type=hidden]+.rule-remove{margin-left:auto !important}.queryBuilder-justified:dir(ltr) .ruleGroup-addRule:first-child,.queryBuilder-justified:dir(ltr) .ruleGroup-addGroup:first-child{margin-left:auto !important}.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.rule-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-combinators+.rule-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-remove,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .shiftActions+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .shiftActions+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .shiftActions+.rule-lock,.queryBuilder-justified:dir(rtl) .shiftActions+.rule-remove,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.rule-lock,.queryBuilder-justified:dir(rtl) .queryBuilder-dragHandle+.rule-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-notToggle+.rule-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.rule-lock,.queryBuilder-justified:dir(rtl) .ruleGroup-header+.rule-remove,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .rule-operators+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .rule-operators+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .rule-operators+.rule-lock,.queryBuilder-justified:dir(rtl) .rule-operators+.rule-remove,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .rule-value+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .rule-value+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .rule-value+.rule-lock,.queryBuilder-justified:dir(rtl) .rule-value+.rule-remove,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .control+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .control+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .control+.rule-lock,.queryBuilder-justified:dir(rtl) .control+.rule-remove,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.rule-cloneRule,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.rule-lock,.queryBuilder-justified:dir(rtl) .chakra-select__wrapper+.rule-remove,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-addRule,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-addGroup,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-cloneGroup,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-lock,.queryBuilder-justified:dir(rtl) input[type=hidden]+.ruleGroup-remove,.queryBuilder-justified:dir(rtl) input[type=hidden]+.rule-cloneRule,.queryBuilder-justified:dir(rtl) input[type=hidden]+.rule-lock,.queryBuilder-justified:dir(rtl) input[type=hidden]+.rule-remove{margin-right:auto !important}.queryBuilder-justified:dir(rtl) .ruleGroup-addRule:first-child,.queryBuilder-justified:dir(rtl) .ruleGroup-addGroup:first-child{margin-right:auto !important}.ruleGroup,.rule-hasSubQuery{border-color:var(--rqb-border-color);border-style:var(--rqb-border-style);border-radius:var(--rqb-border-radius);background:var(--rqb-background-color)}.ruleGroup .shiftActions>*,.rule-hasSubQuery .shiftActions>*{background-color:rgba(0,0,0,0);border:none;cursor:pointer}.dndOver.rule,.dndOver.ruleGroup-header:not(.dndGroup .ruleGroup-header){border-bottom-width:var(--rqb-dnd-drop-indicator-width);border-bottom-style:var(--rqb-dnd-drop-indicator-style);border-bottom-color:var(--rqb-dnd-drop-indicator-color)}.dndOver.rule.dndCopy,.dndOver.ruleGroup-header:not(.dndGroup .ruleGroup-header).dndCopy{border-bottom-width:var(--rqb-dnd-drop-indicator-copy-width);border-bottom-style:var(--rqb-dnd-drop-indicator-copy-style);border-bottom-color:var(--rqb-dnd-drop-indicator-copy-color)}.dndOver.betweenRules{border-top-width:var(--rqb-dnd-drop-indicator-width);border-top-style:var(--rqb-dnd-drop-indicator-style);border-top-color:var(--rqb-dnd-drop-indicator-color)}.dndOver.betweenRules.dndCopy{border-top-width:var(--rqb-dnd-drop-indicator-copy-width);border-top-style:var(--rqb-dnd-drop-indicator-copy-style);border-top-color:var(--rqb-dnd-drop-indicator-copy-color)}.dndDropNotAllowed{cursor:var(--rqb-dnd-drop-not-allowed-cursor)}.dndGroup.rule.dndOver,.dndGroup.ruleGroup:has(>.ruleGroup-header.dndOver){border-width:var(--rqb-dnd-drop-indicator-group-width);border-style:var(--rqb-dnd-drop-indicator-group-style);border-color:var(--rqb-dnd-drop-indicator-group-color);border-radius:var(--rqb-border-radius)}.dndGroup.rule.dndOver.dndCopy,.dndGroup.ruleGroup:has(>.ruleGroup-header.dndOver).dndCopy{border-color:var(--rqb-dnd-drop-indicator-copy-color);border-width:var(--rqb-dnd-drop-indicator-copy-width);border-style:var(--rqb-dnd-drop-indicator-copy-style)}.ruleGroup.dndDragging,.rule.dndDragging{opacity:.5}.ruleGroup .queryBuilder-dragHandle,.rule .queryBuilder-dragHandle{cursor:move}.ruleGroup.queryBuilder-disabled .queryBuilder-dragHandle,.rule.queryBuilder-disabled .queryBuilder-dragHandle{cursor:not-allowed;opacity:.5}.queryBuilder-branches:dir(ltr) .rule::before,.queryBuilder-branches:dir(ltr) .rule::after,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup::after{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.queryBuilder-branches:dir(ltr) .rule:last-child::before,.queryBuilder-branches:dir(ltr) .ruleGroup .ruleGroup:last-child::before{border-bottom-left-radius:var(--rqb-branch-radius)}.queryBuilder-branches:dir(ltr) .betweenRules{position:relative}.queryBuilder-branches:dir(ltr) .betweenRules::before{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.queryBuilder-branches:dir(rtl) .rule::before,.queryBuilder-branches:dir(rtl) .rule::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::before,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup::after{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}.queryBuilder-branches:dir(rtl) .rule:last-child::after,.queryBuilder-branches:dir(rtl) .ruleGroup .ruleGroup:last-child::after{border-bottom-right-radius:var(--rqb-branch-radius)}.queryBuilder-branches:dir(rtl) .betweenRules{position:relative}.queryBuilder-branches:dir(rtl) .betweenRules::after{border-color:var(--rqb-branch-color);border-style:var(--rqb-branch-style)}/*# sourceMappingURL=query-builder.css.map */ ._wrapper_16vcu_1 { display: flex; flex-wrap: nowrap; width: 100%; } ._input_16vcu_7 { width: 100%; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: transparent; border-radius: var(--mantine-radius-md); padding: 1px 10px; transition: background-color .3s ease-in-out, box-shadow .3s ease-in-out; height: calc(1em + 12px); /* 1em for the font size and 2px for the top and bottom padding */ &:hover { background-color: var(--mantine-color-gray-1); } &:focus { box-shadow: none; background-color: var(--mantine-color-gray-1); } } ._input_16vcu_7[data-show-required="true"] { box-shadow: 0 0 0 1px var(--mantine-color-red-4) inset; background-color: var(--mantine-color-red-0); } ._inputRightSection_16vcu_33 { display: flex; align-items: center; margin-right: 10px; }/* styles for List component */ ._listRoot_qch77_2 { max-height: 200px; /* Assuming rem(200) translates to 200px, adjust if needed */ padding: 5px 12px; display: flex; overflow: auto; gap: 3px; /* Assuming rem(3) translates to 3px, adjust if needed */ } ._listRootNoWrap_qch77_10 { flex-wrap: nowrap; height: 36px; /* Assuming rem(36) translates to 36px, adjust if needed */ -webkit-scrollbar-display: none; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } ._listRootWrap_qch77_18 { flex-wrap: wrap; height: auto; overflow: auto; } ._listItem_qch77_24 { width: auto; display: flex; align-items: center; justify-content: center; color: #fff; padding-right: 5px; font-size: 14px; list-style: none; border-radius: 6px; } /* styles for Badge component */ ._badgeRoot_qch77_37 { padding: 3px 12px; display: flex; text-transform: none; /* background: theme.white; - This needs to be handled by Mantine theme */ /* border: 1px solid theme.colors.gray[2]; - This needs to be handled by Mantine theme */ /* color: theme.colors.gray[7]; - This needs to be handled by Mantine theme */ height: 26px; font-size: 12px; font-weight: 500; /* borderRadius: theme.radius.md; - This needs to be handled by Mantine theme */ white-space: nowrap; flex-shrink: 0; } ._badgeInner_qch77_52 { width: 100%; } ._root_1nhxn_1 { border: 1px solid var(--mantine-color-gray-2); color: var(--mantine-color-gray-7); background: #fff; box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 1px; } ._inner_1nhxn_8 { text-transform: none; color: var(--mantine-color-gray-7); font-weight: 400; } ._leftSection_1nhxn_14 { display: flex; margin-right: 7px; } ._rightSection_1nhxn_19 { margin-left: 7px; } ._hideMargin_1nhxn_23 { span { margin: 0; } }._dropdown_brdhk_1 { width: 280px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04); border-radius: var(--mantine-radius-sm); border: 1px solid var(--mantine-color-gray-2); z-index: 10002 !important; padding: 4px !important; } ._dropdown_brdhk_1 [data-combobox-option] { padding: 6px 10px !important; } ._item_brdhk_14 { padding: 6px 10px; } ._baseIconWrapper_brdhk_18 { position: relative; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; } ._overlayBadge_brdhk_27 { position: absolute; bottom: -2px; right: -2px; width: 14px; height: 14px; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 2px; flex-shrink: 0; padding: 3px; /* As per user's latest diff */ border: 1px solid var(--mantine-color-gray-2); background-color: white; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } ._badgeInnerContent_brdhk_45 { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } ._fallbackIconWrapper_brdhk_53 { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; } ._wrapper_1xn4r_1 { margin: 1px; border-radius: var(--mantine-radius-md); } ._wrapperFocused_1xn4r_6 { box-shadow: 0px 0px 0px 1px var(--mantine-color-gray-5); } ._wrapperBlurred_1xn4r_10 { box-shadow: 0px 0px 0px 1px var(--mantine-color-gray-3); } ._container_1xn4r_14 { display: flex; border-radius: 8px; background-color: #fff; min-height: 36px; flex-direction: column; justify-content: center; } ._valueContainer_1xn4r_23 { display: flex; align-items: center; } ._valueContainerFocused_1xn4r_28 { cursor: text; } ._valueContainerBlurred_1xn4r_32 { cursor: pointer; } ._autocompleteInput_1xn4r_36 { border: none !important; } ._autocompleteInput_1xn4r_36:focus { box-shadow: none !important; } ._autocompleteInputError_1xn4r_44::placeholder { color: var(--mantine-color-red-6); } ._autocompleteInputNormal_1xn4r_48::placeholder { color: var(--mantine-color-gray-4); } ._iconError_1xn4r_52 { color: var(--mantine-color-red-6); } ._iconNormal_1xn4r_56 { color: var(--mantine-color-gray-5); }._itemContainer_e5w4i_1 { width: 100%; transition: all 0.2s ease; margin-bottom: 6px; border-radius: 6px; } ._flexibleItem_e5w4i_8 { border: 1px solid var(--mantine-color-gray-2); } ._nonFlexibleItem_e5w4i_12 { border: none; } ._itemHeader_e5w4i_16 { border-bottom: 1px solid var(--mantine-color-gray-2); background-color: var(--mantine-color-gray-0); border-radius: 6px 6px 0 0; padding: 4px 8px; min-height: 36px; } ._itemTitle_e5w4i_24 { color: var(--mantine-color-gray-7); font-size: 0.8rem; } ._flexColumn_e5w4i_29 { display: flex; flex-direction: column; width: 100%; } ._stackContent_e5w4i_35 { padding: 8px 10px; } ._flexibleContent_e5w4i_39 { background-color: var(--mantine-color-white); border-radius: 0 0 6px 6px; } ._nonFlexibleContent_e5w4i_44 { padding-left: 0; padding-right: 0; } ._addButton_e5w4i_49 { height: 32px; border-radius: 6px; border: 1px dashed var(--mantine-color-gray-3); background-color: var(--mantine-color-gray-0); transition: all 0.2s; margin-top: 2px; margin-bottom: 4px; } ._addButton_e5w4i_49:hover { background-color: var(--mantine-color-gray-1); border-color: var(--mantine-color-gray-4); } /* Collapsible section styles */ ._collapsibleHeader_e5w4i_66 { cursor: pointer; user-select: none; padding: 6px 8px; display: flex; align-items: center; justify-content: space-between; border-radius: 6px 6px 0 0; } ._collapsibleHeader_e5w4i_66:hover { background-color: var(--mantine-color-gray-1); } ._collapseIcon_e5w4i_80 { transition: transform 0.2s ease; color: var(--mantine-color-gray-5); margin-right: 4px; } ._collapseIcon_e5w4i_80._expanded_e5w4i_86 { transform: rotate(90deg); } /* SelectListModal - Clean Notion-like styles with folder navigation */ /* Search wrapper */ ._searchWrapper_u4pic_4 { padding: 12px 16px; background: white; border-bottom: 1px solid var(--mantine-color-gray-1); } /* Breadcrumb Navigation */ ._breadcrumbNav_u4pic_11 { display: flex; align-items: center; gap: 2px; padding: 8px 16px; background: var(--mantine-color-gray-0); border-bottom: 1px solid var(--mantine-color-gray-1); overflow-x: auto; min-height: 36px; } ._breadcrumbButton_u4pic_22 { display: flex; align-items: center; gap: 4px; padding: 4px 8px; border: none; background: transparent; color: var(--mantine-color-gray-5); cursor: pointer; border-radius: 4px; transition: all 0.1s ease; font-size: 12px; font-weight: 400; white-space: nowrap; } ._breadcrumbButton_u4pic_22:hover { background: white; color: var(--mantine-color-gray-7); } ._breadcrumbActive_u4pic_43 { color: var(--mantine-color-gray-8); font-weight: 500; } ._separator_u4pic_48 { color: var(--mantine-color-gray-2); flex-shrink: 0; } /* Navigation Container */ ._navigationContainer_u4pic_54 { height: 380px; overflow-y: auto; background: white; padding: 8px 0; } /* Scrollbar styling */ ._navigationContainer_u4pic_54::-webkit-scrollbar { width: 8px; } ._navigationContainer_u4pic_54::-webkit-scrollbar-track { background: transparent; } ._navigationContainer_u4pic_54::-webkit-scrollbar-thumb { background: var(--mantine-color-gray-2); border-radius: 4px; } ._navigationContainer_u4pic_54::-webkit-scrollbar-thumb:hover { background: var(--mantine-color-gray-3); } /* Folder Item */ ._folderItem_u4pic_80 { display: flex; align-items: center; justify-content: space-between; width: calc(100% - 24px); padding: 8px 12px; margin: 2px 12px; border: none; background: transparent; text-align: left; cursor: pointer; transition: background-color 0.1s ease; min-height: 32px; border-radius: var(--mantine-radius-md); overflow: hidden; } ._folderItem_u4pic_80:hover { background: var(--mantine-color-gray-0); } /* Play Item */ ._playItem_u4pic_102 { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 8px 16px; border: none; background: transparent; text-align: left; cursor: pointer; transition: background-color 0.1s ease; border-bottom: 1px solid transparent; } ._playItem_u4pic_102:hover { background: var(--mantine-color-gray-0); } /* List Item */ ._listItem_u4pic_121 { display: flex; align-items: center; width: calc(100% - 24px); padding: 8px 12px; margin: 2px 12px; cursor: pointer; transition: background-color 0.1s ease; min-height: 32px; border-radius: var(--mantine-radius-md); overflow: hidden; position: relative; } ._listItem_u4pic_121:hover { background: var(--mantine-color-gray-0); } ._listItemSelected_u4pic_139 { background: var(--mantine-color-gray-1); border: 1px solid var(--mantine-color-gray-3); padding: 7px 11px; margin: 2px 12px; } ._listItemSelected_u4pic_139:hover { background: var(--mantine-color-gray-2); } ._listItemSelected_u4pic_139 ._itemName_u4pic_150 { color: var(--mantine-color-gray-9); font-weight: 500; } ._listItemSelected_u4pic_139 ._itemIcon_u4pic_155 { color: var(--mantine-color-gray-7); } ._listItemSelected_u4pic_139 ._itemMeta_u4pic_159 { color: var(--mantine-color-gray-6); } ._listItemDisabled_u4pic_163 { cursor: not-allowed; } ._listItemDisabled_u4pic_163:hover { background: transparent; } /* Item Content */ ._itemContent_u4pic_172 { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 0; /* Important for nested flex truncation */ overflow: hidden; } ._itemIcon_u4pic_155 { color: var(--mantine-color-gray-6); flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; } ._itemName_u4pic_150 { color: var(--mantine-color-gray-8); font-size: 13px; font-weight: 400; line-height: 1.5; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; /* Important for flexbox text truncation */ } ._itemMeta_u4pic_159 { color: var(--mantine-color-gray-4); font-size: 11px; margin-left: auto; font-weight: 400; flex-shrink: 0; /* Prevent meta text from shrinking */ white-space: nowrap; /* Keep meta text on one line */ } ._chevron_u4pic_210 { color: var(--mantine-color-gray-3); flex-shrink: 0; transition: transform 0.15s ease; } ._folderItem_u4pic_80:hover ._chevron_u4pic_210, ._playItem_u4pic_102:hover ._chevron_u4pic_210 { transform: translateX(2px); } /* Empty State */ ._emptyState_u4pic_222 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 20px; color: var(--mantine-color-gray-4); font-size: 13px; text-align: center; gap: 12px; } ._emptyIcon_u4pic_234 { color: var(--mantine-color-gray-2); } /* Loading State */ ._loadingState_u4pic_239 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 80px 20px; color: var(--mantine-color-gray-4); font-size: 13px; text-align: center; gap: 12px; } /* Footer */ ._footer_u4pic_252 { padding: 16px; background: white; border-top: 1px solid var(--mantine-color-gray-1); } ._footerInfo_u4pic_258 { display: flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--mantine-color-gray-0); border: none; border-radius: 8px; margin-bottom: 12px; } ._footerActions_u4pic_269 { display: flex; gap: 8px; } /* Entity Filter Message */ ._entityFilterMessage_u4pic_275 { padding: 8px 16px; background: white; border-bottom: 1px solid var(--mantine-color-gray-1); font-size: 12px; color: var(--mantine-color-gray-5); } /* Responsive adjustments */ @media (max-width: 640px) { ._searchWrapper_u4pic_4 { padding: 14px; } ._breadcrumbNav_u4pic_11 { padding: 10px 14px; } ._folderItem_u4pic_80, ._playItem_u4pic_102, ._listItem_u4pic_121 { padding: 8px 14px; margin: 0 6px; width: calc(100% - 12px); } ._footer_u4pic_252 { padding: 14px; } ._navigationContainer_u4pic_54 { height: 340px; } } ._wizardContent_zz7m9_1 { animation: _fadeIn_zz7m9_1 0.3s ease; } @keyframes _fadeIn_zz7m9_1 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } ._wizardContent_zz7m9_1 { animation: _fadeIn_zz7m9_1 0.3s ease; } @keyframes _fadeIn_zz7m9_1 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } ._modalContent_1v0w2_1 { padding: 0; overflow: hidden; } ._modalHeader_1v0w2_6 { padding: 20px 24px; border-bottom: 1px solid var(--mantine-color-gray-2); background: white; margin: 0; } ._modalBody_1v0w2_13 { padding: 24px; background-color: var(--mantine-color-gray-0); margin: 0; max-height: 70vh; overflow-y: auto; } ._sectionTitle_1v0w2_21 { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--mantine-color-gray-6); margin-bottom: 16px; margin-top: 16px; } ._templateCard_1v0w2_31 { background: white; border: 1px solid var(--mantine-color-gray-2); border-radius: 8px; transition: all 0.2s ease; height: 100%; display: flex; flex-direction: column; min-height: 200px; overflow: hidden; &:hover { border-color: var(--mantine-color-gray-3); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transform: translateY(-1px); } } ._cardContent_1v0w2_49 { padding: 16px; flex: 1; display: flex; flex-direction: column; } ._cardHeader_1v0w2_56 { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; } ._cardTitle_1v0w2_63 { display: flex; align-items: center; gap: 8px; } ._iconWrapper_1v0w2_69 { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; background-color: var(--mantine-color-gray-1); flex-shrink: 0; } ._iconWrapper_1v0w2_69 svg { width: 14px; height: 14px; color: var(--mantine-color-gray-7); } ._templateName_1v0w2_86 { font-size: 14px; font-weight: 600; color: var(--mantine-color-dark-9); line-height: 1.3; } ._categoryBadge_1v0w2_93 { background-color: var(--mantine-color-gray-1); color: var(--mantine-color-gray-7); border: none; font-size: 10px; font-weight: 500; padding: 2px 6px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.3px; } ._description_1v0w2_105 { font-size: 13px; line-height: 1.5; color: var(--mantine-color-gray-6); margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } ._stats_1v0w2_116 { display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap; } ._statBadge_1v0w2_123 { background-color: var(--mantine-color-gray-0); border: 1px solid var(--mantine-color-gray-2); color: var(--mantine-color-gray-7); font-size: 11px; font-weight: 500; padding: 3px 8px; border-radius: 4px; display: inline-flex; align-items: center; gap: 4px; } ._statBadge_1v0w2_123 svg { width: 10px; height: 10px; } ._lists_1v0w2_141 { margin-top: auto; } ._listsTitle_1v0w2_145 { font-size: 11px; font-weight: 500; color: var(--mantine-color-gray-6); margin-bottom: 6px; } ._listItems_1v0w2_152 { display: flex; gap: 4px; flex-wrap: wrap; } ._listBadge_1v0w2_158 { background-color: var(--mantine-color-gray-0); color: var(--mantine-color-gray-7); border: 1px solid var(--mantine-color-gray-2); font-size: 12px; font-weight: 400; padding: 4px 8px; border-radius: 4px; display: inline-flex; align-items: center; gap: 4px; } ._moreCount_1v0w2_171 { font-size: 11px; color: var(--mantine-color-gray-5); padding: 4px 6px; } ._cardFooter_1v0w2_177 { padding: 12px 16px; background-color: var(--mantine-color-gray-0); border-top: 1px solid var(--mantine-color-gray-2); } ._useButton_1v0w2_183 { width: 100%; height: 32px; font-size: 13px; font-weight: 500; background-color: var(--mantine-color-dark-9); color: white; border: 1px solid var(--mantine-color-dark-9); transition: all 0.2s ease; &:hover { background-color: var(--mantine-color-dark-8); border-color: var(--mantine-color-dark-8); } } ._emptyState_1v0w2_199 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px; gap: 12px; } ._emptyIcon_1v0w2_208 { color: var(--mantine-color-gray-4); } ._modal_o2ud2_1 { &Content { padding: 0; } } ._modalHeader_o2ud2_7 { padding: 24px 24px 16px; border-bottom: 1px solid var(--mantine-color-gray-2); } ._modalBody_o2ud2_12 { padding: 24px; } ._sectionTitle_o2ud2_16 { font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--mantine-color-gray-6); margin-bottom: 16px; } ._templateCard_o2ud2_25 { background: white; border: 1px solid var(--mantine-color-gray-2); border-radius: 8px; transition: all 0.2s ease; height: 100%; display: flex; flex-direction: column; min-height: 200px; overflow: hidden; &:hover { border-color: var(--mantine-color-gray-3); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); transform: translateY(-1px); } } ._cardContent_o2ud2_43 { padding: 16px; flex: 1; display: flex; flex-direction: column; } ._cardHeader_o2ud2_50 { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 12px; } ._cardTitle_o2ud2_57 { display: flex; align-items: center; gap: 8px; } ._iconWrapper_o2ud2_63 { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 6px; background-color: var(--mantine-color-gray-1); flex-shrink: 0; } ._iconWrapper_o2ud2_63 svg { width: 14px; height: 14px; color: var(--mantine-color-gray-7); } ._templateName_o2ud2_80 { font-size: 14px; font-weight: 600; color: var(--mantine-color-dark-9); line-height: 1.3; } ._categoryBadge_o2ud2_87 { background-color: var(--mantine-color-gray-1); color: var(--mantine-color-gray-7); border: none; font-size: 10px; font-weight: 500; padding: 2px 6px; border-radius: 4px; text-transform: uppercase; letter-spacing: 0.3px; } ._description_o2ud2_99 { font-size: 13px; line-height: 1.5; color: var(--mantine-color-gray-6); margin-bottom: 12px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } ._stats_o2ud2_110 { display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap; } ._statBadge_o2ud2_117 { background-color: var(--mantine-color-gray-0); border: 1px solid var(--mantine-color-gray-2); color: var(--mantine-color-gray-7); font-size: 11px; font-weight: 500; padding: 3px 8px; border-radius: 4px; display: inline-flex; align-items: center; gap: 4px; } ._statBadge_o2ud2_117 svg { width: 10px; height: 10px; } ._lists_o2ud2_135 { margin-top: auto; } ._listsTitle_o2ud2_139 { font-size: 11px; font-weight: 500; color: var(--mantine-color-gray-6); margin-bottom: 6px; } ._listItems_o2ud2_146 { display: flex; gap: 4px; flex-wrap: wrap; } ._listBadge_o2ud2_152 { background-color: var(--mantine-color-gray-0); color: var(--mantine-color-gray-7); border: 1px solid var(--mantine-color-gray-2); font-size: 12px; font-weight: 400; padding: 4px 8px; border-radius: 4px; display: inline-flex; align-items: center; gap: 4px; } ._moreCount_o2ud2_165 { font-size: 11px; color: var(--mantine-color-gray-5); padding: 4px 6px; } ._cardFooter_o2ud2_171 { padding: 12px 16px; background-color: var(--mantine-color-gray-0); border-top: 1px solid var(--mantine-color-gray-2); } ._useButton_o2ud2_177 { width: 100%; height: 32px; font-size: 13px; font-weight: 500; background-color: var(--mantine-color-dark-9); color: white; border: 1px solid var(--mantine-color-dark-9); transition: all 0.2s ease; &:hover { background-color: var(--mantine-color-dark-8); border-color: var(--mantine-color-dark-8); } } ._tabsRoot_o2ud2_192 { background: transparent; } ._tabsList_o2ud2_196 { border-bottom: 1px solid var(--mantine-color-gray-2); margin-bottom: 16px; gap: 0; } ._tab_o2ud2_192 { padding: 12px 20px; font-size: 14px; font-weight: 500; color: var(--mantine-color-gray-6); border: none; border-bottom: 2px solid transparent; background: transparent; transition: all 0.2s ease; margin-right: 8px; border-radius: 0; } ._tab_o2ud2_192:hover { background-color: var(--mantine-color-gray-0); color: var(--mantine-color-gray-8); } ._tab_o2ud2_192[data-active] { color: var(--mantine-color-dark-9); border-bottom-color: var(--mantine-color-dark-9); background: transparent; } ._tab_o2ud2_192[data-active]:hover { background: transparent; } ._tabPanel_o2ud2_230 { padding-top: 0; animation: _fadeIn_o2ud2_1 0.3s ease; } @keyframes _fadeIn_o2ud2_1 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } ._emptyState_o2ud2_246 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; background: white; border: 1px solid var(--mantine-color-gray-2); border-radius: 8px; } ._emptyIcon_o2ud2_257 { color: var(--mantine-color-gray-4); margin-bottom: 12px; } /* Shared Modal Styles */ /* Layout */ ._scrollArea_1mgru_4 { flex-grow: 1; min-height: 0; max-height: 60vh; } ._content_1mgru_10 { padding: 0; animation: _fadeIn_1mgru_1 0.3s ease; } /* Sections */ ._section_1mgru_16 { margin: 0; } ._section_1mgru_16:first-child { padding-top: 4px; } ._section_1mgru_16:not(:first-child) { margin-top: 4px; } ._sectionHeader_1mgru_28 { color: var(--mantine-color-gray-6); font-size: 11px; font-weight: 600; letter-spacing: 0.5px; padding: 8px 0 4px 12px; text-transform: uppercase; } /* Option Cards */ ._optionCard_1mgru_38 { display: flex; align-items: flex-start; padding: 8px 12px; cursor: pointer; position: relative; transition: background-color 0.15s ease; gap: 12px; border-radius: 4px; margin: 0 0 2px 0; } ._optionCard_1mgru_38:hover { background-color: var(--mantine-color-gray-0); } ._optionCard_1mgru_38:active { background-color: var(--mantine-color-gray-1); } ._iconContainer_1mgru_58 { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: var(--mantine-color-gray-7); flex-shrink: 0; position: relative; border-radius: 6px; padding: 6px; border: 1px solid var(--mantine-color-gray-3); background-color: white; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } ._contentContainer_1mgru_74 { flex: 1; min-width: 0; padding-top: 2px; } ._title_1mgru_80 { font-size: 14px; font-weight: 600; color: var(--mantine-color-gray-9); margin-bottom: 4px; line-height: 1.3; } ._description_1mgru_88 { font-size: 13px; color: var(--mantine-color-gray-6); line-height: 1.4; } /* Wizard Steps */ ._wizardSidebar_1mgru_95 { width: 200px; flex-shrink: 0; padding-right: 1.5rem; min-height: 400px; } ._wizardDivider_1mgru_102 { width: 1px; background-color: #e9ecef; flex-shrink: 0; min-height: 400px; } ._wizardStep_1mgru_109 { padding: 0.5rem 0.75rem; border-radius: 0.5rem; border: 1px solid transparent; transition: all 0.15s ease; } ._wizardStep_1mgru_109._current_1mgru_116 { border-color: #e9ecef; background-color: #f8f9fa; } ._wizardStep_1mgru_109._completed_1mgru_121 { opacity: 0.7; } ._wizardContent_1mgru_125 { flex: 1; min-width: 0; min-height: 400px; animation: _fadeIn_1mgru_1 0.3s ease; } /* Info Boxes */ ._infoBox_1mgru_133 { padding: var(--mantine-spacing-sm); background-color: var(--mantine-color-gray-0); border-radius: var(--mantine-radius-sm); border: 1px solid var(--mantine-color-gray-2); } /* Preview Panel */ ._previewPanel_1mgru_141 { width: 450px; flex-shrink: 0; max-height: 600px; display: flex; flex-direction: column; } ._previewHeader_1mgru_149 { padding: var(--mantine-spacing-md); border-bottom: 1px solid var(--mantine-color-gray-2); flex-shrink: 0; } ._previewEmpty_1mgru_155 { padding: var(--mantine-spacing-lg); text-align: center; min-height: 200px; display: flex; align-items: center; justify-content: center; } /* Animations */ @keyframes _fadeIn_1mgru_1 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes _fadeInScale_1mgru_1 { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } } @keyframes _slideInRight_1mgru_1 { from { opacity: 0; transform: translateX(-10px); } to { opacity: 1; transform: translateX(0); } } ._scrollArea_owzop_1 { overflow-y: auto; flex-grow: 1; min-height: 0; max-height: 60vh; } ._content_owzop_8 { padding: 0; animation: _fadeIn_owzop_1 0.3s ease; } ._section_owzop_13 { margin: 0; } ._section_owzop_13:first-child { padding-top: 4px; } ._section_owzop_13:not(:first-child) { margin-top: 4px; } ._sectionHeader_owzop_25 { color: var(--mantine-color-gray-6); font-size: 11px; font-weight: 600; letter-spacing: 0.5px; padding: 8px 0 4px 12px; text-transform: uppercase; } ._optionCard_owzop_34 { display: flex; align-items: flex-start; padding: 8px 12px; cursor: pointer; position: relative; transition: background-color 0.15s ease; gap: 12px; border-radius: 4px; margin: 0 0 2px 0; } ._optionCard_owzop_34:hover { background-color: var(--mantine-color-gray-0); } ._optionCard_owzop_34:active { background-color: var(--mantine-color-gray-1); } ._iconContainer_owzop_54 { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; color: var(--mantine-color-gray-7); flex-shrink: 0; position: relative; border-radius: 6px; padding: 6px; border: 1px solid var(--mantine-color-gray-3); background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); transition: all 0.2s ease; } ._optionCard_owzop_34:hover ._iconContainer_owzop_54 { border-color: var(--mantine-color-gray-4); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); } ._contentContainer_owzop_76 { flex: 1; min-width: 0; padding-top: 2px; } ._title_owzop_82 { font-size: 14px; font-weight: 600; color: var(--mantine-color-gray-9); margin-bottom: 4px; line-height: 1.3; transition: color 0.2s ease; } ._optionCard_owzop_34:hover ._title_owzop_82 { color: var(--mantine-color-dark-9); } ._description_owzop_95 { font-size: 13px; color: var(--mantine-color-gray-6); line-height: 1.4; } /* Form animations */ ._formContainer_owzop_102 { animation: _fadeIn_owzop_1 0.3s ease; } /* Animations */ @keyframes _fadeIn_owzop_1 { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } ._container_1nvo7_1 { padding: 6px; } ._button_1nvo7_5 { display: flex; align-items: center; gap: 6px; padding: 4px 8px; font-size: 12px; font-weight: 450; border-radius: 6px; cursor: pointer; transition: background-color 0.1s ease; } ._button_1nvo7_5:hover { background-color: var(--mantine-color-gray-0); } ._popoverContent_1nvo7_21 { min-width: 280px; } ._fieldItem_1nvo7_25 { display: flex; align-items: center; justify-content: space-between; padding: 6px 8px; border-radius: 4px; cursor: pointer; transition: background-color 0.1s ease; } ._fieldItem_1nvo7_25:hover { background-color: var(--mantine-color-gray-0); } ._fieldName_1nvo7_39 { flex: 1; font-size: 12px; font-weight: 450; color: var(--mantine-color-gray-8); } ._fieldType_1nvo7_46 { font-size: 11px; color: var(--mantine-color-gray-6); margin-left: 8px; } ._emptyState_1nvo7_52 { padding: 20px; text-align: center; color: var(--mantine-color-gray-6); font-size: 12px; } ._searchInput_1nvo7_59 { margin-bottom: 8px; } ._fieldList_1nvo7_63 { max-height: 240px; overflow-y: auto; } ._divider_1nvo7_68 { margin: 4px 0; border-color: var(--mantine-color-gray-1); } /* Popover Target Group */ ._popoverTargetGroup_1nvo7_74 { background-color: white; padding: 2px; border-radius: 4px; transition: opacity 0.15s ease; } /* Copy Button */ ._copyButton_1nvo7_82 { background-color: transparent; color: var(--mantine-color-gray-5); } ._copyButton_1nvo7_82:hover { background-color: var(--mantine-color-gray-1); color: var(--mantine-color-gray-7); } /* Add Button */ ._addButton_1nvo7_93 { height: 24px; padding: 0 8px; background-color: transparent; border: none; color: var(--mantine-color-gray-6); font-weight: 400; font-size: 12px; transition: all 0.15s ease; } ._addButton_1nvo7_93:hover { background-color: var(--mantine-color-gray-1); color: var(--mantine-color-gray-8); } /* Popover Dropdown */ ._popoverDropdown_1nvo7_110 { padding: 0; background: white; border: 1px solid var(--mantine-color-gray-2); border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); overflow: hidden; } /* Stack Container */ ._stackContainer_1nvo7_120 { min-width: 280px; max-width: 340px; } /* Tabs */ ._tabsList_1nvo7_126 { border-bottom: 1px solid var(--mantine-color-gray-1); } ._tab_1nvo7_126 { font-size: 13px; font-weight: 450; padding: 6px 10px; color: var(--mantine-color-gray-7); } ._tab_1nvo7_126[data-active] { color: var(--mantine-color-dark-6); border-bottom-color: var(--mantine-color-dark-6); } /* Section Headers */ ._sectionHeader_1nvo7_143 { font-size: 14px; font-weight: 450; color: var(--mantine-color-dark-8); } ._sectionDescription_1nvo7_149 { font-size: 14px; color: var(--mantine-color-gray-6); } /* Text Input */ ._textInput_1nvo7_155 { background-color: white; border: 1px solid var(--mantine-color-gray-2); font-size: 13px; height: 32px; } ._textInput_1nvo7_155:focus { border-color: var(--mantine-color-gray-3); } /* Checkbox */ ._checkbox_1nvo7_167 { border-color: var(--mantine-color-gray-3); } ._checkboxLabel_1nvo7_171 { user-select: none; cursor: pointer; } /* Search Input */ ._searchInput_1nvo7_59 { background-color: white; border: 1px solid var(--mantine-color-gray-2); font-size: 13px; height: 32px; } /* Scroll Area */ ._scrollArea_1nvo7_185 { height: min(240px, 35vh); } /* Field Box */ ._fieldBox_1nvo7_190 { border: 1px solid var(--mantine-color-gray-2); border-radius: 4px; background-color: white; cursor: pointer; transition: background-color 0.1s ease; padding: 6px; } ._fieldBoxSelected_1nvo7_199 { background-color: var(--mantine-color-gray-0); } ._fieldCheckbox_1nvo7_203 { cursor: pointer; } /* Property Select */ ._propertySelect_1nvo7_208 { background-color: white; border: 1px solid var(--mantine-color-gray-2); font-size: 11px; height: 28px; min-height: 28px; } ._propertySelect_1nvo7_208:focus { border-color: var(--mantine-color-gray-3); } /* Add Property Button */ ._addPropertyButton_1nvo7_221 { border: 1px dashed var(--mantine-color-gray-2); background-color: transparent; color: var(--mantine-color-gray-6); font-size: 12px; } ._addPropertyButton_1nvo7_221:hover { background-color: var(--mantine-color-gray-0); border-color: var(--mantine-color-gray-3); } /* Footer Buttons */ ._footerBox_1nvo7_234 { background-color: var(--mantine-color-gray-0); border-top: 1px solid var(--mantine-color-gray-1); padding: 4px; } ._createButton_1nvo7_240 { background-color: var(--mantine-color-dark-6); color: white; font-weight: 450; height: 32px; font-size: 13px; } ._createButton_1nvo7_240:hover { background-color: var(--mantine-color-dark-7); } ._createButton_1nvo7_240:disabled { background-color: var(--mantine-color-gray-1); color: var(--mantine-color-gray-4); } ._createButtonSmall_1nvo7_257 { background-color: var(--mantine-color-dark-6); color: white; font-weight: 450; height: 28px; font-size: 12px; } ._createButtonSmall_1nvo7_257:hover { background-color: var(--mantine-color-dark-7); } ._mapButton_1nvo7_269 { color: white; font-weight: 450; height: 32px; font-size: 13px; } ._mapButtonActive_1nvo7_276 { background-color: var(--mantine-color-dark-6); } ._mapButtonActive_1nvo7_276:hover { background-color: var(--mantine-color-dark-7); } ._mapButtonInactive_1nvo7_284 { background-color: var(--mantine-color-gray-3); } ._mapButtonInactive_1nvo7_284:hover { background-color: var(--mantine-color-gray-4); } ._mapButton_1nvo7_269:disabled { background-color: var(--mantine-color-gray-1); color: var(--mantine-color-gray-4); } ._mapButtonSmall_1nvo7_297 { color: white; font-weight: 450; height: 28px; font-size: 12px; } /* Empty State */ ._emptyStateBox_1nvo7_305 { text-align: center; } ._emptyStateTitle_1nvo7_309 { font-size: 14px; color: var(--mantine-color-gray-6); font-weight: 450; } ._emptyStateText_1nvo7_315 { font-size: 14px; color: var(--mantine-color-gray-6); margin-top: 4px; } /* Extraction Path Preview */ ._extractionPath_1nvo7_322 { font-size: 11px; font-family: 'SF Mono', 'Monaco', 'Consolas', monospace; color: var(--mantine-color-gray-7); background-color: var(--mantine-color-gray-0); padding: 6px 8px; border-radius: 4px; border: 1px solid var(--mantine-color-gray-2); word-break: break-all; line-height: 1.4; } ._extractionPathLabel_1nvo7_334 { font-size: 11px; color: var(--mantine-color-gray-5); font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px; } /* Property Row with nested dropdowns */ ._propertyRow_1nvo7_343 { padding: 6px; background-color: var(--mantine-color-gray-0); border-radius: 5px; border: 1px solid var(--mantine-color-gray-1); } /* Segmented Control for extraction scope */ ._segmentedControl_1nvo7_351 { background-color: var(--mantine-color-gray-1); border-radius: 6px; } /* Value Preview (human-readable) */ ._valuePreview_1nvo7_357 { font-size: 12px; color: var(--mantine-color-gray-7); background-color: var(--mantine-color-gray-0); padding: 8px 10px; border-radius: 6px; border: 1px solid var(--mantine-color-gray-2); line-height: 1.5; } /* Breadcrumb for nested selection */ ._breadcrumb_1nvo7_368 { background-color: var(--mantine-color-blue-0); color: var(--mantine-color-blue-7); padding: 2px 6px; border-radius: 4px; display: inline-block; }._root_qsihq_1 { position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; min-height: 28px; padding: 1px 0; font-size: 13px; width: 100%; gap: 0; border-bottom: 1px solid var(--mantine-color-gray-1); } ._root_qsihq_1:last-child { border-bottom: none; } ._root_qsihq_1[data-path="$"] { border-bottom: none; } ._addColumnButton_qsihq_23 { display: none; } ._root_qsihq_1:hover ._addColumnButton_qsihq_23 { display: flex; } ._mappedValue_qsihq_31 { background-color: var(--mantine-color-blue-0); border: 1px solid var(--mantine-color-blue-2); border-radius: 4px; padding: 2px 6px; display: inline-block; white-space: pre-wrap; word-break: break-word; flex: 1; font-size: 13px; font-weight: 400; color: var(--mantine-color-blue-7); max-width: 100%; cursor: pointer; } ._mappedValue_qsihq_31[href] { text-decoration: underline; } ._root_p4ahs_1 { display: inline-grid; grid-template-columns: auto auto; gap: 6px; align-items: center; padding: 4px 8px; border-radius: var(--mantine-radius-md); background-color: white; border: 1px solid var(--mantine-color-gray-2); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.04); font-size: 14px; font-weight: 450; color: var(--mantine-color-gray-8); pointer-events: none; z-index: 99999; opacity: 0.95; }._dropdown_chdio_1 { padding: 0 !important }._input_i4m37_1 { font-size: 14px; height: 23px; min-height: 23px; font-weight: 500; box-shadow: 0 1px 0 0 var(--mantine-color-gray-2); transition: box-shadow 0.3s ease-in-out; } ._input_i4m37_1:focus { box-shadow: 0 1px 0 0 var(--mantine-color-gray-4); }._nodeWrapper_z6pqn_1 { display: flex; align-items: center; justify-content: space-between; text-align: left; padding: 4px 8px; border-radius: var(--mantine-radius-md); font-size: 14px; color: var(--mantine-color-gray-8); cursor: pointer; gap: 4px; user-select: none; min-height: 24px; transition: background-color 0.1s ease; } /* Folder specific styling */ ._nodeWrapper_z6pqn_1[data-folder-id] { font-weight: 450; color: var(--mantine-color-gray-9); } /* List specific styling */ ._nodeWrapper_z6pqn_1[data-list-id] { font-weight: 400; color: var(--mantine-color-gray-8); } ._nodeWrapper_z6pqn_1:hover { background-color: var(--mantine-color-gray-1); } ._displayCount_z6pqn_33 { display: flex; align-items: center; justify-content: center; padding: 1px 5px; font-size: 10px; font-weight: 500; color: var(--mantine-color-gray-5); background-color: var(--mantine-color-gray-1); border-radius: 10px; min-width: 18px; } ._nodeWrapper_z6pqn_1[data-active="true"] { background-color: var(--mantine-color-gray-2); color: var(--mantine-color-gray-9); } ._nodeWrapper_z6pqn_1[data-active="true"]:hover { background-color: var(--mantine-color-gray-2); } ._expandIconWrapper_z6pqn_55 { align-items: center; font-size: 0; cursor: pointer; display: flex; justify-content: center; transition: transform linear .15s; transform: rotate(-90deg); opacity: 0.6; } ._isOpen_z6pqn_66 { transform: rotate(0deg); opacity: 0.8; } ._nodeText_z6pqn_71 { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: inherit; font-weight: 500; } ._input_z6pqn_80 { font-size: 14px; box-shadow: 0 1px 0 0 var(--mantine-color-gray-2); } input:focus { box-shadow: 0 1px 0 0 var(--mantine-color-gray-4); } ._actionButtonInner_z6pqn_89 { display: flex; align-items: center; justify-content: flex-start; } ._actionButtonRoot_z6pqn_95[data-disabled] { cursor: not-allowed; background-color: var(--mantine-color-gray-2); color: var(--mantine-color-gray-6); opacity: 0.5; pointer-events: visible; } ._popoverDropdown_z6pqn_103 { padding: 0; border-Radius: var(--mantine-radius-md); } ._wrapper_hqlt_1 { padding: 0; } ._wrapper_hqlt_1 ._draggingSource_hqlt_5 { opacity: 0.5; } ._treeRoot_hqlt_9 { list-style-type: none; padding-inline-start: 0px; position: relative; margin: 0; } ._treeRoot_hqlt_9 ul { list-style-type: none; padding-inline-start: 0px; position: relative; padding-bottom: 2px; margin-top: 1px; } /* Add left border for folder contents */ ._treeRoot_hqlt_9 li[data-droppable="true"] > ul { border-left: 1px solid var(--mantine-color-gray-2); margin-left: 8px; padding-left: 4px; } ._treeRoot_hqlt_9 li:not(:last-child) { margin-bottom: 1px; } ._treeRoot_hqlt_9>li:after { display: none; } ._wrapper_hqlt_1 ._placeholder_hqlt_39 { position: relative; } ._dropTarget_hqlt_43:has(> div[data-droppable="true"]) { background-color: var(--mantine-color-gray-0); border-radius: 4px; outline: 1px solid var(--mantine-color-gray-3); outline-offset: -1px; } /* Show not-allowed cursor only for template folders and their contents */ ._treeRoot_hqlt_9 div[data-template="true"] { cursor: not-allowed !important; } /* Template folder styles during drag */ ._draggingSource_hqlt_5[data-template="true"] { cursor: not-allowed !important; opacity: 0.3; } ._navbar_zf4n5_1 { justify-content: space-between; background-color: var(--mantine-color-gray-0); border: none !important; box-shadow: inset -1px 0px 0px 0px #eeeeec; transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); overflow: visible !important; } ._navbarOverlay_zf4n5_10._navbarOverlay_zf4n5_10 { background-color: #fff !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; height: 100% !important; min-height: 400px !important; max-height: 100% !important; padding-top: 10px !important; padding-bottom: 10px !important; overflow: hidden !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 20px 25px -5px rgba(0, 0, 0, 0.06) !important; } ._scrollSection_zf4n5_26 { height: 100%; min-height: 0; flex: 1; overflow: auto; } /* Workspace context header animation */ ._workspaceHeader_zf4n5_34 { animation: _slideIn_zf4n5_1 0.2s ease-out; } @keyframes _slideIn_zf4n5_1 { from { opacity: 0; transform: translateX(-8px); } to { opacity: 1; transform: translateX(0); } } /* Content fade transition */ ._sidebarContent_zf4n5_50 { animation: _fadeIn_zf4n5_1 0.15s ease-out; } @keyframes _fadeIn_zf4n5_1 { from { opacity: 0; } to { opacity: 1; } } /* * Hide elements on mobile when sidebar is collapsed * Uses visibility instead of display to maintain layout structure * and prevent jarring layout shifts during sidebar animation */ ._collapsedHideMobile_zf4n5_68 { visibility: visible; pointer-events: auto; } /* Collapse/Expand button */ ._collapseButton_zf4n5_74 { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: var(--mantine-radius-md); cursor: pointer; opacity: 0; transition: all 0.15s ease; flex-shrink: 0; } ._collapseButton_zf4n5_74:hover { background-color: var(--mantine-color-gray-2); } ._collapseButton_zf4n5_74:hover svg { color: var(--mantine-color-gray-8) !important; } /* Show collapse button on navbar hover */ ._navbar_zf4n5_1:hover ._collapseButton_zf4n5_74 { opacity: 1; } /* Always show in overlay mode */ ._navbarOverlay_zf4n5_10 ._collapseButton_zf4n5_74 { opacity: 1; } @media (max-width: 48em) { ._navbar_zf4n5_1 { padding-left: var(--mantine-spacing-xs); padding-right: var(--mantine-spacing-xs); } ._collapsedHideMobile_zf4n5_68 { visibility: hidden; pointer-events: none; } } ._appShellMain_fhsyk_1 { height: 100vh; padding-left: var(--mantine-navbar-width, 0px); padding-top: 0; padding-right: 0; padding-bottom: 0; display: flex; flex-direction: column; } ._appShellMainCollapsed_fhsyk_11 { height: 100vh; padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 0; display: flex; flex-direction: column; background-color: var(--mantine-color-white); } ._appShellBody_fhsyk_22 { background-color: var(--mantine-color-gray-0); flex: 1; display: flex; flex-direction: column; } ._appShellBodyCollapsed_fhsyk_29 { background-color: var(--mantine-color-white); flex: 1; display: flex; flex-direction: column; } ._toastIconBox_fhsyk_36 { display: flex; /* Added this as it was on the Box component */ flex-shrink: 0; } ._toastStyle_fhsyk_41 { max-width: 500px; } /* Alert banner - minimal, clean design */ ._noticeBanner_fhsyk_46 { border-left: 1px solid var(--mantine-color-gray-2); border-bottom: 1px solid var(--mantine-color-gray-3); background: var(--mantine-color-gray-0); padding: 10px 14px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: background-color 0.15s ease; } ._noticeBanner_fhsyk_46:hover { background: var(--mantine-color-gray-1); } /* Popover container */ ._noticePopover_fhsyk_63 { padding: 12px; border: 1px solid var(--mantine-color-gray-3); } /* Individual notice items in popover */ ._noticeItem_fhsyk_69 { padding: 12px; border-radius: 4px; background: var(--mantine-color-white); border: 1px solid var(--mantine-color-gray-3); cursor: pointer; transition: all 0.15s ease; } ._noticeItem_fhsyk_69:hover { background: var(--mantine-color-gray-0); border-color: var(--mantine-color-gray-4); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); } ._appMainBox_fhsyk_84 { background-color: var(--mantine-color-white); overflow: auto; scrollbar-width: none; -ms-overflow-style: none; flex: 1; min-height: 0; } ._appMainBox_fhsyk_84::-webkit-scrollbar { display: none; } ._compactScreenNotice_fhsyk_97 { border-bottom: 1px solid var(--mantine-color-gray-2); background: var(--mantine-color-gray-0); padding: 8px 12px; display: flex; flex-direction: column; gap: 4px; } ._topSectionWrapper_fhsyk_106 { display: flex; flex-direction: column; } /* Menu button when sidebar is collapsed */ ._sidebarMenuButton_fhsyk_112 { position: fixed; top: 19px; left: 6px; width: 28px; height: 28px; display: flex; align-items: center; justify-content: center; border-radius: var(--mantine-radius-md); cursor: pointer; z-index: 100; transition: all 0.15s ease; } ._sidebarMenuButton_fhsyk_112:hover { background-color: var(--mantine-color-gray-1); } ._sidebarMenuButton_fhsyk_112:hover svg { color: var(--mantine-color-gray-8) !important; } /* Hover trigger zone for collapsed sidebar */ ._sidebarHoverZone_fhsyk_136 { position: fixed; top: 0; left: 0; width: 12px; height: 100vh; z-index: 99; cursor: pointer; } ._sidebarHoverZone_fhsyk_136::after { content: ''; position: absolute; top: 50%; left: 4px; transform: translateY(-50%); width: 4px; height: 40px; background-color: var(--mantine-color-gray-3); border-radius: 2px; opacity: 0; transition: opacity 0.15s ease; } ._sidebarHoverZone_fhsyk_136:hover::after { opacity: 1; } /* Overlay sidebar container */ ._sidebarOverlay_fhsyk_165 { position: fixed; top: 44px; left: 8px; height: calc(100vh - 120px); max-height: calc(100vh - 88px); z-index: 200; will-change: opacity, transform; animation: _slideInSidebar_fhsyk_1 0.15s ease-out forwards; } @keyframes _slideInSidebar_fhsyk_1 { 0% { opacity: 0; transform: translateX(-8px); } 100% { opacity: 1; transform: translateX(0); } } ._settingsShellMain_11rzg_1 { height: 100vh; padding-left: calc(var(--mantine-navbar-width, 0px)); /* Note: No +2px like AppLayout */ padding-top: 0; padding-right: 0; padding-bottom: 0; } ._toastIconBox_11rzg_9 { display: flex; flex-shrink: 0; } ._toastStyle_11rzg_14 { max-width: 450px; } ._settingsMainContentBox_11rzg_18 { margin: auto; height: 100%; overflow: auto; scrollbar-width: none; -ms-overflow-style: none; border-left: 1px solid var(--mantine-color-gray-2); } ._settingsMainContentBox_11rzg_18::-webkit-scrollbar { display: none; } @layer rdg { @layer Defaults, FocusSink, CheckboxInput, CheckboxIcon, CheckboxLabel, Cell, HeaderCell, SummaryCell, EditCell, Row, HeaderRow, SummaryRow, GroupedRow, Root; } .rdg-7-0-0-beta-58-fa71d63e { @layer rdg.MeasuringCell { contain: strict; grid-row: 1; visibility: hidden; } } .rdg-7-0-0-beta-58-85c48527 { @layer rdg.Cell { /* max-content does not work with size containment * dynamically switching between different containment styles incurs a heavy relayout penalty * Chromium bug: at odd zoom levels or subpixel positioning, * layout/paint/style containment can make cell borders disappear * https://issues.chromium.org/issues/40840864 */ position: relative; /* needed for absolute positioning to work */ padding-block: 0; padding-inline: 8px; border-inline-end: var(--rdg-border-width) solid var(--rdg-border-color); border-block-end: var(--rdg-border-width) solid var(--rdg-border-color); grid-row-start: var(--rdg-grid-row-start); align-content: center; background-color: inherit; white-space: nowrap; overflow: clip; text-overflow: ellipsis; outline: none; &[aria-selected='true'] { outline: var(--rdg-selection-width) solid var(--rdg-selection-color); outline-offset: calc(var(--rdg-selection-width) * -1); } } } .rdg-7-0-0-beta-58-17a9a6d4 { @layer rdg.Cell { position: sticky; /* Should have a higher value than 0 to show up above unfrozen cells */ z-index: 1; /* Add box-shadow on the last frozen cell */ &:nth-last-child(1 of &) { box-shadow: var(--rdg-cell-frozen-box-shadow); } } } .rdg-7-0-0-beta-58-bfba19bc { @layer rdg.DragHandle { --rdg-drag-handle-size: 8px; z-index: 0; cursor: move; inline-size: var(--rdg-drag-handle-size); block-size: var(--rdg-drag-handle-size); background-color: var(--rdg-selection-color); place-self: end; &:hover { --rdg-drag-handle-size: 16px; border: 2px solid var(--rdg-selection-color); background-color: var(--rdg-background-color); } } } .rdg-7-0-0-beta-58-7abddb3e { @layer rdg.DragHandle { z-index: 1; position: sticky; } } .rdg-7-0-0-beta-58-3b807ead { @layer rdg.CheckboxInput { display: block; margin: auto; inline-size: 20px; block-size: 20px; &:focus-visible { outline: 2px solid var(--rdg-checkbox-focus-color); outline-offset: -3px; } &:enabled { cursor: pointer; } } } .rdg-7-0-0-beta-58-07919382 { @layer rdg.GroupCellContent { outline: none; } } .rdg-7-0-0-beta-58-02a50147 { @layer rdg.GroupCellCaret { margin-inline-start: 4px; stroke: currentColor; stroke-width: 1.5px; fill: transparent; vertical-align: middle; > path { transition: d 0.1s; } } } .rdg-7-0-0-beta-58-56a248e4 { @layer rdg.SortableHeaderCell { display: flex; } } .rdg-7-0-0-beta-58-7fad8c83 { @layer rdg.SortableHeaderCellName { flex-grow: 1; overflow: clip; text-overflow: ellipsis; } } .rdg-7-0-0-beta-58-35ccb4c8 { @layer rdg.Cell { background-color: #ccccff; } } .rdg-7-0-0-beta-58-46f9ea88 { @layer rdg.EditCell { padding: 0; } } .rdg-7-0-0-beta-58-0dbd5994 { @layer rdg.HeaderRow { display: contents; background-color: var(--rdg-header-background-color); font-weight: bold; & > .rdg-7-0-0-beta-58-85c48527 { /* Should have a higher value than 1 to show up above regular cells and the focus sink */ z-index: 2; position: sticky; } & > .rdg-7-0-0-beta-58-17a9a6d4 { z-index: 3; } } } .rdg-7-0-0-beta-58-2a7e240d { @layer rdg.HeaderCell { cursor: pointer; } } .rdg-7-0-0-beta-58-1893dc0f { @layer rdg.HeaderCell { touch-action: none; } } .rdg-7-0-0-beta-58-4e60db91 { @layer rdg.HeaderCell { cursor: col-resize; position: absolute; inset-block-start: 0; inset-inline-end: 0; inset-block-end: 0; inline-size: 10px; } } .rdg-7-0-0-beta-58-3e1a4ad4 { @layer rdg.HeaderCell { background-color: var(--rdg-header-draggable-background-color); } } .rdg-7-0-0-beta-58-51abd8b8 { @layer rdg.HeaderCell { background-color: var(--rdg-header-draggable-background-color); } } .rdg-7-0-0-beta-58-c8d7aa64 { @layer rdg.HeaderCell { border-radius: 4px; width: fit-content; outline: 2px solid hsl(207, 100%, 50%); outline-offset: -2px; } } .rdg-7-0-0-beta-58-3c083f1b { @layer rdg.Row { display: contents; background-color: var(--rdg-background-color); &:hover { background-color: var(--rdg-row-hover-background-color); } &[aria-selected='true'] { background-color: var(--rdg-row-selected-background-color); &:hover { background-color: var(--rdg-row-selected-hover-background-color); } } } } .rdg-7-0-0-beta-58-3fe773c3 { @layer rdg.FocusSink { outline: 2px solid var(--rdg-selection-color); outline-offset: -2px; } } .rdg-7-0-0-beta-58-97ce3fde { @layer rdg.FocusSink { &::before { content: ''; display: inline-block; block-size: 100%; position: sticky; inset-inline-start: 0; border-inline-start: 2px solid var(--rdg-selection-color); } } } .rdg-7-0-0-beta-58-3d5115f3 { @layer rdg.SortIcon { fill: currentColor; > path { transition: d 0.1s; } } } .rdg-7-0-0-beta-58-ccd2e5d9 { @layer rdg.Defaults { *, *::before, *::after { box-sizing: inherit; } } @layer rdg.Root { --rdg-selection-width: 2px; --rdg-selection-color: hsl(207, 75%, 66%); --rdg-font-size: 14px; --rdg-cell-frozen-box-shadow: 2px 0 5px -2px rgba(136, 136, 136, 0.3); --rdg-border-width: 1px; --rdg-summary-border-width: calc(var(--rdg-border-width) * 2); --rdg-color: light-dark(#000, #ddd); --rdg-border-color: light-dark(#ddd, #444); --rdg-summary-border-color: light-dark(#aaa, #555); --rdg-background-color: light-dark(hsl(0deg 0% 100%), hsl(0deg 0% 13%)); --rdg-header-background-color: light-dark(hsl(0deg 0% 97.5%), hsl(0deg 0% 10.5%)); --rdg-header-draggable-background-color: light-dark(hsl(0deg 0% 90.5%), hsl(0deg 0% 17.5%)); --rdg-row-hover-background-color: light-dark(hsl(0deg 0% 96%), hsl(0deg 0% 9%)); --rdg-row-selected-background-color: light-dark(hsl(207deg 76% 92%), hsl(207deg 76% 42%)); --rdg-row-selected-hover-background-color: light-dark(hsl(207deg 76% 88%), hsl(207deg 76% 38%)); --rdg-checkbox-focus-color: hsl(207deg 100% 69%); &.rdg-dark { --rdg-color-scheme: dark; } &.rdg-light { --rdg-color-scheme: light; } color-scheme: var(--rdg-color-scheme, light dark); &:dir(rtl) { --rdg-cell-frozen-box-shadow: -2px 0 5px -2px rgba(136, 136, 136, 0.3); } display: grid; accent-color: light-dark(hsl(207deg 100% 29%), hsl(207deg 100% 79%)); /* https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context */ /* We set a stacking context so internal elements don't render on top of external elements. */ /* size containment is not used as it could break "width: min-content" for example, and the grid would infinitely resize on Chromium browsers */ contain: content; content-visibility: auto; block-size: 350px; border: 1px solid var(--rdg-border-color); box-sizing: border-box; overflow: auto; background-color: var(--rdg-background-color); color: var(--rdg-color); font-size: var(--rdg-font-size); /* needed on Firefox to fix scrollbars */ &::before { content: ''; grid-column: 1/-1; grid-row: 1/-1; } > :nth-last-child(1 of .rdg-top-summary-row) { > .rdg-7-0-0-beta-58-85c48527 { border-block-end: var(--rdg-summary-border-width) solid var(--rdg-summary-border-color); } } > :nth-child(1 of .rdg-bottom-summary-row) { > .rdg-7-0-0-beta-58-85c48527 { border-block-start: var(--rdg-summary-border-width) solid var(--rdg-summary-border-color); } } } } .rdg-7-0-0-beta-58-e9b0e1c9 { @layer rdg.Root { user-select: none; & .rdg-7-0-0-beta-58-3c083f1b { cursor: move; } } } .rdg-7-0-0-beta-58-dbb8b3c5 { @layer rdg.FocusSink { grid-column: 1/-1; pointer-events: none; /* Should have a higher value than 1 to show up above regular frozen cells */ z-index: 1; } } .rdg-7-0-0-beta-58-e9f55541 { @layer rdg.FocusSink { /* Should have a higher value than 3 to show up above header and summary rows */ z-index: 3; } } .rdg-7-0-0-beta-58-0b90c82c { @layer rdg.SummaryRow { > .rdg-7-0-0-beta-58-85c48527 { position: sticky; } } } .rdg-7-0-0-beta-58-d0520eab { @layer rdg.SummaryRow { > .rdg-7-0-0-beta-58-85c48527 { z-index: 2; } > .rdg-7-0-0-beta-58-17a9a6d4 { z-index: 3; } } } .rdg-7-0-0-beta-58-d907aa87 { @layer rdg.SummaryCell { inset-block-start: var(--rdg-summary-row-top); inset-block-end: var(--rdg-summary-row-bottom); } } .rdg-7-0-0-beta-58-e74a2be3 { @layer rdg.GroupedRow { &:not([aria-selected='true']) { background-color: var(--rdg-header-background-color); } > .rdg-7-0-0-beta-58-85c48527:not(:last-child, .rdg-7-0-0-beta-58-17a9a6d4), > :nth-last-child(n + 2 of .rdg-7-0-0-beta-58-17a9a6d4) { border-inline-end: none; } } } .rdg-7-0-0-beta-58-2f8db206 { @layer rdg.TextEditor { appearance: none; box-sizing: border-box; inline-size: 100%; block-size: 100%; padding-block: 0; padding-inline: 6px; border: 2px solid #ccc; vertical-align: top; color: var(--rdg-color); background-color: var(--rdg-background-color); font-family: inherit; font-size: var(--rdg-font-size); &:focus { border-color: var(--rdg-selection-color); outline: none; } &::placeholder { color: #999; opacity: 1; } } } /*# sourceMappingURL=styles.css.map*/