/* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ :export { palettenoShadow: "none"; paletteshadows1: 0px 4px 10px 0px rgba(0, 0, 0, 0.12); paletteshadows2: "0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12)"; paletteshadows4: "0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12)"; paletteshadows6: "0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)"; paletteshadows16: "0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12)"; paletteshadows24: "0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)"; paletteBLACK100P: #000000; paletteBLACK87P: rgba(0, 0, 0, 0.87); paletteBLACK70P: rgba(0, 0, 0, 0.7); paletteBLACK60P: rgba(0, 0, 0, 0.6); paletteBLACK55P: rgba(0, 0, 0, 0.55); paletteBLACK43P: rgba(0, 0, 0, 0.43); paletteBLACK38P: rgba(0, 0, 0, 0.38); paletteBLACK32P: rgba(0, 0, 0, 0.32); paletteBLACK20P: rgba(0, 0, 0, 0.2); paletteBLACK15P: rgba(0, 0, 0, 0.15); paletteBLACK12P: rgba(0, 0, 0, 0.12); paletteBLACK8P: rgba(0, 0, 0, 0.08); paletteBLACK7P: rgba(0, 0, 0, 0.07); paletteBLUE100: #D9F9FF; paletteBLUE200: #AFEBF9; paletteBLUE300: #71D9F3; paletteBLUE300_DARK: #A7FFFF; paletteBLUE400: #2ABDEA; paletteBLUE500: #14A1DE; paletteBLUE600: #0780C7; paletteBLUE700: #0066B0; paletteBLUE800: #01539B; paletteBLUE800_DARK: #002B6C; paletteBLUE900: #06396D; paletteBLUE1000: #092B51; paletteCG100: #F5F5FA; paletteCG150: #E4E4F0; paletteCG200: #D3D4E5; paletteCG300: #C8CADD; paletteCG400: #A8ACBD; paletteCG500: #8C919F; paletteCG600: #717782; paletteCG700: #4A4F56; paletteCG800: #3F444A; paletteCG900: #33393D; paletteCG1000: #1D2123; paletteCG1000_80: rgba(29, 33, 35, 0.8); paletteCG1100: #12191F; paletteGREEN100: #E4FDED; paletteGREEN200: #92F7BA; paletteGREEN300: #41E287; paletteGREEN300_DARK: #7EFFB8; paletteGREEN400: #15D36E; paletteGREEN500: #05BE62; paletteGREEN600: #029C54; paletteGREEN700: #007744; paletteGREEN800: #04633D; paletteGREEN800_DARK: #003816; paletteGREEN900: #054D33; paletteGREEN1000: #07432F; paletteHCLSOFTWAREBLUE01: #000032; paletteHCLSOFTWAREBLUE02: #00005A; paletteHCLSOFTWAREBLUE03: #000078; paletteHCLSOFTWAREBLUE04: #0000AA; paletteHCLSOFTWAREBLUE05: #001EC8; paletteHCLSOFTWAREBLUE06: #0550DC; paletteHCLSOFTWAREBLUE07: #0550DC; paletteHCLSOFTWAREBLUE07_20: rgba(5, 80, 220, 0.2); paletteHCLSOFTWAREBLUE07_12: rgba(5, 80, 220, 0.12); paletteHCLSOFTWAREBLUE07_8: rgba(5, 80, 220, 0.08); paletteHCLSOFTWAREBLUE08: #0F5FDC; paletteHCLSOFTWAREBLUE09: #B3D9F8; paletteHCLSOFTWAREBLUE09_20: rgba(179, 217, 248, 0.2); paletteHCLSOFTWAREBLUE09_12: rgba(179, 217, 248, 0.12); paletteHCLSOFTWAREBLUE09_8: rgba(179, 217, 248, 0.08); paletteHCLSOFTWAREBLUE07_DARK: #0029A9; paletteHCLSOFTWAREBLUE09_DARK: #E6FFFF; paletteINDIGO100: #EDF5FF; paletteINDIGO200: #C8DFFF; paletteINDIGO300: #A9C7FC; paletteINDIGO400: #789DF4; paletteINDIGO500: #5C6FCB; paletteINDIGO600: #4C5AB7; paletteINDIGO700: #4D4DB9; paletteINDIGO800: #44339F; paletteINDIGO900: #362284; paletteINDIGO1000: #2A1A6A; paletteLIME100: #F9FDDE; paletteLIME200: #F1F49B; paletteLIME300: #E0E86A; paletteLIME400: #C7D540; paletteLIME500: #A4BB0B; paletteLIME600: #8BA702; paletteLIME700: #667F00; paletteLIME800: #506901; paletteLIME900: #3A4D04; paletteLIME1000: #2E4005; paletteNG100: #F6F6F6; paletteNG150: #E5E5E5; paletteNG200: #D6D6D6; paletteNG300: #CBCBCB; paletteNG400: #ADADAD; paletteNG500: #919191; paletteNG600: #767676; paletteNG700: #4E4E4E; paletteNG800: #404040; paletteNG900: #383838; paletteNG1000: #1E1E1E; paletteNG1000_80: rgba(30, 30, 30, 0.8); paletteNG1100: #121212; paletteORANGE100: #FFF6E2; paletteORANGE200: #FFE1A6; paletteORANGE300: #FFC766; paletteORANGE300_DARK: #FFFA96; paletteORANGE400: #FFAF38; paletteORANGE500: #FF8A00; paletteORANGE600: #E26A00; paletteORANGE700: #C95000; paletteORANGE800: #AE3D04; paletteORANGE800_DARK: #780500; paletteORANGE900: #882E07; paletteORANGE1000: #691E08; palettePINK100: #FFECFC; palettePINK200: #FFCBF6; palettePINK300: #FFADEF; palettePINK400: #FF7DE5; palettePINK500: #E753BF; palettePINK600: #C8329F; palettePINK700: #AA157D; palettePINK800: #8F0465; palettePINK900: #71054D; palettePINK1000: #510736; palettePURPLE100: #F9EEFF; palettePURPLE200: #F0D3FF; palettePURPLE300: #E4B6FF; palettePURPLE400: #D694F9; palettePURPLE500: #B476DD; palettePURPLE600: #9153BB; palettePURPLE700: #7E40AC; palettePURPLE800: #6A2E99; palettePURPLE900: #561A87; palettePURPLE1000: #460A7A; paletteRED100: #FFF2F2; paletteRED200: #FFCECE; paletteRED300: #FFADAD; paletteRED300_DARK: #FFDFDF; paletteRED400: #FF7A7A; paletteRED500: #F95454; paletteRED600: #F52929; paletteRED700: #EB0909; paletteRED800: #C10C0D; paletteRED800_DARK: #890000; paletteRED900: #A00C0C; paletteRED1000: #720C0C; paletteTEAL100: #D3FBF4; paletteTEAL200: #7FEFE0; paletteTEAL300: #47DECF; paletteTEAL400: #19C7C1; paletteTEAL500: #0CB0B0; paletteTEAL600: #008E94; paletteTEAL700: #037780; paletteTEAL800: #035F69; paletteTEAL900: #034752; paletteTEAL1000: #033B46; paletteWHITE100P: #FFFFFF; paletteWHITE93P: rgba(255, 255, 255, 0.93); paletteWHITE80P: rgba(255, 255, 255, 0.8); paletteWHITE70P: rgba(255, 255, 255, 0.7); paletteWHITE55P: rgba(255, 255, 255, 0.55); paletteWHITE40P: rgba(255, 255, 255, 0.4); paletteWHITE38P: rgba(255, 255, 255, 0.38); paletteWHITE24P: rgba(255, 255, 255, 0.24); paletteWHITE15P: rgba(255, 255, 255, 0.15); paletteWHITE12P: rgba(255, 255, 255, 0.12); paletteWHITE8P: rgba(255, 255, 255, 0.08); paletteYELLOW100: #FFFCD5; paletteYELLOW200: #FFEF86; paletteYELLOW300: #FFDF41; paletteYELLOW400: #FFC919; paletteYELLOW500: #EEA600; paletteYELLOW600: #CE8200; paletteYELLOW700: #AE6402; paletteYELLOW800: #8E4A06; paletteYELLOW900: #6E3606; paletteYELLOW1000: #4C2609; themeZZZlightZZZprimaryZZZmain: #0550DC; themeZZZlightZZZprimaryZZZdark: #0029A9; themeZZZlightZZZprimaryZZZinverse: #B3D9F8; themeZZZlightZZZprimaryZZZdarkInverse: #E6FFFF; themeZZZlightZZZerrorZZZmain: #C10C0D; themeZZZlightZZZerrorZZZdark: #890000; themeZZZlightZZZerrorZZZinverse: #FFADAD; themeZZZlightZZZerrorZZZdarkInverse: #FFDFDF; themeZZZlightZZZwarningZZZmain: #AE3D04; themeZZZlightZZZwarningZZZdark: #780500; themeZZZlightZZZwarningZZZinverse: #FFC766; themeZZZlightZZZwarningZZZdarkInverse: #FFFA96; themeZZZlightZZZinfoZZZmain: #01539B; themeZZZlightZZZinfoZZZdark: #002B6C; themeZZZlightZZZinfoZZZinverse: #71D9F3; themeZZZlightZZZinfoZZZdarkInverse: #A7FFFF; themeZZZlightZZZsuccessZZZmain: #04633D; themeZZZlightZZZsuccessZZZdark: #003816; themeZZZlightZZZsuccessZZZinverse: #41E287; themeZZZlightZZZsuccessZZZdarkInverse: #7EFFB8; themeZZZlightZZZbackgroundZZZdefault: #F6F6F6; themeZZZlightZZZbackgroundZZZpaper: #FFFFFF; themeZZZlightZZZbackgroundZZZsecondary: #E5E5E5; themeZZZlightZZZbackgroundZZZtertiary: #D6D6D6; themeZZZlightZZZbackgroundZZZdark: #383838; themeZZZlightZZZbackgroundZZZdarker: #1E1E1E; themeZZZlightZZZbackgroundZZZoverlay: rgba(30, 30, 30, 0.8); themeZZZlightZZZbackgroundZZZprimary: rgba(5, 80, 220, 0.12); themeZZZlightZZZbackgroundZZZerror: #FFF2F2; themeZZZlightZZZbackgroundZZZwarning: #FFF6E2; themeZZZlightZZZbackgroundZZZinfo: #D9F9FF; themeZZZlightZZZbackgroundZZZsuccess: #E4FDED; themeZZZlightZZZbackgroundZZZinverse: rgba(255, 255, 255, 0.24); themeZZZlightZZZtextZZZprimary: rgba(0, 0, 0, 0.87); themeZZZlightZZZtextZZZsecondary: rgba(0, 0, 0, 0.6); themeZZZlightZZZtextZZZdisabled: rgba(0, 0, 0, 0.38); themeZZZlightZZZtextZZZhint: rgba(0, 0, 0, 0.6); themeZZZlightZZZtextZZZtertiary1: rgba(255, 255, 255, 0.93); themeZZZlightZZZtextZZZtertiary2: rgba(255, 255, 255, 0.7); themeZZZlightZZZborderZZZprimary: rgba(0, 0, 0, 0.32); themeZZZlightZZZborderZZZsecondary: rgba(0, 0, 0, 0.2); themeZZZlightZZZborderZZZtertiary: rgba(0, 0, 0, 0.43); themeZZZlightZZZborderZZZinverseSecondary: rgba(255, 255, 255, 0.4); themeZZZlightZZZactionZZZactive: rgba(0, 0, 0, 0.6); themeZZZlightZZZactionZZZactiveOpacity: rgba(0, 0, 0, 0.12); themeZZZlightZZZactionZZZhover: rgba(0, 0, 0, 0.07); themeZZZlightZZZactionZZZhoverOpacity: rgba(0, 0, 0, 0.07); themeZZZlightZZZactionZZZselected: #0550DC; themeZZZlightZZZactionZZZselectedOpacity: rgba(5, 80, 220, 0.08); themeZZZlightZZZactionZZZselectedOpacityHover: rgba(5, 80, 220, 0.2); themeZZZlightZZZactionZZZdisabled: rgba(0, 0, 0, 0.38); themeZZZlightZZZactionZZZdisabledBackground: #E5E5E5; themeZZZlightZZZactionZZZdisabledOpacity: rgba(0, 0, 0, 0.08); themeZZZlightZZZactionZZZdisabledOpacityHover: rgba(0, 0, 0, 0.15); themeZZZlightZZZactionZZZfocus: #0550DC; themeZZZlightZZZactionZZZfocusOpacity: rgba(5, 80, 220, 0.12); themeZZZlightZZZactionZZZinverse: rgba(255, 255, 255, 0.8); themeZZZlightZZZactionZZZhoverInverse: rgba(255, 255, 255, 0.15); themeZZZlightZZZactionZZZselectedInverse: #B3D9F8; themeZZZlightZZZactionZZZdisabledInverse: rgba(255, 255, 255, 0.38); themeZZZlightZZZactionZZZfocusInverse: #B3D9F8; themeZZZdarkZZZprimaryZZZmain: #B3D9F8; themeZZZdarkZZZprimaryZZZdark: #E6FFFF; themeZZZdarkZZZprimaryZZZinverse: #B3D9F8; themeZZZdarkZZZprimaryZZZdarkInverse: #E6FFFF; themeZZZdarkZZZerrorZZZmain: #FFADAD; themeZZZdarkZZZerrorZZZdark: #FFDFDF; themeZZZdarkZZZerrorZZZinverse: #FFADAD; themeZZZdarkZZZerrorZZZdarkInverse: #FFDFDF; themeZZZdarkZZZwarningZZZmain: #FFC766; themeZZZdarkZZZwarningZZZdark: #FFFA96; themeZZZdarkZZZwarningZZZinverse: #FFC766; themeZZZdarkZZZwarningZZZdarkInverse: #FFFA96; themeZZZdarkZZZinfoZZZmain: #71D9F3; themeZZZdarkZZZinfoZZZdark: #A7FFFF; themeZZZdarkZZZinfoZZZinverse: #71D9F3; themeZZZdarkZZZinfoZZZdarkInverse: #A7FFFF; themeZZZdarkZZZsuccessZZZmain: #41E287; themeZZZdarkZZZsuccessZZZdark: #7EFFB8; themeZZZdarkZZZsuccessZZZinverse: #41E287; themeZZZdarkZZZsuccessZZZdarkInverse: #7EFFB8; themeZZZdarkZZZbackgroundZZZdefault: #1E1E1E; themeZZZdarkZZZbackgroundZZZpaper: #383838; themeZZZdarkZZZbackgroundZZZsecondary: #404040; themeZZZdarkZZZbackgroundZZZtertiary: #4E4E4E; themeZZZdarkZZZbackgroundZZZdark: #383838; themeZZZdarkZZZbackgroundZZZdarker: #1E1E1E; themeZZZdarkZZZbackgroundZZZoverlay: rgba(30, 30, 30, 0.8); themeZZZdarkZZZbackgroundZZZprimary: rgba(179, 217, 248, 0.12); themeZZZdarkZZZbackgroundZZZerror: #1E1E1E; themeZZZdarkZZZbackgroundZZZwarning: #1E1E1E; themeZZZdarkZZZbackgroundZZZinfo: #1E1E1E; themeZZZdarkZZZbackgroundZZZsuccess: #1E1E1E; themeZZZdarkZZZbackgroundZZZinverse: rgba(0, 0, 0, 0.2); themeZZZdarkZZZtextZZZprimary: rgba(0, 0, 0, 0.87); themeZZZdarkZZZtextZZZsecondary: rgba(0, 0, 0, 0.6); themeZZZdarkZZZtextZZZdisabled: rgba(0, 0, 0, 0.38); themeZZZdarkZZZtextZZZhint: rgba(0, 0, 0, 0.6); themeZZZdarkZZZtextZZZtertiary1: rgba(255, 255, 255, 0.93); themeZZZdarkZZZtextZZZtertiary2: rgba(255, 255, 255, 0.7); themeZZZdarkZZZborderZZZprimary: rgba(255, 255, 255, 0.55); themeZZZdarkZZZborderZZZsecondary: rgba(255, 255, 255, 0.4); themeZZZdarkZZZborderZZZtertiary: rgba(255, 255, 255, 0.55); themeZZZdarkZZZborderZZZinverseSecondary: rgba(255, 255, 255, 0.4); themeZZZdarkZZZactionZZZactive: rgba(255, 255, 255, 0.8); themeZZZdarkZZZactionZZZactiveOpacity: rgba(255, 255, 255, 0.12); themeZZZdarkZZZactionZZZhover: rgba(255, 255, 255, 0.15); themeZZZdarkZZZactionZZZhoverOpacity: rgba(255, 255, 255, 0.15); themeZZZdarkZZZactionZZZselected: #B3D9F8; themeZZZdarkZZZactionZZZselectedOpacity: rgba(179, 217, 248, 0.08); themeZZZdarkZZZactionZZZselectedOpacityHover: rgba(179, 217, 248, 0.2); themeZZZdarkZZZactionZZZdisabled: rgba(255, 255, 255, 0.38); themeZZZdarkZZZactionZZZdisabledBackground: #404040; themeZZZdarkZZZactionZZZdisabledOpacity: rgba(255, 255, 255, 0.08); themeZZZdarkZZZactionZZZdisabledOpacityHover: rgba(255, 255, 255, 0.24); themeZZZdarkZZZactionZZZfocus: #B3D9F8; themeZZZdarkZZZactionZZZfocusOpacity: rgba(179, 217, 248, 0.12); themeZZZdarkZZZactionZZZinverse: rgba(255, 255, 255, 0.8); themeZZZdarkZZZactionZZZhoverInverse: rgba(255, 255, 255, 0.15); themeZZZdarkZZZactionZZZselectedInverse: #B3D9F8; themeZZZdarkZZZactionZZZdisabledInverse: rgba(255, 255, 255, 0.38); themeZZZdarkZZZactionZZZfocusInverse: #B3D9F8; } /* start - colors not found in enchanted palette */ /* end - colors not found in enchanted palette */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ :root { --font-family: Inter, sans-serif; --primary-color: $HCLSOFTWAREBLUE06; } /* typography mixins */ /* Component-Specific Styles Shared by Different ACs or FCCs */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* for enchanted-enchanted-badge */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ enchanted-accordion { display: block; } enchanted-accordion[type=outlined] { border: 1px solid #CBCBCB; overflow: hidden; background-color: #FFFFFF; } enchanted-accordion[type=outlined]:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; } enchanted-accordion[type=outlined]:last-of-type { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } enchanted-accordion[type=no-outline] { border: none; } enchanted-accordion::part(container), enchanted-accordion::part(container-rtl) { display: flex; align-items: center; justify-content: space-between; cursor: pointer; background-color: transparent; user-select: none; max-width: 100%; box-sizing: border-box; font: inherit; transition: background-color 0.3s ease, min-height 0.3s ease; gap: 8px; } enchanted-accordion::part(container-rtl) { text-align: right; } enchanted-accordion:hover::part(container), enchanted-accordion:hover::part(container-rtl) { background-color: rgba(0, 0, 0, 0.07); } enchanted-accordion:not([disabled])::part(container), enchanted-accordion:not([disabled])::part(container-rtl) { min-height: 10px; background-color: #FFFFFF; } enchanted-accordion[disabled]::part(container), enchanted-accordion[disabled]::part(container-rtl) { min-height: 10px; background-color: transparent; font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.6); } enchanted-accordion[disabled]::part(label-text), enchanted-accordion[disabled]::part(arrow-icon), enchanted-accordion[disabled]::part(arrow-icon-rtl), enchanted-accordion[disabled]::part(label-text-rtl) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.6); } enchanted-accordion[disabled]::part(secondary-text), enchanted-accordion[disabled]::part(secondary-text-rtl) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.38); } enchanted-accordion::part(header-scss), enchanted-accordion::part(header-scss-rtl) { display: flex; align-items: center; flex-grow: 1; gap: 8px; flex-direction: row; text-align: left; padding: 6px 4px; } enchanted-accordion::part(header-scss-rtl) { flex-direction: row-reverse !important; direction: ltr; text-align: right; } enchanted-accordion::part(label-column), enchanted-accordion::part(label-column-rtl) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; display: flex; flex-direction: column; flex-grow: 1; cursor: pointer; padding: 0 4px; align-items: flex-start; text-align: left; } enchanted-accordion::part(label-column-rtl) { align-items: flex-end; text-align: right !important; } enchanted-accordion::part(label-text), enchanted-accordion::part(label-text-rtl) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.87); } enchanted-accordion::part(arrow-icon), enchanted-accordion::part(arrow-icon-rtl) { display: flex; align-items: center; transition: transform 0.3s ease ease; line-height: 1; color: #000000; padding: 0px 20px; } enchanted-accordion::part(secondary-text), enchanted-accordion::part(secondary-text-rtl) { font-size: 10px; color: rgba(0, 0, 0, 0.55); font-weight: 400; text-align: left; } enchanted-accordion::part(secondary-text-rtl) { text-align: right !important; } enchanted-accordion[open]::part(arrow), enchanted-accordion[open]::part(arrow-rtl) { transform: rotate(180deg); } enchanted-accordion[open]::part(accordion-content), enchanted-accordion[open]::part(accordion-content-rtl) { display: block; padding: 12px 12px; } enchanted-accordion:not([open])::part(arrow), enchanted-accordion:not([open])::part(arrow-rtl) { transform: rotate(0deg); } enchanted-accordion:not([open])::part(accordion-content), enchanted-accordion:not([open])::part(accordion-content-rtl) { display: none; padding: 0 16px; background-color: transparent; } enchanted-accordion:hover::part(container), enchanted-accordion:hover::part(container-rtl) { background-color: rgba(0, 0, 0, 0.07); } /* ======================================================================== * * Copyright 2025 HCL America Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * * you may not use this file except in compliance with the License. * * You may obtain a copy of the License at * * * * http://www.apache.org/licenses/LICENSE-2.0 * * * * Unless required by applicable law or agreed to in writing, software * * distributed under the License is distributed on an "AS IS" BASIS, * * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * * See the License for the specific language governing permissions and * * limitations under the License. * * ======================================================================== */ enchanted-accordion-summary::part(summary), enchanted-accordion-summary::part(summary-rtl) { display: flex; flex-direction: column; padding: 4px; transition: background-color 0.3s ease; border-radius: 0; cursor: pointer; } enchanted-accordion-summary::part(label), enchanted-accordion-summary::part(label-rtl) { color: rgba(0, 0, 0, 0.87); padding: 0px 0px; font-size: 12px; font-weight: 400; line-height: 14px; } enchanted-accordion-summary::part(secondary), enchanted-accordion-summary::part(secondary-rtl) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.55); padding-left: 0px; } enchanted-accordion-summary[disabled]::part(label), enchanted-accordion-summary[disabled]::part(label-rtl), enchanted-accordion-summary[disabled]::part(secondary), enchanted-accordion-summary[disabled]::part(secondary-rtl) { color: rgba(0, 0, 0, 0.38); } /* ******************************************************************** * Licensed Materials - Property of HCL * * * * Copyright HCL Technologies Ltd. 2025. All Rights Reserved. * * * * Note to US Government Users Restricted Rights: * * * * Use, duplication or disclosure restricted by GSA ADP Schedule * ******************************************************************** */ enchanted-link::part(result-title) { display: flex; color: #0550DC; font-weight: 700; } enchanted-avatar::part(avatar-div) { height: 24px; width: 24px; box-sizing: border-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 2px; padding: 3px; border: 1px solid rgba(0, 0, 0, 0.2); overflow: hidden; } enchanted-avatar::part(avatar-div-circular) { height: 24px; width: 24px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } enchanted-avatar::part(avatar-span-rounded) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; border-radius: 2px; color: var(--icon-theme-color); } enchanted-avatar::part(avatar-span-circular) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; border-radius: 50%; color: var(--icon-theme-color); } enchanted-avatar::part(avatar-icon-rounded) { height: 16px; width: 16px; border-radius: 2px; --icon-theme-size: 16px; } enchanted-avatar::part(avatar-icon-circular) { line-height: 0; box-sizing: border-box; --icon-theme-size: 16px; } enchanted-avatar::part(avatar-icon-template-rounded) { line-height: 0; size: 16px; --icon-theme-size: 16px; } enchanted-avatar::part(avatar-icon-template-circular) { line-height: 0; box-sizing: border-box; --icon-theme-size: 16px; } enchanted-avatar::part(avatar-image-rounded) { height: 24px; width: 24px; object-fit: cover; } enchanted-avatar::part(avatar-image-circular) { height: 24px; width: 24px; border-radius: 50%; } enchanted-avatar::part(result-title) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; display: flex; color: #0550DC; font-weight: 700; } enchanted-avatar::part(avatar-default-color) { --icon-theme-color: #404040; background-color: #F6F6F6; } enchanted-avatar::part(avatar-red) { --icon-theme-color: #C10C0D; background-color: #FFF2F2; } enchanted-avatar::part(avatar-orange) { --icon-theme-color: #AE3D04; background-color: #FFF6E2; } enchanted-avatar::part(avatar-yellow) { --icon-theme-color: #8E4A06; background-color: #FFFCD5; } enchanted-avatar::part(avatar-lime) { --icon-theme-color: #506901; background-color: #F9FDDE; } enchanted-avatar::part(avatar-green) { --icon-theme-color: #04633D; background-color: #E4FDED; } enchanted-avatar::part(avatar-teal) { --icon-theme-color: #035F69; background-color: #D3FBF4; } enchanted-avatar::part(avatar-blue) { --icon-theme-color: #01539B; background-color: #D9F9FF; } enchanted-avatar::part(avatar-indigo) { --icon-theme-color: #44339F; background-color: #EDF5FF; } enchanted-avatar::part(avatar-purple) { --icon-theme-color: #6A2E99; background-color: #F9EEFF; } enchanted-avatar::part(avatar-pink) { --icon-theme-color: #8F0465; background-color: #FFECFC; } enchanted-avatar #avatar-container { display: flex; justify-content: space-around; } enchanted-badge::part(badge_text) { background-color: #FFF6E2; border: 2px solid #FFFFFF; border-radius: 64px; /* one half of ( (border * 2) + height + padding ) */ box-shadow: 0px 0px 0px 1px #FFFFFF; color: #FFFFFF; font: bold 15px/13px Inter, sans-serif; height: 18px; min-width: 20px; margin: -10px 0px 0px -12px; text-align: center; padding: 2px; } enchanted-badge::part(badge_dot) { background-color: #0066B0; border: 2px solid #FFFFFF; border-radius: 10px; /* one half of ( (border * 2) + height + padding ) */ box-shadow: 0px 0px 0px 1px #FFFFFF; color: #FFFFFF; font: bold 13px Inter, sans-serif; height: 18px; width: 18px; margin: -12px 0px 0px -12px; text-align: center; } enchanted-button::part(button) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; align-items: center; border-radius: 2px; } enchanted-button::part(button):hover { background-color: #0029A9; } enchanted-button::part(button):focus { border-radius: 4px; outline: #0550DC 1px solid; outline-offset: 2px; } enchanted-button::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-button::part(button-outlined-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0029A9 solid 1px; border-radius: 4px; } enchanted-button::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-button::part(button-start-icon-rtl-margin) { color: #FFFFFF; height: 16px; margin-left: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-button::part(button-end-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: space-between; } enchanted-button::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; } enchanted-button { /* styles for contained variant of enchanted-button */ } enchanted-button::part(button-contained), enchanted-button::part(button-contained-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-button::part(button-contained-disabled), enchanted-button::part(button-contained-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #E5E5E5; border: 1px solid #E5E5E5; } enchanted-button::part(button-contained-focused), enchanted-button::part(button-contained-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-button::part(button-contained):hover { background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-button::part(button-contained):active, enchanted-button::part(button-contained-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-button::part(button-contained-inverse) { background-color: #B3D9F8; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-button::part(button-contained-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-button::part(button-contained-inverse):hover { background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-button::part(button-contained-inverse):active { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-button { /* styles for text variant of enchanted-button */ } enchanted-button::part(button-enchanted-text), enchanted-button::part(button-enchanted-text-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; background-color: #FFFFFF; color: #0550DC; } enchanted-button::part(button-enchanted-text-disabled), enchanted-button::part(button-enchanted-text-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: none; } enchanted-button::part(button-enchanted-text-focused), enchanted-button::part(button-enchanted-text-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #FFFFFF; color: #0550DC; } enchanted-button::part(button-enchanted-text-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-button::part(button-enchanted-text):hover, enchanted-button::part(button-enchanted-text-inverse):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-button::part(button-enchanted-text):active, enchanted-button::part(button-enchanted-text-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-button::part(button-enchanted-text-inverse) { color: #B3D9F8; background-color: #383838; } enchanted-button::part(button-enchanted-text-disabled-inverse) { background-color: #383838; color: rgba(255, 255, 255, 0.38) !important; } enchanted-button::part(button-enchanted-text-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-button::part(button-enchanted-text-inverse):hover { background-color: rgba(255, 255, 255, 0.15); color: #E6FFFF; } enchanted-button::part(button-enchanted-text-inverse):active { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-button { /* styles for outlined variant of enchanted-button */ } enchanted-button::part(button-enchanted-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC; color: #0550DC; background-color: #FFFFFF; } enchanted-button::part(button-enchanted-outlined-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: 1px solid #E5E5E5; filter: saturate(2%) hue-rotate(50deg) brightness(103%) contrast(102%); } enchanted-button::part(button-enchanted-outlined-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC !important; color: #0550DC; background-color: #FFFFFF; } enchanted-button::part(button-enchanted-outlined):hover { border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-button::part(button-enchanted-outlined):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-chip::part(chip-div) { background-color: rgba(0, 0, 0, 0.08); border-radius: 100px; display: inline-flex; padding: 4px; align-items: center; } enchanted-chip::part(chip-name) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.87); } enchanted-chip::part(chip-count) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; padding: 0px 4px 0px 4px; border-radius: 4px; margin-left: 4px; color: #FFFFFF; align-items: center; } enchanted-chip::part(chip-count-rtl) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; padding: 0px 4px 0px 4px; border-radius: 4px; margin-right: 4px; color: #FFFFFF; align-items: center; } enchanted-data-grid::-webkit-scrollbar { width: 8px; -webkit-appearance: none; } enchanted-data-grid::-webkit-scrollbar-track { background: #FFFFFF; } enchanted-data-grid::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; } enchanted-data-grid::-webkit-scrollbar-thumb:hover { background: #555; } enchanted-data-grid::part(table-body-container) { width: 100%; display: flex; align-items: center; flex-direction: column; padding-top: 20vh; padding-bottom: 20vh; } enchanted-data-grid::part(table-container) { display: block; width: 100%; border-collapse: collapse; position: relative; } enchanted-data-grid::part(table-row-header-container) { height: 47px; width: 100%; box-shadow: 0px 1px rgba(0, 0, 0, 0.32); font-family: Inter, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0px; white-space: nowrap; overflow: hidden; text-align: left; position: sticky; display: flex; align-items: center; top: 0px; background-color: #FFFFFF; z-index: 1; border-bottom: none !important; } enchanted-data-grid::part(table-row-body-container) { height: 37px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.32); font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; white-space: nowrap; overflow: hidden; text-align: left; display: flex; align-items: center; } enchanted-data-grid::part(table-row-body-container):focus { outline: 1px solid #0550DC !important; outline-offset: -1px; } enchanted-data-grid::part(table-row-body-container-hovered) { height: 37px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.32); font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; white-space: nowrap; overflow: hidden; text-align: left; background-color: rgba(0, 0, 0, 0.07); display: flex; align-items: center; } enchanted-data-grid::part(table-cell-container) { display: inline-flex; min-width: 0px; flex: 1 1 0%; } enchanted-data-grid::part(table-header-container) { display: inline-flex; padding-top: 10px; -webkit-box-align: center; align-items: center; height: 37px; } enchanted-data-grid::part(table-header-container):focus, enchanted-data-grid::part(table-header-container-rtl):focus { outline: none; box-shadow: none; } enchanted-data-grid::part(table-header-container):focus-visible, enchanted-data-grid::part(table-header-container-rtl):focus-visible { outline: none; box-shadow: none; } enchanted-data-grid::part(table-cell-text) { display: inline; margin-left: 12px; margin-right: 12px; } enchanted-data-grid::part(table-header-container-child) { display: flex; -webkit-box-align: center; align-items: center; min-width: 0px; flex: 1 1 0%; } enchanted-data-grid::part(table-header-text-parent) { overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; } enchanted-data-grid::part(table-header-text) { margin-left: 12px; margin-right: 12px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } enchanted-data-grid::part(table-result-label) { font-family: Inter, sans-serif; font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: 0px; margin: 20px 0 4px 0; font-size: 16px; } enchanted-data-grid::part(table--result-description) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; margin: 0; } enchanted-data-grid::part(table-loading-text) { font-family: Inter, sans-serif; font-weight: 300; font-size: 14px; line-height: 14px; letter-spacing: 0px; } enchanted-data-grid::part(table-column-separator) { align-items: center; } enchanted-data-grid::part(table-header-asc-sort-button-hidden) { display: none; } enchanted-data-grid::part(table-header-desc-sort-button-hidden) { display: none; } enchanted-data-grid::part(table-select-checkbox) { display: none; } enchanted-data-grid::part(table-action-icon-button) { display: none; } enchanted-data-grid::part(table-select-checkbox-container), enchanted-data-grid::part(table-select-all-checkbox) { padding-left: 12px; padding-right: 12px; width: 20px; } enchanted-data-grid::part(table-column-separator-hr) { margin: 0px; flex-shrink: 0; border-width: 0px thin 0px 0px; border-style: solid; border-color: rgba(0, 0, 0, 0.32); height: 16px; } enchanted-data-grid::part(table-column-authoring-0) { width: 20%; max-width: 20%; } enchanted-data-grid::part(table-column-authoring-1) { width: 20%; max-width: 20%; } enchanted-data-grid::part(table-column-authoring-2) { width: 10%; max-width: 10%; } enchanted-data-grid::part(table-column-authoring-3) { width: 10%; max-width: 10%; } enchanted-data-grid::part(table-column-authoring-4) { width: 10%; max-width: 10%; } enchanted-data-grid::part(table-column-authoring-5) { width: 30%; max-width: 30%; } enchanted-data-grid::part(table-column-authoring-0-div), enchanted-data-grid::part(table-column-authoring-1-div), enchanted-data-grid::part(table-column-authoring-2-div), enchanted-data-grid::part(table-column-authoring-3-div), enchanted-data-grid::part(table-column-authoring-4-div), enchanted-data-grid::part(table-column-authoring-5-div) { display: flex; flex-direction: row; width: 100%; padding: 0px; align-items: center; } enchanted-data-grid::part(table-column-authoring-0-div-1) { width: 95%; padding-right: 8px; padding: 0px; display: flex; } enchanted-data-grid::part(table-column-authoring-0-div-2) { display: flex; justify-content: flex-start; flex-direction: row; width: 40%; padding: 0px; } enchanted-data-grid::part(table-column-authoring-0-div-3) { display: flex; justify-content: flex-end; width: 50%; padding: 0px; } enchanted-data-grid::part(table-column-authoring-0-div-4) { display: flex; justify-content: flex-start; width: 50%; padding: 0px; } enchanted-data-grid::part(table-column-authoring-0-div-1), enchanted-data-grid::part(table-column-authoring-1-div-1), enchanted-data-grid::part(table-column-authoring-2-div-1), enchanted-data-grid::part(table-column-authoring-3-div-1), enchanted-data-grid::part(table-column-authoring-4-div-1), enchanted-data-grid::part(table-column-authoring-5-div-1) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } enchanted-data-grid::part(button-contained), enchanted-data-grid::part(button-contained-focused) { border: none; background-color: #FFFFFF; padding: 0; } enchanted-data-grid::part(table-header-icon-button):focus { border: none; outline: 1px solid #0550DC !important; border-radius: 2px; } enchanted-data-grid::part(table-cell-icon-button) { border: none; border-radius: 2px; padding: 6px; } enchanted-data-grid::part(table-header-menu-item):focus { border: none; outline: 1px solid #0550DC !important; outline-offset: -1px; display: block; } enchanted-data-grid::part(button-start-icon-small-without-padding), enchanted-data-grid::part(button-start-icon-medium-without-padding), enchanted-data-grid::part(button-start-icon), enchanted-data-grid::part(button-contained-hovered), enchanted-data-grid::part(button-start-icon-small-with-padding), enchanted-data-grid::part(button-start-icon-medium-with-padding) { align-items: center; justify-content: center; border: none; } enchanted-data-grid::part(icon-button-contained), enchanted-data-grid::part(icon-button-contained-inverse), enchanted-data-grid::part(icon-button-contained-focused), enchanted-data-grid::part(icon-button-contained-focused-inverse), enchanted-data-grid::part(icon-button-contained-disabled), enchanted-data-grid::part(icon-button-contained-disabled-inverse), enchanted-data-grid::part(icon-button-contained):hover { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; vertical-align: middle; appearance: none; text-align: center; font-size: 1.5rem; color: rgba(0, 0, 0, 0.6); --icon-theme-color: rgba(0, 0, 0, 0.6); background-color: transparent; outline: none; margin: 0px; text-decoration: none; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 0px; } enchanted-data-grid::part(icon-button-contained-disabled), enchanted-data-grid::part(icon-button-contained-disabled-inverse) { cursor: not-allowed; pointer-events: none; opacity: 0.38; border: none; } enchanted-data-grid::part(icon-button-contained), enchanted-data-grid::part(icon-button-contained-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-data-grid::part(icon-button-contained-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); } enchanted-data-grid::part(icon-button-contained):active, enchanted-data-grid::part(icon-button-contained-inverse):active, enchanted-data-grid::part(icon-button-contained):focus, enchanted-data-grid::part(icon-button-contained-inverse):focus, enchanted-data-grid::part(icon-button-contained):focus-visible, enchanted-data-grid::part(icon-button-contained-inverse):focus-visible, enchanted-data-grid::part(icon-button-contained-focused), enchanted-data-grid::part(icon-button-contained-focused-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-color: transparent; outline: #0550DC 2px solid; outline-offset: 1px; } enchanted-data-grid::part(icon-button-contained-inverse):active, enchanted-data-grid::part(icon-button-contained-inverse):focus, enchanted-data-grid::part(icon-button-contained-inverse):focus-visible, enchanted-data-grid::part(icon-button-contained-focused-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); outline: #B3D9F8 2px solid; } enchanted-data-grid::part(icon-button-contained-focused-inverse):hover { background-color: rgba(255, 255, 255, 0.15); } enchanted-data-grid::part(icon-button-contained):hover, enchanted-data-grid::part(icon-button-contained-inverse):hover { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-data-grid::part(icon-button-contained):hover, enchanted-data-grid::part(icon-button-contained-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-data-grid::part(icon-button-contained-inverse):hover { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.15); } enchanted-data-grid::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: center; align-items: center; } enchanted-data-grid::part(button-start-icon-small-without-padding), enchanted-data-grid::part(button-start-icon-medium-without-padding) { box-sizing: border-box; padding: 0px; outline: none; line-height: 0; } enchanted-data-grid::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; --icon-theme-size: 16px; } enchanted-data-grid::part(button-start-icon-medium-without-padding) { height: 20px; width: 20px; --icon-theme-size: 20px; } enchanted-data-grid::part(button-start-icon-fab) { height: 24px; width: 24px; padding: 8px; --icon-theme-size: 24px; } enchanted-data-grid::part(button-start-icon-small-with-padding), enchanted-data-grid::part(button-start-icon-medium-with-padding) { box-sizing: border-box; outline: none; line-height: 0; } enchanted-data-grid::part(button-start-icon-small-with-padding) { display: flex; height: 20px; width: 20px; padding: 2px; --icon-theme-size: 16px; vertical-align: middle; } enchanted-data-grid::part(button-start-icon-medium-with-padding) { display: flex; height: 28px; width: 28px; --icon-theme-size: 20px; padding: 4px; vertical-align: middle; } enchanted-data-grid::part(menu-root) { position: fixed; z-index: 1300; inset: 0px; } enchanted-data-grid::part(backdrop) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); position: fixed; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; -webkit-tap-highlight-color: transparent; background-color: transparent; } enchanted-data-grid::part(paper-root) { opacity: 1; transform: none; transition: opacity 228ms cubic-bezier(0.4, 0, 0.2, 1), transform 152ms cubic-bezier(0.4, 0, 0.2, 1); transform-origin: 0px 0px; display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); position: absolute; overflow-y: auto; overflow-x: hidden; min-width: var(--dropdown-menu-min-width, 16px); min-height: 16px; max-height: calc(100% - 32px); width: auto; border-radius: 4px; outline: 0px; padding: 0px; } enchanted-data-grid::part(unordered-list) { padding: 5px 0px; } enchanted-data-grid[size=sm] enchanted-menu-item::part(menu-item) { font-size: 12px; line-height: 16px; min-height: 20px; padding: 3px 0px; } enchanted-data-grid[size=sm]::part(unordered-list) { padding: 4px 0px; } enchanted-data-grid[size=sm]::part(paper-root), enchanted-data-grid[size=md]::part(paper-root) { width: auto; max-width: calc(100% - 32px); } enchanted-data-grid::part(unordered-list) { padding-top: 4px; padding-bottom: 4px; list-style: none; margin: 0px; padding: 8px 0px; position: relative; outline: 0px; } enchanted-data-grid::part(list-item) { list-style-type: none; padding: 8px; } enchanted-data-grid::part(text-root) { margin-left: 16px; margin-right: 8px; margin-top: 0px; margin-bottom: 0px; flex: 1 1 auto; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } enchanted-data-grid::part(text) { overflow: hidden; pointer-events: none; position: relative; z-index: 0; inset: 0px; border-radius: inherit; } enchanted-data-grid::part(menu-item) { font-family: Inter, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0px; border: 1px solid transparent; padding: 5px 0px; min-height: 36px; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; box-sizing: border-box; white-space: nowrap; display: flex; } enchanted-data-grid::part(menu-item):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-data-grid::part(menu-item):focus { border: 1px solid #0550DC; } enchanted-data-grid::part(avatar-div) { height: 24px; width: 24px; box-sizing: border-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 2px; padding: 3px; border: 1px solid rgba(0, 0, 0, 0.2); overflow: hidden; } enchanted-data-grid::part(avatar-div-circular) { height: 24px; width: 24px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } enchanted-data-grid::part(avatar-span-rounded) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; border-radius: 2px; color: var(--icon-theme-color); } enchanted-data-grid::part(avatar-span-circular) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; border-radius: 50%; color: var(--icon-theme-color); } enchanted-data-grid::part(avatar-icon-rounded) { height: 16px; width: 16px; border-radius: 2px; --icon-theme-size: 16px; } enchanted-data-grid::part(avatar-icon-circular) { line-height: 0; box-sizing: border-box; --icon-theme-size: 16px; } enchanted-data-grid::part(avatar-icon-template-rounded) { line-height: 0; size: 16px; --icon-theme-size: 16px; } enchanted-data-grid::part(avatar-icon-template-circular) { line-height: 0; box-sizing: border-box; --icon-theme-size: 16px; } enchanted-data-grid::part(avatar-image-rounded) { height: 24px; width: 24px; object-fit: cover; } enchanted-data-grid::part(avatar-image-circular) { height: 24px; width: 24px; border-radius: 50%; } enchanted-data-grid::part(result-title) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; display: flex; color: #0550DC; font-weight: 700; } enchanted-data-grid::part(avatar-default-color) { --icon-theme-color: #404040; background-color: #F6F6F6; } enchanted-data-grid::part(avatar-red) { --icon-theme-color: #C10C0D; background-color: #FFF2F2; } enchanted-data-grid::part(avatar-orange) { --icon-theme-color: #AE3D04; background-color: #FFF6E2; } enchanted-data-grid::part(avatar-yellow) { --icon-theme-color: #8E4A06; background-color: #FFFCD5; } enchanted-data-grid::part(avatar-lime) { --icon-theme-color: #506901; background-color: #F9FDDE; } enchanted-data-grid::part(avatar-green) { --icon-theme-color: #04633D; background-color: #E4FDED; } enchanted-data-grid::part(avatar-teal) { --icon-theme-color: #035F69; background-color: #D3FBF4; } enchanted-data-grid::part(avatar-blue) { --icon-theme-color: #01539B; background-color: #D9F9FF; } enchanted-data-grid::part(avatar-indigo) { --icon-theme-color: #44339F; background-color: #EDF5FF; } enchanted-data-grid::part(avatar-purple) { --icon-theme-color: #6A2E99; background-color: #F9EEFF; } enchanted-data-grid::part(avatar-pink) { --icon-theme-color: #8F0465; background-color: #FFECFC; } enchanted-data-grid #avatar-container { display: flex; justify-content: space-around; } enchanted-data-grid::part(tooltip-root) { position: relative; display: inline-block; } enchanted-data-grid::part(tooltip-text) { box-sizing: border-box; color: rgba(255, 255, 255, 0.93); position: fixed; border-radius: 2px; background-color: #383838; font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; padding: 5px 8px; z-index: 9999; } enchanted-data-grid::part(tooltip-medium) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; padding: 8px; } enchanted-data-grid::part(tooltip-multi-line) { width: max-content; height: max-content; overflow-wrap: break-word; } enchanted-data-grid-generic { max-height: calc(93vh - 150px); -webkit-overflow-scrolling: touch; overflow-y: scroll; } enchanted-data-grid-generic::-webkit-scrollbar { width: 8px; -webkit-appearance: none; } enchanted-data-grid-generic::-webkit-scrollbar-track { background: #FFFFFF; } enchanted-data-grid-generic::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; } enchanted-data-grid-generic::-webkit-scrollbar-thumb:hover { background: #555; } enchanted-data-grid-generic::part(table-body-container) { width: 100%; display: flex; align-items: center; flex-direction: column; padding-top: 20vh; padding-bottom: 20vh; } enchanted-data-grid-generic::part(table-container) { width: 100%; border-collapse: collapse; position: relative; table-layout: fixed; } enchanted-data-grid-generic::part(table-row-header-container) { padding-top: 10px; padding-bottom: 10px; box-sizing: border-box; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); white-space: nowrap; overflow: hidden; text-align: left; position: sticky; top: 0px; background-color: #FFFFFF; display: flex; align-items: center; z-index: 1; color: rgba(0, 0, 0, 0.87); font-size: 0; } enchanted-data-grid-generic::part(table-row-body-container), enchanted-data-grid-generic::part(table-row-body-container-selected), enchanted-data-grid-generic::part(table-row-body-container-disabled) { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; white-space: nowrap; text-align: left; display: flex; align-items: center; box-sizing: border-box; color: rgba(0, 0, 0, 0.87); } enchanted-data-grid-generic::part(table-row-body-container-disabled) { cursor: not-allowed; color: rgba(0, 0, 0, 0.38); } enchanted-data-grid-generic::part(table-row-body-container-selected) { background-color: rgba(5, 80, 220, 0.08); } enchanted-data-grid-generic::part(table-row-body-container):focus, enchanted-data-grid-generic::part(table-row-body-container-selected):focus, enchanted-data-grid-generic::part(table-row-body-container-hovered):focus { outline: 2px solid #0550DC !important; outline-offset: -2px; } enchanted-data-grid-generic::part(table-row-body-container-hovered) { width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.2); font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; white-space: nowrap; text-align: left; background-color: rgba(0, 0, 0, 0.07); display: flex; align-items: center; box-sizing: border-box; } enchanted-data-grid-generic::part(table-row-body-container-hovered):focus { border-radius: 0 !important; background-color: rgba(0, 0, 0, 0.07); } enchanted-data-grid-generic::part(table-cell-container), enchanted-data-grid-generic::part(table-cell-container-multi-lines) { display: inline-flex; min-width: 0px; flex: 1 1 0%; padding: 8px 12px; box-sizing: border-box; } enchanted-data-grid-generic::part(table-cell-container-multi-lines) { padding: 5px 12px; } enchanted-data-grid-generic::part(table-header-container) { display: inline-flex; -webkit-box-align: center; align-items: center; padding: 0; padding-inline-start: 12px; box-sizing: border-box; } enchanted-data-grid-generic::part(table-header-container):focus, enchanted-data-grid-generic::part(table-header-container-rtl):focus { outline: none; box-shadow: none; } enchanted-data-grid-generic::part(table-header-container):focus-visible, enchanted-data-grid-generic::part(table-header-container-rtl):focus-visible { outline: none; box-shadow: none; } enchanted-data-grid-generic::part(table-cell-link) { margin-inline-end: 12px; text-decoration: none; color: rgba(0, 0, 0, 0.7); } enchanted-data-grid-generic::part(table-cell-link):hover { margin-inline-end: 12px; text-decoration: underline; } enchanted-data-grid-generic::part(table-header-container-child) { display: flex; box-sizing: border-box; -webkit-box-align: center; align-items: center; min-width: 0px; flex: 1 1 0%; } enchanted-data-grid-generic::part(table-header-text-parent) { font-family: Inter, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0px; overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; } enchanted-data-grid-generic::part(table-header-text) { margin-inline-end: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } enchanted-data-grid-generic::part(table-result-label) { font-family: Inter, sans-serif; font-weight: 700; font-size: 14px; line-height: 22px; letter-spacing: 0px; margin: 20px 0 4px 0; font-size: 16px; } enchanted-data-grid-generic::part(table--result-description) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; margin: 0; } enchanted-data-grid-generic::part(table-loading-text) { font-family: Inter, sans-serif; font-weight: 300; font-size: 14px; line-height: 14px; letter-spacing: 0px; } enchanted-data-grid-generic::part(table-column-separator) { align-items: center; margin-inline-start: 12px; } enchanted-data-grid-generic::part(table-header-asc-sort-button-hidden) { display: none; } enchanted-data-grid-generic::part(table-header-desc-sort-button-hidden) { display: none; } enchanted-data-grid-generic::part(table-select-checkbox) { display: none; } enchanted-data-grid-generic::part(table-action-icon-button), enchanted-data-grid-generic::part(table-action-icon-button-hidden) { line-height: 0; } enchanted-data-grid-generic::part(table-action-icon-button) { margin-inline-start: 8px; } enchanted-data-grid-generic::part(table-action-icon-button-hidden) { visibility: hidden; pointer-events: none; } enchanted-data-grid-generic::part(table-action-icon-button-menu) { margin-inline-start: 12px; } enchanted-data-grid-generic::part(table-select-checkbox-container), enchanted-data-grid-generic::part(table-select-all-checkbox) { padding-inline-start: 12px; padding-inline-end: 12px; width: 20px; } enchanted-data-grid-generic::part(table-column-separator-hr) { margin: 0px; flex-shrink: 0; border-width: 0px thin 0px 0px; border-style: solid; border-color: rgba(0, 0, 0, 0.32); height: 16px; } enchanted-data-grid-generic::part(table-column-authoring-0) { width: calc((100vw - 64px) / 4); max-width: calc((100vw - 64px) / 4); flex: 1; } enchanted-data-grid-generic::part(table-column-authoring-1) { width: calc((100vw - 64px) / 8); max-width: calc((100vw - 64px) / 8); flex: 1; } enchanted-data-grid-generic::part(table-column-authoring-2) { width: calc((100vw - 64px) / 8); max-width: calc((100vw - 64px) / 8); flex: 1; } enchanted-data-grid-generic::part(table-column-authoring-3) { width: calc((100vw - 64px) / 8); max-width: calc((100vw - 64px) / 8); flex: 1; } enchanted-data-grid-generic::part(table-column-authoring-4) { width: calc((100vw - 64px) / 8); max-width: calc((100vw - 64px) / 8); flex: 1; } enchanted-data-grid-generic::part(table-column-authoring-5) { width: calc((100vw - 64px) / 8); box-sizing: border-box; flex: 1; } enchanted-data-grid-generic::part(table-column-picker-0) { flex: unset; width: 20%; } enchanted-data-grid-generic::part(table-column-picker-1) { width: 30%; flex: unset; } enchanted-data-grid-generic::part(table-column-picker-2) { width: 10%; flex: unset; } enchanted-data-grid-generic::part(table-column-picker-3) { width: 20%; flex: unset; } enchanted-data-grid-generic::part(table-column-picker-4) { width: 20%; flex: unset; } enchanted-data-grid-generic::part(table-action-buttons-container) { display: flex; justify-content: flex-start; flex-direction: row; } enchanted-data-grid-generic::part(table-column-authoring-0-div), enchanted-data-grid-generic::part(table-column-authoring-1-div), enchanted-data-grid-generic::part(table-column-authoring-2-div), enchanted-data-grid-generic::part(table-column-authoring-3-div), enchanted-data-grid-generic::part(table-column-authoring-4-div), enchanted-data-grid-generic::part(table-column-authoring-5-div) { display: flex; flex-direction: row; width: 100%; padding: 0px; align-items: center; text-align: start; } enchanted-data-grid-generic::part(table-column-authoring-0-div-1) { width: 95%; padding-inline-end: 8px; padding: 0px; margin-inline-start: 8px; } enchanted-data-grid-generic::part(table-column-authoring-0-div-2) { width: auto; padding: 0px; } enchanted-data-grid-generic::part(table-column-authoring-0-div-3) { display: flex; justify-content: flex-end; width: auto; padding: 0px; } enchanted-data-grid-generic::part(table-column-authoring-0-div-4) { display: flex; justify-content: flex-start; width: 50%; padding: 0px; } enchanted-data-grid-generic::part(table-column-authoring-0-div-1), enchanted-data-grid-generic::part(table-column-authoring-1-div-1), enchanted-data-grid-generic::part(table-column-authoring-2-div-1), enchanted-data-grid-generic::part(table-column-authoring-3-div-1), enchanted-data-grid-generic::part(table-column-authoring-4-div-1), enchanted-data-grid-generic::part(table-column-authoring-5-div-1) { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex-grow: 1; min-width: 0; } enchanted-data-grid-generic::part(button-contained), enchanted-data-grid-generic::part(button-contained-focused) { border: none; background-color: #FFFFFF; padding: 0; } enchanted-data-grid-generic::part(table-cell-icon-button) { border: none; border-radius: 2px; padding: 0; display: inline-block; } enchanted-data-grid-generic::part(table-cell-text-action) { border: none; border-radius: 2px; padding: 6px; cursor: pointer; max-width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } enchanted-data-grid-generic::part(table-cell-subtitle) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; margin: 0; color: rgba(0, 0, 0, 0.6); } enchanted-data-grid-generic::part(table-header-menu-item):focus { border: none; outline: 1px solid #0550DC !important; outline-offset: -1px; display: block; } @media (max-height: 600px) { enchanted-data-grid-generic { max-height: calc(83vh - 150px); } } enchanted-data-grid-generic::part(button-start-icon-small-without-padding), enchanted-data-grid-generic::part(button-start-icon-medium-without-padding), enchanted-data-grid-generic::part(button-start-icon), enchanted-data-grid-generic::part(button-contained-hovered), enchanted-data-grid-generic::part(button-start-icon-small-with-padding), enchanted-data-grid-generic::part(button-start-icon-medium-with-padding) { align-items: center; justify-content: center; border: none; } enchanted-data-grid-generic::part(icon-button-contained), enchanted-data-grid-generic::part(icon-button-contained-inverse), enchanted-data-grid-generic::part(icon-button-contained-focused), enchanted-data-grid-generic::part(icon-button-contained-focused-inverse), enchanted-data-grid-generic::part(icon-button-contained-disabled), enchanted-data-grid-generic::part(icon-button-contained-disabled-inverse), enchanted-data-grid-generic::part(icon-button-contained):hover { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; vertical-align: middle; appearance: none; text-align: center; font-size: 1.5rem; color: rgba(0, 0, 0, 0.6); --icon-theme-color: rgba(0, 0, 0, 0.6); background-color: transparent; outline: none; margin: 0px; text-decoration: none; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 0px; } enchanted-data-grid-generic::part(icon-button-contained-disabled), enchanted-data-grid-generic::part(icon-button-contained-disabled-inverse) { cursor: not-allowed; pointer-events: none; opacity: 0.38; border: none; } enchanted-data-grid-generic::part(icon-button-contained), enchanted-data-grid-generic::part(icon-button-contained-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-data-grid-generic::part(icon-button-contained-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); } enchanted-data-grid-generic::part(icon-button-contained):active, enchanted-data-grid-generic::part(icon-button-contained-inverse):active, enchanted-data-grid-generic::part(icon-button-contained):focus, enchanted-data-grid-generic::part(icon-button-contained-inverse):focus, enchanted-data-grid-generic::part(icon-button-contained):focus-visible, enchanted-data-grid-generic::part(icon-button-contained-inverse):focus-visible, enchanted-data-grid-generic::part(icon-button-contained-focused), enchanted-data-grid-generic::part(icon-button-contained-focused-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-color: transparent; outline: #0550DC 2px solid; outline-offset: 1px; } enchanted-data-grid-generic::part(icon-button-contained-inverse):active, enchanted-data-grid-generic::part(icon-button-contained-inverse):focus, enchanted-data-grid-generic::part(icon-button-contained-inverse):focus-visible, enchanted-data-grid-generic::part(icon-button-contained-focused-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); outline: #B3D9F8 2px solid; } enchanted-data-grid-generic::part(icon-button-contained-focused-inverse):hover { background-color: rgba(255, 255, 255, 0.15); } enchanted-data-grid-generic::part(icon-button-contained):hover, enchanted-data-grid-generic::part(icon-button-contained-inverse):hover { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-data-grid-generic::part(icon-button-contained):hover, enchanted-data-grid-generic::part(icon-button-contained-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-data-grid-generic::part(icon-button-contained-inverse):hover { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.15); } enchanted-data-grid-generic::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: center; align-items: center; } enchanted-data-grid-generic::part(button-start-icon-small-without-padding), enchanted-data-grid-generic::part(button-start-icon-medium-without-padding) { box-sizing: border-box; padding: 0px; outline: none; line-height: 0; } enchanted-data-grid-generic::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; --icon-theme-size: 16px; } enchanted-data-grid-generic::part(button-start-icon-medium-without-padding) { height: 20px; width: 20px; --icon-theme-size: 20px; } enchanted-data-grid-generic::part(button-start-icon-fab) { height: 24px; width: 24px; padding: 8px; --icon-theme-size: 24px; } enchanted-data-grid-generic::part(button-start-icon-small-with-padding), enchanted-data-grid-generic::part(button-start-icon-medium-with-padding) { box-sizing: border-box; outline: none; line-height: 0; } enchanted-data-grid-generic::part(button-start-icon-small-with-padding) { display: flex; height: 20px; width: 20px; padding: 2px; --icon-theme-size: 16px; vertical-align: middle; } enchanted-data-grid-generic::part(button-start-icon-medium-with-padding) { display: flex; height: 28px; width: 28px; --icon-theme-size: 20px; padding: 4px; vertical-align: middle; } enchanted-data-grid-generic::part(menu-root) { position: fixed; z-index: 1300; inset: 0px; } enchanted-data-grid-generic::part(backdrop) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); position: fixed; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; -webkit-tap-highlight-color: transparent; background-color: transparent; } enchanted-data-grid-generic::part(paper-root) { opacity: 1; transform: none; transition: opacity 228ms cubic-bezier(0.4, 0, 0.2, 1), transform 152ms cubic-bezier(0.4, 0, 0.2, 1); transform-origin: 0px 0px; display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); position: absolute; overflow-y: auto; overflow-x: hidden; min-width: var(--dropdown-menu-min-width, 16px); min-height: 16px; max-height: calc(100% - 32px); width: auto; border-radius: 4px; outline: 0px; padding: 0px; } enchanted-data-grid-generic::part(unordered-list) { padding: 5px 0px; } enchanted-data-grid-generic[size=sm] enchanted-menu-item::part(menu-item) { font-size: 12px; line-height: 16px; min-height: 20px; padding: 3px 0px; } enchanted-data-grid-generic[size=sm]::part(unordered-list) { padding: 4px 0px; } enchanted-data-grid-generic[size=sm]::part(paper-root), enchanted-data-grid-generic[size=md]::part(paper-root) { width: auto; max-width: calc(100% - 32px); } enchanted-data-grid-generic::part(unordered-list) { padding-top: 4px; padding-bottom: 4px; list-style: none; margin: 0px; padding: 8px 0px; position: relative; outline: 0px; } enchanted-data-grid-generic::part(list-item) { list-style-type: none; padding: 8px; } enchanted-data-grid-generic::part(text-root) { margin-left: 16px; margin-right: 8px; margin-top: 0px; margin-bottom: 0px; flex: 1 1 auto; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } enchanted-data-grid-generic::part(text) { overflow: hidden; pointer-events: none; position: relative; z-index: 0; inset: 0px; border-radius: inherit; } enchanted-data-grid-generic::part(menu-item) { font-family: Inter, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0px; border: 1px solid transparent; padding: 5px 0px; min-height: 36px; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; box-sizing: border-box; white-space: nowrap; display: flex; } enchanted-data-grid-generic::part(menu-item):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-data-grid-generic::part(menu-item):focus { border: 1px solid #0550DC; } enchanted-data-grid-generic::part(avatar-div) { height: 24px; width: 24px; box-sizing: border-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 2px; padding: 3px; border: 1px solid rgba(0, 0, 0, 0.2); overflow: hidden; } enchanted-data-grid-generic::part(avatar-div-circular) { height: 24px; width: 24px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } enchanted-data-grid-generic::part(avatar-span-rounded) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; border-radius: 2px; color: var(--icon-theme-color); } enchanted-data-grid-generic::part(avatar-span-circular) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; border-radius: 50%; color: var(--icon-theme-color); } enchanted-data-grid-generic::part(avatar-icon-rounded) { height: 16px; width: 16px; border-radius: 2px; --icon-theme-size: 16px; } enchanted-data-grid-generic::part(avatar-icon-circular) { line-height: 0; box-sizing: border-box; --icon-theme-size: 16px; } enchanted-data-grid-generic::part(avatar-icon-template-rounded) { line-height: 0; size: 16px; --icon-theme-size: 16px; } enchanted-data-grid-generic::part(avatar-icon-template-circular) { line-height: 0; box-sizing: border-box; --icon-theme-size: 16px; } enchanted-data-grid-generic::part(avatar-image-rounded) { height: 24px; width: 24px; object-fit: cover; } enchanted-data-grid-generic::part(avatar-image-circular) { height: 24px; width: 24px; border-radius: 50%; } enchanted-data-grid-generic::part(result-title) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; display: flex; color: #0550DC; font-weight: 700; } enchanted-data-grid-generic::part(avatar-default-color) { --icon-theme-color: #404040; background-color: #F6F6F6; } enchanted-data-grid-generic::part(avatar-red) { --icon-theme-color: #C10C0D; background-color: #FFF2F2; } enchanted-data-grid-generic::part(avatar-orange) { --icon-theme-color: #AE3D04; background-color: #FFF6E2; } enchanted-data-grid-generic::part(avatar-yellow) { --icon-theme-color: #8E4A06; background-color: #FFFCD5; } enchanted-data-grid-generic::part(avatar-lime) { --icon-theme-color: #506901; background-color: #F9FDDE; } enchanted-data-grid-generic::part(avatar-green) { --icon-theme-color: #04633D; background-color: #E4FDED; } enchanted-data-grid-generic::part(avatar-teal) { --icon-theme-color: #035F69; background-color: #D3FBF4; } enchanted-data-grid-generic::part(avatar-blue) { --icon-theme-color: #01539B; background-color: #D9F9FF; } enchanted-data-grid-generic::part(avatar-indigo) { --icon-theme-color: #44339F; background-color: #EDF5FF; } enchanted-data-grid-generic::part(avatar-purple) { --icon-theme-color: #6A2E99; background-color: #F9EEFF; } enchanted-data-grid-generic::part(avatar-pink) { --icon-theme-color: #8F0465; background-color: #FFECFC; } enchanted-data-grid-generic #avatar-container { display: flex; justify-content: space-around; } enchanted-data-grid-generic::part(tooltip-root) { position: relative; display: inline-block; } enchanted-data-grid-generic::part(tooltip-text) { box-sizing: border-box; color: rgba(255, 255, 255, 0.93); position: fixed; border-radius: 2px; background-color: #383838; font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; padding: 5px 8px; z-index: 9999; } enchanted-data-grid-generic::part(tooltip-medium) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; padding: 8px; } enchanted-data-grid-generic::part(tooltip-multi-line) { width: max-content; height: max-content; overflow-wrap: break-word; } enchanted-datepicker::part(datepicker-root) { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; width: 100%; top: -2px; } enchanted-datepicker::part(datepicker-div-label-and-action) { margin: 0px 0px 4px; width: 100%; display: flex; -webkit-box-pack: justify; justify-content: space-between; } enchanted-datepicker::part(datepicker-div-label) { padding: 0px; flex-basis: auto; max-width: unset; } enchanted-datepicker::part(datepicker-label-icon) { user-select: none; width: 1em; height: 1em; display: inline-block; fill: currentcolor; flex-shrink: 0; color: rgba(0, 0, 0, 0.6); font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-weight: 600; margin-left: 8px; margin-bottom: -4px; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1); --icon-theme-size: 16px; } enchanted-datepicker::part(datepicker-label-required) { font-family: Inter, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0px; display: inline-flex; -webkit-box-align: center; align-items: center; } enchanted-datepicker::part(datepicker-label-text) { transform-origin: left top; text-overflow: ellipsis; left: 0px; top: 0px; z-index: 1; font-family: Inter, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.6); pointer-events: inherit; position: relative; display: inline-flex; -webkit-box-align: center; align-items: center; transform: none; word-break: break-word; max-width: 120px; padding: 0px; overflow: hidden; transition: color 200ms cubic-bezier(0, 0, 0.2, 1), transform 200ms cubic-bezier(0, 0, 0.2, 1), max-width 200ms cubic-bezier(0, 0, 0.2, 1); margin: 0px; white-space: pre-wrap; } enchanted-datepicker::part(datepicker-label-text-disabled) { color: rgba(0, 0, 0, 0.38); } enchanted-datepicker::part(datepicker-label-text-invalid) { color: #C10C0D; } enchanted-datepicker::part(datepicker-remove-label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: #0550DC; cursor: pointer; } enchanted-datepicker::part(datepicker-remove-label-disabled) { color: rgba(0, 0, 0, 0.38); cursor: unset; } enchanted-datepicker::part(datepicker-div-form) { display: inline-flex; flex-direction: column; position: relative; min-width: 0px; padding: 0px; margin: 0px; border: 0px; vertical-align: top; } enchanted-datepicker::part(datepicker-div-input) { background: #FFFFFF; font-family: Inter, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.87); border: 1px solid rgba(0, 0, 0, 0.6); box-sizing: border-box; cursor: text; display: inline-flex; -webkit-box-align: center; align-items: center; position: relative; border-radius: 2px; width: 100%; margin: 0px; padding: 5px 8px; } enchanted-datepicker::part(datepicker-div-input-disabled) { background-color: #E5E5E5; } enchanted-datepicker::part(datepicker-div-input-invalid) { border: 1px solid #C10C0D; } enchanted-datepicker::part(datepicker-input) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.87); padding: 0px; height: 22px; border: none; box-sizing: content-box; background: none; margin: 0px; -webkit-tap-highlight-color: transparent; display: block; min-width: 0px; width: 100%; text-align: left; } enchanted-datepicker::part(datepicker-input-rtl) { text-align: right; } enchanted-datepicker::part(datepicker-input):focus-visible { outline: none; } enchanted-datepicker::part(datepicker-help-text) { margin: 4px 0px 0px; font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.6); cursor: default; text-align: left; } enchanted-datepicker::part(datepicker-help-text-rtl) { text-align: right; } enchanted-datepicker::part(datepicker-invalid-text) { margin: 4px 0px 0px; font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: #C10C0D; cursor: default; text-align: left; } enchanted-datepicker::part(datepicker-invalid-text-rtl) { text-align: right; } enchanted-datepicker::part(datepicker-div-icon) { margin: 0px; display: flex; max-height: 2em; -webkit-box-align: center; align-items: center; white-space: nowrap; color: rgba(0, 0, 0, 0.6); --icon-theme-size: 16px; } enchanted-datepicker::part(datepicker-calendar) { border: 1px solid #ccc; background: #FFFFFF; z-index: 2147483646; opacity: 1; transform: none; transition: opacity 318ms cubic-bezier(0.4, 0, 0.2, 1), transform 212ms cubic-bezier(0.4, 0, 0.2, 1); display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); transform-origin: center top; font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; height: auto; box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 10px 0px; border-radius: 4px; outline: none; padding: 0px; position: absolute; transform: translate3d(0px, -4px, 0); min-width: 240px; } enchanted-datepicker::part(datepicker-calendar-header) { display: flex; justify-content: space-between; padding: 12px 16px; -webkit-box-align: center; align-items: center; max-height: 30px; min-height: 30px; } enchanted-datepicker::part(datepicker-calendar-days) { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); text-align: center; font-family: Inter, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 4px 16px; } enchanted-datepicker::part(datepicker-calendar-day-label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.6); margin: 0 auto; width: 24px; padding: 0px; height: 16px; } enchanted-datepicker::part(datepicker-calendar-dates) { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); text-align: center; height: auto; min-height: 140px; -webkit-box-pack: center; justify-content: center; position: relative; padding: 8px 16px; } enchanted-datepicker::part(datepicker-calendar-dates-empty-div) { border: none; height: 24px; width: 24px; margin: 4px 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; border-radius: 50%; padding: 0px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); opacity: 0; } enchanted-datepicker::part(datepicker-calendar-date-span) { position: relative; display: inline-flex; vertical-align: middle; flex-shrink: 0; margin: 0 auto; } enchanted-datepicker::part(datepicker-calendar-dates-button) { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-decoration: none; outline: none; border: none; padding: 0px; flex-shrink: 0; border-radius: 50%; height: 20px; width: 20px; margin: 4px 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } enchanted-datepicker::part(datepicker-calendar-dates-button):hover { background-color: rgba(0, 0, 0, 0.07); border-radius: 50%; } enchanted-datepicker::part(datepicker-calendar-dates-button):focus-visible { background-color: #FFFFFF; border: none; outline: #0550DC solid 1px; outline-offset: 3px; } enchanted-datepicker::part(datepicker-calendar-dates-button-selected) { background-color: #0550DC; color: rgba(255, 255, 255, 0.93); font-weight: 500; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1); } enchanted-datepicker::part(datepicker-calendar-dates-button-selected):hover { background-color: #0029A9; } enchanted-datepicker::part(datepicker-calendar-dates-button-selected):focus-visible { background-color: #0550DC; border: none; outline: #0550DC solid 1px; outline-offset: 3px; } enchanted-datepicker::part(datepicker-calendar-div-year) { margin-right: 0px; font-family: Inter, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0px; --icon-theme-size: 16px; } enchanted-datepicker::part(datepicker-calendar-div-year-span) { margin: 0; } enchanted-datepicker::part(datepicker-div-calendar-button), enchanted-datepicker::part(datepicker-calendar-year-view-button), enchanted-datepicker::part(datepicker-calendar-month-prev), enchanted-datepicker::part(datepicker-calendar-month-next) { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; text-align: center; height: 20px; width: 20px; color: rgba(0, 0, 0, 0.6); background-color: transparent; outline: none; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0 0 0 4px; text-decoration: none; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 0px; } enchanted-datepicker::part(datepicker-div-calendar-button) { height: 16px; width: 16px; margin: 0; } enchanted-datepicker::part(datepicker-calendar-year-view-button-rtl), enchanted-datepicker::part(datepicker-calendar-month-prev-rtl), enchanted-datepicker::part(datepicker-calendar-month-next-rtl) { margin: 0 4px 0 0; } enchanted-datepicker::part(datepicker-div-calendar-button):hover, enchanted-datepicker::part(datepicker-calendar-year-view-button):hover, enchanted-datepicker::part(datepicker-calendar-month-prev):hover, enchanted-datepicker::part(datepicker-calendar-month-next):hover { border-radius: 2px; background-color: rgba(0, 0, 0, 0.07); } enchanted-datepicker::part(datepicker-div-calendar-button):focus, enchanted-datepicker::part(datepicker-calendar-year-view-button):focus, enchanted-datepicker::part(datepicker-calendar-month-prev):focus, enchanted-datepicker::part(datepicker-calendar-month-next):focus { outline: #0550DC solid 1px; border-radius: 3px; outline-offset: -2px; } enchanted-datepicker::part(datepicker-div-calendar-button):focus { outline: #0550DC solid 1px; outline-offset: -1px; } enchanted-datepicker::part(datepicker-calendar-month-prev):disabled, enchanted-datepicker::part(datepicker-calendar-month-next):disabled, enchanted-datepicker::part(datepicker-calendar-month-prev-rtl):disabled, enchanted-datepicker::part(datepicker-calendar-month-next-rtl):disabled { background-color: transparent; color: rgba(0, 0, 0, 0.38); pointer-events: none; cursor: default; } enchanted-datepicker::part(datepicker-calendar-div-month) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); display: flex; --icon-theme-size: 16px; } enchanted-datepicker::part(datepicker-calendar-footer) { display: -webkit-box; padding: 12px 0px; -webkit-box-pack: center; -webkit-box-align: center; align-items: center; flex: 0 0 auto; } enchanted-datepicker::part(datepicker-calendar-footer-button) { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; -webkit-tap-highlight-color: transparent; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; min-width: 64px; color: #0550DC; font-family: Inter, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0px; text-transform: none; box-sizing: border-box; background-color: #FFFFFF; outline: none; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin: 0px; text-decoration: none; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), color 250ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 6px 12px; } enchanted-datepicker::part(datepicker-calendar-footer-button):hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.07); } enchanted-datepicker::part(datepicker-calendar-footer-button):focus { outline: rgb(5, 80, 220) solid 1px; outline-offset: -2px; border-radius: 3px; } enchanted-datepicker::part(datepicker-calendar-dates-today-span) { padding: 1px; width: 4px; height: 1px; border-radius: unset; min-width: 0px; display: flex; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: center; justify-content: center; align-content: center; -webkit-box-align: center; align-items: center; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 500; font-size: 0.75rem; z-index: 2147483647; background-color: #0550DC; color: #0550DC; transform: scale(1) translate(50%, 50%); transform-origin: 100% 100%; transition: transform 225ms cubic-bezier(0.4, 0, 0.2, 1); position: absolute; right: 50%; top: 70%; bottom: 14%; } enchanted-datepicker::part(datepicker-calendar-dates-today-span-rtl) { right: 48%; } enchanted-datepicker::part(datepicker-calendar-year-selection-years) { display: flex; flex-flow: wrap; overflow-y: auto; height: 100%; padding: 0 4px; max-height: 304px; text-align: center; } enchanted-datepicker::part(datepicker-calendar-year-selection-year-div) { -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } enchanted-datepicker::part(datepicker-calendar-year-selection-year-button) { color: unset; background-color: transparent; border: 0px; outline: none; font-family: Inter, sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0px; margin: 8px 0px; height: 36px; width: 72px; border-radius: 18px; cursor: pointer; } enchanted-datepicker::part(datepicker-calendar-year-selection-year-button):hover { background-color: rgba(0, 0, 0, 0.04); } enchanted-datepicker::part(datepicker-calendar-year-selection-year-button):focus-visible { background-color: rgba(0, 0, 0, 0.04); } enchanted-datepicker::part(datepicker-calendar-year-selection-year-button-selected) { color: #FFFFFF; background-color: #0550DC; } enchanted-datepicker::part(datepicker-calendar-year-selection-year-button-selected):hover { background-color: #0029A9; } enchanted-datepicker::part(datepicker-calendar-year-selection-year-button-selected):focus-visible { background-color: #0029A9; } enchanted-datepicker::part(tooltip-root) { position: relative; display: inline-block; } enchanted-datepicker::part(tooltip-text) { box-sizing: border-box; color: rgba(255, 255, 255, 0.93); position: fixed; border-radius: 2px; background-color: #383838; font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; padding: 5px 8px; z-index: 9999; } enchanted-datepicker::part(tooltip-medium) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; padding: 8px; } enchanted-datepicker::part(tooltip-multi-line) { width: max-content; height: max-content; overflow-wrap: break-word; } enchanted-dialog { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; display: block; unicode-bidi: isolate; } enchanted-dialog::part(dialog-root) { position: fixed; z-index: 1300; inset: 0px; display: block; } enchanted-dialog::part(dialog-root-chat) { position: fixed; z-index: 1300; inset: 0px; display: block; right: 24px; bottom: 64px; left: auto; top: auto; margin: 0; } enchanted-dialog::part(backdrop) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); position: fixed; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; -webkit-tap-highlight-color: transparent; background-color: rgba(30, 30, 30, 0.8); } enchanted-dialog::part(sentinel-start), enchanted-dialog::part(sentinel-end) { display: block; } enchanted-dialog::part(container-sm) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); outline: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 35%; } enchanted-dialog::part(container-md) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); outline: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; } enchanted-dialog::part(container-lg) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); outline: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; } enchanted-dialog::part(container-xl) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); outline: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; height: 100%; } enchanted-dialog::part(container-chat) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); outline: 0px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } enchanted-dialog::part(paper-xl) { display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); position: relative; display: flex; flex-direction: column; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; margin: 32px; max-height: calc(100% - 64px); padding: 0px; width: calc(100% - 64px); max-width: 1920px; } enchanted-dialog::part(paper-chat) { display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); position: relative; display: flex; flex-direction: column; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; margin: 32px; width: 320px; height: 60vh; margin: 0 auto; } enchanted-dialog::part(paper-sm) { display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); position: relative; display: flex; flex-direction: column; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; margin: 32px; max-width: 600px; align-self: anchor-center; margin-top: 35%; min-height: 200px; max-height: 60%; padding: 0px; } enchanted-dialog::part(paper-md) { display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); position: relative; display: flex; flex-direction: column; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; margin: 32px; max-height: calc(100% - 64px); padding: 0px; width: calc(100% - 64px); max-width: 960px; } enchanted-dialog::part(paper-lg) { display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); position: relative; display: flex; flex-direction: column; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; margin: 32px; max-height: calc(100% - 64px); padding: 0px; width: calc(100% - 64px); max-width: 1280px; } enchanted-dialog::part(paper-xl) { display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); position: relative; display: flex; flex-direction: column; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 4px; margin: 32px; max-height: calc(100% - 64px); padding: 0px; width: calc(100% - 64px); max-width: 1920px; } enchanted-dialog::part(title) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; margin: 0px; flex: 0 0 auto; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 12px; } enchanted-dialog::part(title-text), enchanted-dialog::part(title-text-rtl) { font-family: Inter, sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0px; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } enchanted-dialog::part(title-root), enchanted-dialog::part(title-root-rtl), enchanted-dialog::part(icon-root) { flex-direction: row; -webkit-box-pack: center; justify-content: center; display: inline-flex; -webkit-box-align: center; align-items: center; } enchanted-dialog::part(title-root) { justify-content: space-between; width: 100%; } enchanted-dialog::part(title-root-rtl) { justify-content: space-between; width: 100%; flex-direction: row-reverse; } enchanted-dialog::part(icon-close) { flex-direction: column; -webkit-box-pack: center; justify-content: center; display: inline-flex; -webkit-box-align: center; align-items: center; } enchanted-dialog::part(content-md) { overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 0px 12px; border-top: 1px solid rgba(0, 0, 0, 0.2); height: calc(100vh - 224px); } enchanted-dialog::part(content-lg) { overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 0px 12px; border-top: 1px solid rgba(0, 0, 0, 0.2); height: calc(100vh - 224px); } enchanted-dialog::part(content-xl) { overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 0px 12px; border-top: 1px solid rgba(0, 0, 0, 0.2); height: calc(100vh - 224px); } enchanted-dialog::part(content-xl-no-border) { overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 0px 12px; border-top: 1px solid rgba(0, 0, 0, 0.2); height: calc(100vh - 224px); border: none !important; } enchanted-dialog::part(content-sm) { overflow-y: scroll; -webkit-overflow-scrolling: touch; padding: 0px 12px; border-top: 1px solid rgba(0, 0, 0, 0.2); padding: 12px; height: 100%; } enchanted-dialog::part(pagination-xl), enchanted-dialog::part(pagination-lg), enchanted-dialog::part(pagination-md) { border-top: 1px solid rgba(0, 0, 0, 0.2); width: 100%; position: absolute; bottom: 45px; background-color: #FFFFFF; } enchanted-dialog::part(pagination-sm) { border-top: 1px solid rgba(0, 0, 0, 0.2); width: 100%; position: absolute; bottom: 45px; background-color: #FFFFFF; left: 0px; } enchanted-dialog::part(action) { padding: 8px 12px; border-top: 1px solid rgba(0, 0, 0, 0.2); position: absolute; bottom: 0; right: 0; width: calc(100% - 24px); background-color: #FFFFFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } enchanted-dialog::part(action-no-border) { padding: 8px 12px; position: absolute; bottom: 0; right: 0; width: calc(100% - 24px); background-color: #FFFFFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } enchanted-dialog::part(chat-action) { padding: 12px 12px; position: absolute; bottom: 0; right: 0; width: calc(100% - 24px); background-color: #FFFFFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } enchanted-dialog::part(button) { color: #0550DC !important; background-color: #FFFFFF !important; height: 28px !important; } enchanted-dialog::part(button) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; align-items: center; border-radius: 2px; } enchanted-dialog::part(button):hover { background-color: #0029A9; } enchanted-dialog::part(button):focus { border-radius: 4px; outline: #0550DC 1px solid; outline-offset: 2px; } enchanted-dialog::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-dialog::part(button-outlined-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0029A9 solid 1px; border-radius: 4px; } enchanted-dialog::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-dialog::part(button-start-icon-rtl-margin) { color: #FFFFFF; height: 16px; margin-left: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-dialog::part(button-end-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: space-between; } enchanted-dialog::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; } enchanted-dialog { /* styles for contained variant of enchanted-button */ } enchanted-dialog::part(button-contained), enchanted-dialog::part(button-contained-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-dialog::part(button-contained-disabled), enchanted-dialog::part(button-contained-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #E5E5E5; border: 1px solid #E5E5E5; } enchanted-dialog::part(button-contained-focused), enchanted-dialog::part(button-contained-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-dialog::part(button-contained):hover { background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-dialog::part(button-contained):active, enchanted-dialog::part(button-contained-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-dialog::part(button-contained-inverse) { background-color: #B3D9F8; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-dialog::part(button-contained-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-dialog::part(button-contained-inverse):hover { background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-dialog::part(button-contained-inverse):active { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-dialog { /* styles for text variant of enchanted-button */ } enchanted-dialog::part(button-enchanted-text), enchanted-dialog::part(button-enchanted-text-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; background-color: #FFFFFF; color: #0550DC; } enchanted-dialog::part(button-enchanted-text-disabled), enchanted-dialog::part(button-enchanted-text-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: none; } enchanted-dialog::part(button-enchanted-text-focused), enchanted-dialog::part(button-enchanted-text-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #FFFFFF; color: #0550DC; } enchanted-dialog::part(button-enchanted-text-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-dialog::part(button-enchanted-text):hover, enchanted-dialog::part(button-enchanted-text-inverse):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-dialog::part(button-enchanted-text):active, enchanted-dialog::part(button-enchanted-text-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-dialog::part(button-enchanted-text-inverse) { color: #B3D9F8; background-color: #383838; } enchanted-dialog::part(button-enchanted-text-disabled-inverse) { background-color: #383838; color: rgba(255, 255, 255, 0.38) !important; } enchanted-dialog::part(button-enchanted-text-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-dialog::part(button-enchanted-text-inverse):hover { background-color: rgba(255, 255, 255, 0.15); color: #E6FFFF; } enchanted-dialog::part(button-enchanted-text-inverse):active { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-dialog { /* styles for outlined variant of enchanted-button */ } enchanted-dialog::part(button-enchanted-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC; color: #0550DC; background-color: #FFFFFF; } enchanted-dialog::part(button-enchanted-outlined-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: 1px solid #E5E5E5; filter: saturate(2%) hue-rotate(50deg) brightness(103%) contrast(102%); } enchanted-dialog::part(button-enchanted-outlined-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC !important; color: #0550DC; background-color: #FFFFFF; } enchanted-dialog::part(button-enchanted-outlined):hover { border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-dialog::part(button-enchanted-outlined):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-header::part(div) { width: 100%; position: relative; } enchanted-header::part(label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; width: 100%; margin-bottom: 10px; display: block; color: rgba(0, 0, 0, 0.87); } enchanted-header::part(icon-start) { position: absolute; height: 16px; width: 16px; top: 8px; left: 8px; } enchanted-header::part(icon-end) { position: absolute; height: 16px; width: 16px; top: 8px; right: 8px; } enchanted-header::part(icon-start-with-label) { top: 34px; } enchanted-header::part(icon-end-with-label) { top: 34px; } enchanted-header::part(input-icon-start) { padding-left: 24px; width: calc(100% - 34px); } enchanted-header::part(input-icon-end) { padding-right: 24px; width: calc(100% - 34px); } enchanted-header::part(input-icon-both) { padding-right: 24px; width: calc(100% - 50px); } enchanted-header::part(button) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-header::part(button-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: lightgray; color: darkgray; cursor: not-allowed; } enchanted-header::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-header::part(button-outlined-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0029A9 solid 1px; border-radius: 4px; } enchanted-header::part(button-outlined-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; outline: darkgray solid 1px; } enchanted-header::part(button-end-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: space-between; } enchanted-header::part(button-start-icon-no-margin) { color: #FFFFFF; height: 16px; width: 16px; } enchanted-header::part(button-text) { font-size: 16px; line-height: 1; overflow: hidden; } enchanted-header::part(badge) { background-color: none; color: blue; padding: 0px 0px 0px; text-align: center; border-radius: 5px; } enchanted-header::part(button-start-icon-rtl-margin) { color: #FFFFFF; height: 16px; margin-left: 4px; width: 16px; } enchanted-header::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; } enchanted-header::part(h6) { font-family: Inter, sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.87); } enchanted-header::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-header::part(input) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; display: block; width: 90%; border: 1px solid rgba(0, 0, 0, 0.38); padding: 7px 8px; height: 16px; } enchanted-header::part(input)::placeholder { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.6); } enchanted-header::part(icon-start) { position: absolute; height: 16px; width: 16px; top: 8px; left: 8px; } enchanted-header::part(icon-end) { position: absolute; height: 16px; width: 16px; top: 8px; right: 8px; } enchanted-header::part(header) { display: flex; align-items: center; height: 44px; width: 100%; justify-content: space-between; } enchanted-header::part(sub-header-start) { display: flex; align-items: center; height: 44px; width: 100%; } enchanted-header::part(sub-header-end) { display: flex; align-items: center; height: 28px; width: 312px; justify-content: flex-end; } enchanted-header::part(header-spacing-start) { padding-left: 0px; padding-right: 0px; } enchanted-header::part(header-spacing-start-hamburger) { padding-left: 68px; padding-right: 8px; } enchanted-header::part(header-spacing-end) { display: flex; padding-left: 8px; padding-right: 16px; } enchanted-header::part(badge_text) { background-color: #FFF6E2; border: 2px solid #FFFFFF; border-radius: 64px; /* one half of ( (border * 2) + height + padding ) */ box-shadow: 0px 0px 0px 1px #FFFFFF; color: #FFFFFF; font: bold 15px/13px Inter, sans-serif; height: 18px; min-width: 20px; margin: -10px 0px 0px -12px; text-align: center; padding: 2px; } enchanted-header::part(badge_dot) { background-color: #0066B0; border: 2px solid #FFFFFF; border-radius: 10px; /* one half of ( (border * 2) + height + padding ) */ box-shadow: 0px 0px 0px 1px #FFFFFF; color: #FFFFFF; font: bold 13px Inter, sans-serif; height: 18px; width: 18px; margin: -12px 0px 0px -12px; text-align: center; } enchanted-textfield { width: 100%; } enchanted-textfield::part(label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; margin-bottom: 4px; display: block; color: rgba(0, 0, 0, 0.6); font-weight: 600; font-size: 12px; font-style: normal; color: rgba(0, 0, 0, 0.6); } enchanted-textfield::part(label-disabled) { color: rgba(0, 0, 0, 0.38); } enchanted-textfield::part(input) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.87); background-color: #FFFFFF; display: block; width: 100%; border: 1px solid rgba(0, 0, 0, 0.38); border-radius: 2px; padding: 6px 8px; height: 16px; font-size: 12px; font-style: normal; font-weight: 400; } enchanted-textfield::part(input-disabled) { background-color: #E5E5E5; } enchanted-textfield::part(input)::placeholder { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.6); font-size: 12px; font-style: italic; font-weight: 400; } enchanted-textfield::part(input):hover { border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.6); border-radius: 2px; } enchanted-textfield::part(input):focus { border-radius: 4px; border: 1px solid #0550DC; border-radius: 2px; outline: #0550DC 1px solid; } enchanted-textfield::part(div) { width: 100%; position: relative; } enchanted-textfield::part(icon-clear), enchanted-textfield::part(icon-clear-rtl) { position: absolute; height: 16px; width: 16px; top: 27px; cursor: pointer; } enchanted-textfield::part(icon-clear) { right: 28px; } enchanted-textfield::part(icon-clear-rtl) { left: 28px; } enchanted-textfield::part(icon-action), enchanted-textfield::part(icon-action-rtl) { position: absolute; height: 16px; width: 16px; top: 27px; cursor: pointer; } enchanted-textfield::part(icon-action) { right: 8px; } enchanted-textfield::part(icon-action-rtl) { left: 8px; } enchanted-textfield::part(icon-action-disabled) { opacity: 0.5; pointer-events: none; } enchanted-textfield::part(input-icon-clear) { width: calc(100% - 38px); padding-right: 28px; } enchanted-textfield::part(input-icon-clear-rtl) { width: calc(100% - 38px); padding-left: 28px; } enchanted-textfield::part(input-icon-both) { width: calc(100% - 62px); padding-right: 52px; } enchanted-textfield::part(input-icon-both-rtl) { width: calc(100% - 62px); padding-left: 52px; } enchanted-select { width: 100%; } enchanted-select::part(div) { position: relative; width: 100%; } enchanted-select::part(div-label) { display: flex; justify-content: space-between; align-items: right; margin-inline-end: 4px; } enchanted-select::part(label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-size: 12px; font-style: normal; font-weight: 600; color: rgba(0, 0, 0, 0.6); } enchanted-select::part(label-disabled) { color: rgba(0, 0, 0, 0.38); } enchanted-select::part(remove-label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: #0550DC; cursor: pointer; } enchanted-select::part(remove-label-disabled) { color: rgba(0, 0, 0, 0.38); cursor: unset; } enchanted-select::part(button-text) { overflow: hidden; font-size: 12px; font-style: normal; font-weight: 400; color: rgba(0, 0, 0, 0.87); margin-inline-end: 12px; } enchanted-select[placeholder]:not([placeholder=""])::part(button-text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; font-style: italic; letter-spacing: 0.35px; color: rgba(0, 0, 0, 0.6); padding-right: 1px; } enchanted-select::part(button), enchanted-select::part(button-outlined), enchanted-select::part(button-outlined-focused), enchanted-select::part(button-contained-focused) { border: 1px solid rgba(0, 0, 0, 0.43); border-radius: 2px; width: 100%; height: 34px; padding: 8px; background-color: #FFFFFF; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin-top: 4px; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; line-height: 20px; font-size: 12px; } enchanted-select::part(button-contained-disabled), enchanted-select::part(button-contained-disabled) { border: 1px solid rgba(0, 0, 0, 0.43); border-radius: 2px; width: 100%; height: 34px; padding: 8px; background-color: #E5E5E5; text-align: left; cursor: unset; display: flex; justify-content: space-between; align-items: center; margin-top: 4px; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; line-height: 20px; font-size: 12px; } enchanted-select::part(unordered-list) { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.38); border-radius: 2px; list-style: none; position: absolute; z-index: 10; max-height: 300px; overflow-y: scroll; box-sizing: border-box; font-size: 12px; } enchanted-select { /* Dropdown List Item */ } enchanted-select::part(list-item) { width: 100%; padding: 8px; box-sizing: border-box; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: 12px; font-style: normal; font-weight: 400; } enchanted-select::part(list-item-selected) { width: 100%; padding: 8px; box-sizing: border-box; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-size: 12px; background-color: #0550DC; color: #FFFFFF; } enchanted-select::part(list-item):hover { background-color: rgba(0, 0, 0, 0.12); color: #000000; } enchanted-select::part(button):hover, enchanted-select::part(button-outlined):hover, enchanted-select::part(button-outlined-focused):hover { border: 1px solid rgba(0, 0, 0, 0.6); border-radius: 2px; } enchanted-select::part(button):focus, enchanted-select::part(button-outlined):focus, enchanted-select::part(button-outlined-focused):focus { border-radius: 2px; border: 2px solid #0550DC; } enchanted-select::part(div):focus-within enchanted-select::part(label) { color: #0550DC; } enchanted-select::part(button-end-icon) { display: contents; } enchanted-select::part(button-start-icon-small-without-padding) { display: contents; } enchanted-list::part(unordered-list) { padding-top: 4px; padding-bottom: 4px; list-style: none; margin: 0px; padding: 8px 0px; position: relative; outline: 0px; } enchanted-list-item::part(list-item) { list-style-type: none; padding: 8px; } enchanted-menu { display: block; unicode-bidi: isolate; } enchanted-menu::part(menu-root) { position: fixed; z-index: 1300; inset: 0px; } enchanted-menu::part(backdrop) { opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); position: fixed; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; inset: 0px; -webkit-tap-highlight-color: transparent; background-color: transparent; } enchanted-menu::part(paper-root) { opacity: 1; transform: none; transition: opacity 228ms cubic-bezier(0.4, 0, 0.2, 1), transform 152ms cubic-bezier(0.4, 0, 0.2, 1); transform-origin: 0px 0px; display: flex; flex-direction: column; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12); position: absolute; overflow-y: auto; overflow-x: hidden; min-width: var(--dropdown-menu-min-width, 16px); min-height: 16px; max-height: calc(100% - 32px); width: auto; border-radius: 4px; outline: 0px; padding: 0px; } enchanted-menu::part(unordered-list) { padding: 5px 0px; } enchanted-menu[size=sm] enchanted-menu-item::part(menu-item) { font-size: 12px; line-height: 16px; min-height: 20px; padding: 3px 0px; } enchanted-menu[size=sm]::part(unordered-list) { padding: 4px 0px; } enchanted-menu[size=sm]::part(paper-root), enchanted-menu[size=md]::part(paper-root) { width: auto; max-width: calc(100% - 32px); } enchanted-menu::part(unordered-list) { padding-top: 4px; padding-bottom: 4px; list-style: none; margin: 0px; padding: 8px 0px; position: relative; outline: 0px; } enchanted-menu::part(list-item) { list-style-type: none; padding: 8px; } enchanted-menu::part(text-root) { margin-left: 16px; margin-right: 8px; margin-top: 0px; margin-bottom: 0px; flex: 1 1 auto; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } enchanted-menu::part(text) { overflow: hidden; pointer-events: none; position: relative; z-index: 0; inset: 0px; border-radius: inherit; } enchanted-menu::part(menu-item) { font-family: Inter, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0px; border: 1px solid transparent; padding: 5px 0px; min-height: 36px; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; box-sizing: border-box; white-space: nowrap; display: flex; } enchanted-menu::part(menu-item):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-menu::part(menu-item):focus { border: 1px solid #0550DC; } enchanted-menu::part(button) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; align-items: center; border-radius: 2px; } enchanted-menu::part(button):hover { background-color: #0029A9; } enchanted-menu::part(button):focus { border-radius: 4px; outline: #0550DC 1px solid; outline-offset: 2px; } enchanted-menu::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-menu::part(button-outlined-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0029A9 solid 1px; border-radius: 4px; } enchanted-menu::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-menu::part(button-start-icon-rtl-margin) { color: #FFFFFF; height: 16px; margin-left: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-menu::part(button-end-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: space-between; } enchanted-menu::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; } enchanted-menu { /* styles for contained variant of enchanted-button */ } enchanted-menu::part(button-contained), enchanted-menu::part(button-contained-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-menu::part(button-contained-disabled), enchanted-menu::part(button-contained-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #E5E5E5; border: 1px solid #E5E5E5; } enchanted-menu::part(button-contained-focused), enchanted-menu::part(button-contained-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-menu::part(button-contained):hover { background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-menu::part(button-contained):active, enchanted-menu::part(button-contained-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-menu::part(button-contained-inverse) { background-color: #B3D9F8; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-menu::part(button-contained-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-menu::part(button-contained-inverse):hover { background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-menu::part(button-contained-inverse):active { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-menu { /* styles for text variant of enchanted-button */ } enchanted-menu::part(button-enchanted-text), enchanted-menu::part(button-enchanted-text-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; background-color: #FFFFFF; color: #0550DC; } enchanted-menu::part(button-enchanted-text-disabled), enchanted-menu::part(button-enchanted-text-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: none; } enchanted-menu::part(button-enchanted-text-focused), enchanted-menu::part(button-enchanted-text-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #FFFFFF; color: #0550DC; } enchanted-menu::part(button-enchanted-text-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-menu::part(button-enchanted-text):hover, enchanted-menu::part(button-enchanted-text-inverse):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-menu::part(button-enchanted-text):active, enchanted-menu::part(button-enchanted-text-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-menu::part(button-enchanted-text-inverse) { color: #B3D9F8; background-color: #383838; } enchanted-menu::part(button-enchanted-text-disabled-inverse) { background-color: #383838; color: rgba(255, 255, 255, 0.38) !important; } enchanted-menu::part(button-enchanted-text-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-menu::part(button-enchanted-text-inverse):hover { background-color: rgba(255, 255, 255, 0.15); color: #E6FFFF; } enchanted-menu::part(button-enchanted-text-inverse):active { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-menu { /* styles for outlined variant of enchanted-button */ } enchanted-menu::part(button-enchanted-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC; color: #0550DC; background-color: #FFFFFF; } enchanted-menu::part(button-enchanted-outlined-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: 1px solid #E5E5E5; filter: saturate(2%) hue-rotate(50deg) brightness(103%) contrast(102%); } enchanted-menu::part(button-enchanted-outlined-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC !important; color: #0550DC; background-color: #FFFFFF; } enchanted-menu::part(button-enchanted-outlined):hover { border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-menu::part(button-enchanted-outlined):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-menu-item { display: block; unicode-bidi: isolate; } enchanted-menu-item::part(text-root) { margin-left: 16px; margin-right: 8px; margin-top: 0px; margin-bottom: 0px; flex: 1 1 auto; min-width: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } enchanted-menu-item::part(text) { overflow: hidden; pointer-events: none; position: relative; z-index: 0; inset: 0px; border-radius: inherit; } enchanted-menu-item::part(menu-item) { font-family: Inter, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0px; border: 1px solid transparent; padding: 5px 0px; min-height: 36px; -webkit-tap-highlight-color: transparent; background-color: transparent; outline: 0px; margin: 0px; border-radius: 0px; cursor: pointer; user-select: none; vertical-align: middle; appearance: none; color: inherit; -webkit-box-pack: start; justify-content: flex-start; -webkit-box-align: center; align-items: center; position: relative; text-decoration: none; box-sizing: border-box; white-space: nowrap; display: flex; } enchanted-menu-item::part(menu-item):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-menu-item::part(menu-item):focus { border: 1px solid #0550DC; } enchanted-icon-button::part(button-start-icon-small-without-padding), enchanted-icon-button::part(button-start-icon-medium-without-padding), enchanted-icon-button::part(button-start-icon), enchanted-icon-button::part(button-contained-hovered), enchanted-icon-button::part(button-start-icon-small-with-padding), enchanted-icon-button::part(button-start-icon-medium-with-padding) { align-items: center; justify-content: center; border: none; } enchanted-icon-button::part(icon-button-contained), enchanted-icon-button::part(icon-button-contained-inverse), enchanted-icon-button::part(icon-button-contained-focused), enchanted-icon-button::part(icon-button-contained-focused-inverse), enchanted-icon-button::part(icon-button-contained-disabled), enchanted-icon-button::part(icon-button-contained-disabled-inverse), enchanted-icon-button::part(icon-button-contained):hover { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; vertical-align: middle; appearance: none; text-align: center; font-size: 1.5rem; color: rgba(0, 0, 0, 0.6); --icon-theme-color: rgba(0, 0, 0, 0.6); background-color: transparent; outline: none; margin: 0px; text-decoration: none; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 0px; } enchanted-icon-button::part(icon-button-contained-disabled), enchanted-icon-button::part(icon-button-contained-disabled-inverse) { cursor: not-allowed; pointer-events: none; opacity: 0.38; border: none; } enchanted-icon-button::part(icon-button-contained), enchanted-icon-button::part(icon-button-contained-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-icon-button::part(icon-button-contained-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); } enchanted-icon-button::part(icon-button-contained):active, enchanted-icon-button::part(icon-button-contained-inverse):active, enchanted-icon-button::part(icon-button-contained):focus, enchanted-icon-button::part(icon-button-contained-inverse):focus, enchanted-icon-button::part(icon-button-contained):focus-visible, enchanted-icon-button::part(icon-button-contained-inverse):focus-visible, enchanted-icon-button::part(icon-button-contained-focused), enchanted-icon-button::part(icon-button-contained-focused-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-color: transparent; outline: #0550DC 2px solid; outline-offset: 1px; } enchanted-icon-button::part(icon-button-contained-inverse):active, enchanted-icon-button::part(icon-button-contained-inverse):focus, enchanted-icon-button::part(icon-button-contained-inverse):focus-visible, enchanted-icon-button::part(icon-button-contained-focused-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); outline: #B3D9F8 2px solid; } enchanted-icon-button::part(icon-button-contained-focused-inverse):hover { background-color: rgba(255, 255, 255, 0.15); } enchanted-icon-button::part(icon-button-contained):hover, enchanted-icon-button::part(icon-button-contained-inverse):hover { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-icon-button::part(icon-button-contained):hover, enchanted-icon-button::part(icon-button-contained-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-icon-button::part(icon-button-contained-inverse):hover { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.15); } enchanted-icon-button::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: center; align-items: center; } enchanted-icon-button::part(button-start-icon-small-without-padding), enchanted-icon-button::part(button-start-icon-medium-without-padding) { box-sizing: border-box; padding: 0px; outline: none; line-height: 0; } enchanted-icon-button::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; --icon-theme-size: 16px; } enchanted-icon-button::part(button-start-icon-medium-without-padding) { height: 20px; width: 20px; --icon-theme-size: 20px; } enchanted-icon-button::part(button-start-icon-fab) { height: 24px; width: 24px; padding: 8px; --icon-theme-size: 24px; } enchanted-icon-button::part(button-start-icon-small-with-padding), enchanted-icon-button::part(button-start-icon-medium-with-padding) { box-sizing: border-box; outline: none; line-height: 0; } enchanted-icon-button::part(button-start-icon-small-with-padding) { display: flex; height: 20px; width: 20px; padding: 2px; --icon-theme-size: 16px; vertical-align: middle; } enchanted-icon-button::part(button-start-icon-medium-with-padding) { display: flex; height: 28px; width: 28px; --icon-theme-size: 20px; padding: 4px; vertical-align: middle; } enchanted-table-pagination::part(container) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.87); display: flex; flex-direction: row; justify-content: space-between; margin: 4px 12px; min-height: 28px; padding: 0px; position: relative; } enchanted-table-pagination::part(rows-section), enchanted-table-pagination::part(pages-section) { display: flex; flex-direction: row; align-items: center; } enchanted-table-pagination::part(rows-description), enchanted-table-pagination::part(pages-description) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; display: flex; flex-direction: row; align-items: center; } enchanted-table-pagination::part(pages-nav-button) { padding-inline-end: 4px; } enchanted-table-pagination::part(rows-description) { margin-inline-start: 12px; } enchanted-table-pagination::part(pages-description) { margin-inline-start: 4px; } enchanted-table-pagination::part(div) { display: flex; flex-direction: row; align-items: baseline; } enchanted-table-pagination { /* styles for text variant of enchanted-button */ } enchanted-table-pagination::part(button-enchanted-text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; padding: 6px 6px !important; background-color: #FFFFFF; color: #0550DC; } enchanted-table-pagination::part(button-enchanted-text-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: none; padding: 6px !important; } enchanted-table-pagination::part(button-enchanted-text-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #FFFFFF; color: #0550DC; padding: 6px !important; } enchanted-table-pagination::part(button-enchanted-text):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; padding: 6px !important; } enchanted-table-pagination::part(button-enchanted-text):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; padding: 6px !important; } enchanted-table-pagination::part(pagination-select-button), enchanted-table-pagination::part(pagination-select-button-outlined), enchanted-table-pagination::part(pagination-select-button-outlined-focused), enchanted-table-pagination::part(pagination-select-button-contained-focused) { border-radius: 2px; height: 28px !important; padding: 1px 7px !important; } enchanted-table-pagination::part(pagination-select-div) { margin-bottom: 4px !important; margin-top: 4px !important; } enchanted-table-pagination { width: 100%; } enchanted-table-pagination::part(pagination-select-div) { position: relative; width: 100%; } enchanted-table-pagination::part(div-label) { display: flex; justify-content: space-between; align-items: right; margin-inline-end: 4px; } enchanted-table-pagination::part(label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-size: 12px; font-style: normal; font-weight: 600; color: rgba(0, 0, 0, 0.6); } enchanted-table-pagination::part(label-disabled) { color: rgba(0, 0, 0, 0.38); } enchanted-table-pagination::part(remove-label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: #0550DC; cursor: pointer; } enchanted-table-pagination::part(remove-label-disabled) { color: rgba(0, 0, 0, 0.38); cursor: unset; } enchanted-table-pagination::part(pagination-select-button-text) { overflow: hidden; font-size: 12px; font-style: normal; font-weight: 400; color: rgba(0, 0, 0, 0.87); margin-inline-end: 12px; } enchanted-table-pagination[placeholder]:not([placeholder=""])::part(pagination-select-button-text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; font-style: italic; letter-spacing: 0.35px; color: rgba(0, 0, 0, 0.6); padding-right: 1px; } enchanted-table-pagination::part(pagination-select-button), enchanted-table-pagination::part(pagination-select-button-outlined), enchanted-table-pagination::part(pagination-select-button-outlined-focused), enchanted-table-pagination::part(pagination-select-button-contained-focused) { border: 1px solid rgba(0, 0, 0, 0.43); border-radius: 2px; width: 100%; height: 34px; padding: 8px; background-color: #FFFFFF; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin-top: 4px; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; line-height: 20px; font-size: 12px; } enchanted-table-pagination::part(button-contained-disabled), enchanted-table-pagination::part(button-contained-disabled) { border: 1px solid rgba(0, 0, 0, 0.43); border-radius: 2px; width: 100%; height: 34px; padding: 8px; background-color: #E5E5E5; text-align: left; cursor: unset; display: flex; justify-content: space-between; align-items: center; margin-top: 4px; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; line-height: 20px; font-size: 12px; } enchanted-table-pagination::part(unordered-list) { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.38); border-radius: 2px; list-style: none; position: absolute; z-index: 10; max-height: 300px; overflow-y: scroll; box-sizing: border-box; font-size: 12px; } enchanted-table-pagination { /* Dropdown List Item */ } enchanted-table-pagination::part(list-item) { width: 100%; padding: 8px; box-sizing: border-box; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: 12px; font-style: normal; font-weight: 400; } enchanted-table-pagination::part(list-item-selected) { width: 100%; padding: 8px; box-sizing: border-box; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-size: 12px; background-color: #0550DC; color: #FFFFFF; } enchanted-table-pagination::part(list-item):hover { background-color: rgba(0, 0, 0, 0.12); color: #000000; } enchanted-table-pagination::part(pagination-select-button):hover, enchanted-table-pagination::part(pagination-select-button-outlined):hover, enchanted-table-pagination::part(pagination-select-button-outlined-focused):hover { border: 1px solid rgba(0, 0, 0, 0.6); border-radius: 2px; } enchanted-table-pagination::part(pagination-select-button):focus, enchanted-table-pagination::part(pagination-select-button-outlined):focus, enchanted-table-pagination::part(pagination-select-button-outlined-focused):focus { border-radius: 2px; border: 2px solid #0550DC; } enchanted-table-pagination::part(div):focus-within enchanted-table-pagination::part(label) { color: #0550DC; } enchanted-table-pagination::part(button-end-icon) { display: contents; } enchanted-table-pagination::part(button-start-icon-small-without-padding) { display: contents; } enchanted-table-pagination { /* override for input-select and button */ } enchanted-table-pagination::part(label), enchanted-table-pagination::part(button), enchanted-table-pagination::part(button-outlined), enchanted-table-pagination::part(button-outlined-focused), enchanted-table-pagination::part(button-contained), enchanted-table-pagination::part(button-contained-focused), enchanted-table-pagination::part(list-item), enchanted-table-pagination::part(list-item-selected) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; } enchanted-table-pagination::part(button-outlined), enchanted-table-pagination::part(button-outlined-focused), enchanted-table-pagination::part(button-contained), enchanted-table-pagination::part(button-contained-focused) { margin-top: unset; } enchanted-table-pagination::part(button) { margin-top: unset; } enchanted-table-pagination::part(unordered-list) { bottom: 100%; right: 0; } enchanted-switch::part(switch-label), enchanted-switch::part(switch-label-disabled) { position: relative; display: block; width: 38px; height: 22px; border-radius: 30px; } enchanted-switch::part(switch-label-disabled) { pointer-events: none; outline: none; } enchanted-switch::part(switch-input) { opacity: 0; width: 0; height: 0; } enchanted-switch::part(switch-label):focus-visible { outline: #0550DC solid 1px; } enchanted-switch::part(switch-label):hover { background-color: rgba(0, 0, 0, 0.12); } enchanted-switch::part(switch-slider), enchanted-switch::part(switch-slider-disabled), enchanted-switch::part(switch-slider-checked-disabled), enchanted-switch::part(switch-slider-checked) { position: absolute; cursor: pointer; width: 32px; height: 16px; border-radius: 30px; left: 50%; top: 50%; transform: translate(-50%, -50%); } enchanted-switch::part(switch-slider)::after, enchanted-switch::part(switch-slider-disabled)::after { position: absolute; content: ""; height: 12px; width: 12px; left: 2px; bottom: 2px; background-color: #FFFFFF; border-radius: 50%; transform: translateX(0px); } enchanted-switch::part(switch-slider) { background-color: rgba(0, 0, 0, 0.6); } enchanted-switch::part(switch-slider-disabled), enchanted-switch::part(switch-slider-checked-disabled) { background-color: #E5E5E5; } enchanted-switch::part(switch-slider-checked)::before, enchanted-switch::part(switch-slider-checked-disabled)::before { position: absolute; content: ""; height: 12px; width: 12px; left: 2px; bottom: 2px; background-color: #FFFFFF; border-radius: 50%; transform: translateX(16px); } enchanted-switch::part(switch-slider-checked) { background-color: #0550DC; } enchanted-header-layout { /* for enchanted-search-center-layout */ } enchanted-header-layout::part(main-header) { display: flex; flex-direction: row; justify-content: space-between; align-items: center; min-height: 52px; flex-wrap: wrap; } enchanted-header-layout::part(chat-main-header) { font-family: Inter, sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; min-height: 24px; flex-wrap: wrap; padding: 8px 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.32); } enchanted-authoring-item-type-avatar::part(button-contained) { border: none; } enchanted-authoring-item-type-avatar::part(button) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; align-items: center; border-radius: 2px; } enchanted-authoring-item-type-avatar::part(button):hover { background-color: #0029A9; } enchanted-authoring-item-type-avatar::part(button):focus { border-radius: 4px; outline: #0550DC 1px solid; outline-offset: 2px; } enchanted-authoring-item-type-avatar::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-authoring-item-type-avatar::part(button-outlined-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0029A9 solid 1px; border-radius: 4px; } enchanted-authoring-item-type-avatar::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-authoring-item-type-avatar::part(button-start-icon-rtl-margin) { color: #FFFFFF; height: 16px; margin-left: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-authoring-item-type-avatar::part(button-end-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: space-between; } enchanted-authoring-item-type-avatar::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; } enchanted-authoring-item-type-avatar { /* styles for contained variant of enchanted-button */ } enchanted-authoring-item-type-avatar::part(button-contained), enchanted-authoring-item-type-avatar::part(button-contained-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-authoring-item-type-avatar::part(button-contained-disabled), enchanted-authoring-item-type-avatar::part(button-contained-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #E5E5E5; border: 1px solid #E5E5E5; } enchanted-authoring-item-type-avatar::part(button-contained-focused), enchanted-authoring-item-type-avatar::part(button-contained-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-authoring-item-type-avatar::part(button-contained):hover { background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-authoring-item-type-avatar::part(button-contained):active, enchanted-authoring-item-type-avatar::part(button-contained-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-authoring-item-type-avatar::part(button-contained-inverse) { background-color: #B3D9F8; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-authoring-item-type-avatar::part(button-contained-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-authoring-item-type-avatar::part(button-contained-inverse):hover { background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-authoring-item-type-avatar::part(button-contained-inverse):active { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-authoring-item-type-avatar { /* styles for text variant of enchanted-button */ } enchanted-authoring-item-type-avatar::part(button-enchanted-text), enchanted-authoring-item-type-avatar::part(button-enchanted-text-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; background-color: #FFFFFF; color: #0550DC; } enchanted-authoring-item-type-avatar::part(button-enchanted-text-disabled), enchanted-authoring-item-type-avatar::part(button-enchanted-text-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: none; } enchanted-authoring-item-type-avatar::part(button-enchanted-text-focused), enchanted-authoring-item-type-avatar::part(button-enchanted-text-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #FFFFFF; color: #0550DC; } enchanted-authoring-item-type-avatar::part(button-enchanted-text-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-authoring-item-type-avatar::part(button-enchanted-text):hover, enchanted-authoring-item-type-avatar::part(button-enchanted-text-inverse):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-authoring-item-type-avatar::part(button-enchanted-text):active, enchanted-authoring-item-type-avatar::part(button-enchanted-text-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-authoring-item-type-avatar::part(button-enchanted-text-inverse) { color: #B3D9F8; background-color: #383838; } enchanted-authoring-item-type-avatar::part(button-enchanted-text-disabled-inverse) { background-color: #383838; color: rgba(255, 255, 255, 0.38) !important; } enchanted-authoring-item-type-avatar::part(button-enchanted-text-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-authoring-item-type-avatar::part(button-enchanted-text-inverse):hover { background-color: rgba(255, 255, 255, 0.15); color: #E6FFFF; } enchanted-authoring-item-type-avatar::part(button-enchanted-text-inverse):active { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-authoring-item-type-avatar { /* styles for outlined variant of enchanted-button */ } enchanted-authoring-item-type-avatar::part(button-enchanted-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC; color: #0550DC; background-color: #FFFFFF; } enchanted-authoring-item-type-avatar::part(button-enchanted-outlined-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: 1px solid #E5E5E5; filter: saturate(2%) hue-rotate(50deg) brightness(103%) contrast(102%); } enchanted-authoring-item-type-avatar::part(button-enchanted-outlined-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC !important; color: #0550DC; background-color: #FFFFFF; } enchanted-authoring-item-type-avatar::part(button-enchanted-outlined):hover { border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-authoring-item-type-avatar::part(button-enchanted-outlined):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-snackbar::part(snackbar-container) { display: flex; background-color: #383838; color: white; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 4px; transition: visibility 0s linear 0.3s, opacity 0.3s linear, transform 0.3s ease-out; transition-delay: 0s; box-shadow: "0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)"; max-width: 480px; margin-bottom: 5px; } enchanted-snackbar::part(snackbar-message) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; flex-grow: 1; text-align: left; word-break: break-word; white-space: pre-line; padding: 2px 0px; } enchanted-snackbar::part(snackbar-icon-container) { position: relative; height: 16px; width: 16px; display: flex; padding: 2px 0px; align-items: flex-end; } enchanted-snackbar::part(snackbar-icon) { height: 16px; width: 16px; align-items: center; position: absolute; } enchanted-snackbar::part(snackbar-progress) { margin: -10px; } enchanted-snackbar::part(icon-info) { color: #71D9F3; } enchanted-snackbar::part(icon-warning) { color: #FFC766; } enchanted-snackbar::part(icon-success) { color: #41E287; } enchanted-snackbar::part(icon-error) { color: #FFADAD; } enchanted-snackbar div[slot=snackbar-buttons] { display: flex; gap: 8px; flex-shrink: 0; align-items: center; height: 20px; } enchanted-snackbar div[slot=snackbar-buttons] enchanted-button::part(button-enchanted-text-inverse), enchanted-snackbar div[slot=snackbar-buttons] enchanted-button::part(button-enchanted-text-focused-inverse) { border-radius: 2px !important; font-family: Inter, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0px; padding: 2px 4px; } enchanted-snackbar div[slot=snackbar-buttons] enchanted-button::part(button-enchanted-text-focused-inverse) { border-radius: 2px; outline: 2px solid clr(dark, action, focusInverse); outline-offset: 1px; } enchanted-snackbar::part(action) { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: end; justify-content: flex-end; flex: 0 0 auto; padding: 8px 12px; } enchanted-snackbar::part(button) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; align-items: center; border-radius: 2px; } enchanted-snackbar::part(button):hover { background-color: #0029A9; } enchanted-snackbar::part(button):focus { border-radius: 4px; outline: #0550DC 1px solid; outline-offset: 2px; } enchanted-snackbar::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-snackbar::part(button-outlined-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0029A9 solid 1px; border-radius: 4px; } enchanted-snackbar::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-snackbar::part(button-start-icon-rtl-margin) { color: #FFFFFF; height: 16px; margin-left: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-snackbar::part(button-end-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: space-between; } enchanted-snackbar::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; } enchanted-snackbar { /* styles for contained variant of enchanted-button */ } enchanted-snackbar::part(button-contained), enchanted-snackbar::part(button-contained-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-snackbar::part(button-contained-disabled), enchanted-snackbar::part(button-contained-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #E5E5E5; border: 1px solid #E5E5E5; } enchanted-snackbar::part(button-contained-focused), enchanted-snackbar::part(button-contained-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-snackbar::part(button-contained):hover { background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-snackbar::part(button-contained):active, enchanted-snackbar::part(button-contained-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-snackbar::part(button-contained-inverse) { background-color: #B3D9F8; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-snackbar::part(button-contained-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-snackbar::part(button-contained-inverse):hover { background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-snackbar::part(button-contained-inverse):active { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-snackbar { /* styles for text variant of enchanted-button */ } enchanted-snackbar::part(button-enchanted-text), enchanted-snackbar::part(button-enchanted-text-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; background-color: #FFFFFF; color: #0550DC; } enchanted-snackbar::part(button-enchanted-text-disabled), enchanted-snackbar::part(button-enchanted-text-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: none; } enchanted-snackbar::part(button-enchanted-text-focused), enchanted-snackbar::part(button-enchanted-text-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #FFFFFF; color: #0550DC; } enchanted-snackbar::part(button-enchanted-text-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-snackbar::part(button-enchanted-text):hover, enchanted-snackbar::part(button-enchanted-text-inverse):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-snackbar::part(button-enchanted-text):active, enchanted-snackbar::part(button-enchanted-text-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-snackbar::part(button-enchanted-text-inverse) { color: #B3D9F8; background-color: #383838; } enchanted-snackbar::part(button-enchanted-text-disabled-inverse) { background-color: #383838; color: rgba(255, 255, 255, 0.38) !important; } enchanted-snackbar::part(button-enchanted-text-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-snackbar::part(button-enchanted-text-inverse):hover { background-color: rgba(255, 255, 255, 0.15); color: #E6FFFF; } enchanted-snackbar::part(button-enchanted-text-inverse):active { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-snackbar { /* styles for outlined variant of enchanted-button */ } enchanted-snackbar::part(button-enchanted-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC; color: #0550DC; background-color: #FFFFFF; } enchanted-snackbar::part(button-enchanted-outlined-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: 1px solid #E5E5E5; filter: saturate(2%) hue-rotate(50deg) brightness(103%) contrast(102%); } enchanted-snackbar::part(button-enchanted-outlined-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC !important; color: #0550DC; background-color: #FFFFFF; } enchanted-snackbar::part(button-enchanted-outlined):hover { border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-snackbar::part(button-enchanted-outlined):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-snackbar::part(button-start-icon-small-without-padding), enchanted-snackbar::part(button-start-icon-medium-without-padding), enchanted-snackbar::part(button-start-icon), enchanted-snackbar::part(button-contained-hovered), enchanted-snackbar::part(button-start-icon-small-with-padding), enchanted-snackbar::part(button-start-icon-medium-with-padding) { align-items: center; justify-content: center; border: none; } enchanted-snackbar::part(icon-button-contained), enchanted-snackbar::part(icon-button-contained-inverse), enchanted-snackbar::part(icon-button-contained-focused), enchanted-snackbar::part(icon-button-contained-focused-inverse), enchanted-snackbar::part(icon-button-contained-disabled), enchanted-snackbar::part(icon-button-contained-disabled-inverse), enchanted-snackbar::part(icon-button-contained):hover { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; vertical-align: middle; appearance: none; text-align: center; font-size: 1.5rem; color: rgba(0, 0, 0, 0.6); --icon-theme-color: rgba(0, 0, 0, 0.6); background-color: transparent; outline: none; margin: 0px; text-decoration: none; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 0px; } enchanted-snackbar::part(icon-button-contained-disabled), enchanted-snackbar::part(icon-button-contained-disabled-inverse) { cursor: not-allowed; pointer-events: none; opacity: 0.38; border: none; } enchanted-snackbar::part(icon-button-contained), enchanted-snackbar::part(icon-button-contained-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-snackbar::part(icon-button-contained-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); } enchanted-snackbar::part(icon-button-contained):active, enchanted-snackbar::part(icon-button-contained-inverse):active, enchanted-snackbar::part(icon-button-contained):focus, enchanted-snackbar::part(icon-button-contained-inverse):focus, enchanted-snackbar::part(icon-button-contained):focus-visible, enchanted-snackbar::part(icon-button-contained-inverse):focus-visible, enchanted-snackbar::part(icon-button-contained-focused), enchanted-snackbar::part(icon-button-contained-focused-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-color: transparent; outline: #0550DC 2px solid; outline-offset: 1px; } enchanted-snackbar::part(icon-button-contained-inverse):active, enchanted-snackbar::part(icon-button-contained-inverse):focus, enchanted-snackbar::part(icon-button-contained-inverse):focus-visible, enchanted-snackbar::part(icon-button-contained-focused-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); outline: #B3D9F8 2px solid; } enchanted-snackbar::part(icon-button-contained-focused-inverse):hover { background-color: rgba(255, 255, 255, 0.15); } enchanted-snackbar::part(icon-button-contained):hover, enchanted-snackbar::part(icon-button-contained-inverse):hover { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-snackbar::part(icon-button-contained):hover, enchanted-snackbar::part(icon-button-contained-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-snackbar::part(icon-button-contained-inverse):hover { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.15); } enchanted-snackbar::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: center; align-items: center; } enchanted-snackbar::part(button-start-icon-small-without-padding), enchanted-snackbar::part(button-start-icon-medium-without-padding) { box-sizing: border-box; padding: 0px; outline: none; line-height: 0; } enchanted-snackbar::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; --icon-theme-size: 16px; } enchanted-snackbar::part(button-start-icon-medium-without-padding) { height: 20px; width: 20px; --icon-theme-size: 20px; } enchanted-snackbar::part(button-start-icon-fab) { height: 24px; width: 24px; padding: 8px; --icon-theme-size: 24px; } enchanted-snackbar::part(button-start-icon-small-with-padding), enchanted-snackbar::part(button-start-icon-medium-with-padding) { box-sizing: border-box; outline: none; line-height: 0; } enchanted-snackbar::part(button-start-icon-small-with-padding) { display: flex; height: 20px; width: 20px; padding: 2px; --icon-theme-size: 16px; vertical-align: middle; } enchanted-snackbar::part(button-start-icon-medium-with-padding) { display: flex; height: 28px; width: 28px; --icon-theme-size: 20px; padding: 4px; vertical-align: middle; } enchanted-panel { --panel-margin-top: -12px; --panel-container-margin-top: 0px; --panel-container-min-height: calc(100vh - 131px); --panel-content-max-height: calc(100vh - 207px); --drawer-height: calc(100vh - 207px); margin-top: var(--panel-margin-top); } enchanted-panel[position=right][open]::part(panel-container) { transform: translateX(0); } enchanted-panel[position=right]::part(panel-container) { position: absolute; right: 0; left: auto; width: 300px; height: var(--drawer-height); transform: translateX(150%); } enchanted-panel[position=left][open]::part(panel-container) { transform: translateX(0); } enchanted-panel[position=left]::part(panel-container) { position: absolute; left: 0; right: auto; width: 300px; height: var(--drawer-height); transform: translateX(-150%); } enchanted-panel::part(panel-container) { position: absolute; flex-grow: 1; background-color: #F6F6F6; width: 300px; display: flex; height: 100%; flex-direction: column; z-index: 1400; min-height: var(--panel-container-min-height); margin-top: var(--panel-container-margin-top); } enchanted-panel::part(panel-header) { display: flex; padding: 12px; border-bottom: 1px solid rgba(0, 0, 0, 0.32); align-items: center; gap: 8px; width: initial; } enchanted-panel::part(panel-title) { font-family: Inter, sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.87); flex-grow: 1; text-align: left; max-width: 240px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } enchanted-panel div[slot=content] { background-color: #F6F6F6 !important; } enchanted-panel::part(panel-content) { padding: 12px; overflow: auto; flex: 1; max-height: var(--panel-content-max-height); flex-grow: 1; background-color: #F6F6F6 !important; position: relative; } enchanted-panel::part(close-icon) { border: none; border-radius: 2px; padding: 6px; } enchanted-panel::part(button-enchanted-text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; padding: 6px 6px !important; background-color: #F6F6F6 !important; color: #0550DC; } enchanted-panel::part(button-enchanted-text-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #F6F6F6 !important; color: #0550DC; padding: 6px !important; } enchanted-panel::part(button-enchanted-text):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07) !important; color: #0550DC; padding: 6px !important; } enchanted-panel::part(button-enchanted-text):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07) !important; color: #0550DC; padding: 6px !important; } enchanted-panel::part(button-start-icon-small-without-padding), enchanted-panel::part(button-start-icon-medium-without-padding), enchanted-panel::part(button-start-icon), enchanted-panel::part(button-contained-hovered), enchanted-panel::part(button-start-icon-small-with-padding), enchanted-panel::part(button-start-icon-medium-with-padding) { align-items: center; justify-content: center; border: none; } enchanted-panel::part(icon-button-contained), enchanted-panel::part(icon-button-contained-inverse), enchanted-panel::part(icon-button-contained-focused), enchanted-panel::part(icon-button-contained-focused-inverse), enchanted-panel::part(icon-button-contained-disabled), enchanted-panel::part(icon-button-contained-disabled-inverse), enchanted-panel::part(icon-button-contained):hover { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; vertical-align: middle; appearance: none; text-align: center; font-size: 1.5rem; color: rgba(0, 0, 0, 0.6); --icon-theme-color: rgba(0, 0, 0, 0.6); background-color: transparent; outline: none; margin: 0px; text-decoration: none; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 0px; } enchanted-panel::part(icon-button-contained-disabled), enchanted-panel::part(icon-button-contained-disabled-inverse) { cursor: not-allowed; pointer-events: none; opacity: 0.38; border: none; } enchanted-panel::part(icon-button-contained), enchanted-panel::part(icon-button-contained-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-panel::part(icon-button-contained-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); } enchanted-panel::part(icon-button-contained):active, enchanted-panel::part(icon-button-contained-inverse):active, enchanted-panel::part(icon-button-contained):focus, enchanted-panel::part(icon-button-contained-inverse):focus, enchanted-panel::part(icon-button-contained):focus-visible, enchanted-panel::part(icon-button-contained-inverse):focus-visible, enchanted-panel::part(icon-button-contained-focused), enchanted-panel::part(icon-button-contained-focused-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-color: transparent; outline: #0550DC 2px solid; outline-offset: 1px; } enchanted-panel::part(icon-button-contained-inverse):active, enchanted-panel::part(icon-button-contained-inverse):focus, enchanted-panel::part(icon-button-contained-inverse):focus-visible, enchanted-panel::part(icon-button-contained-focused-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); outline: #B3D9F8 2px solid; } enchanted-panel::part(icon-button-contained-focused-inverse):hover { background-color: rgba(255, 255, 255, 0.15); } enchanted-panel::part(icon-button-contained):hover, enchanted-panel::part(icon-button-contained-inverse):hover { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-panel::part(icon-button-contained):hover, enchanted-panel::part(icon-button-contained-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-panel::part(icon-button-contained-inverse):hover { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.15); } enchanted-panel::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: center; align-items: center; } enchanted-panel::part(button-start-icon-small-without-padding), enchanted-panel::part(button-start-icon-medium-without-padding) { box-sizing: border-box; padding: 0px; outline: none; line-height: 0; } enchanted-panel::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; --icon-theme-size: 16px; } enchanted-panel::part(button-start-icon-medium-without-padding) { height: 20px; width: 20px; --icon-theme-size: 20px; } enchanted-panel::part(button-start-icon-fab) { height: 24px; width: 24px; padding: 8px; --icon-theme-size: 24px; } enchanted-panel::part(button-start-icon-small-with-padding), enchanted-panel::part(button-start-icon-medium-with-padding) { box-sizing: border-box; outline: none; line-height: 0; } enchanted-panel::part(button-start-icon-small-with-padding) { display: flex; height: 20px; width: 20px; padding: 2px; --icon-theme-size: 16px; vertical-align: middle; } enchanted-panel::part(button-start-icon-medium-with-padding) { display: flex; height: 28px; width: 28px; --icon-theme-size: 20px; padding: 4px; vertical-align: middle; } enchanted-panel::part(button) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; align-items: center; border-radius: 2px; } enchanted-panel::part(button):hover { background-color: #0029A9; } enchanted-panel::part(button):focus { border-radius: 4px; outline: #0550DC 1px solid; outline-offset: 2px; } enchanted-panel::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-panel::part(button-outlined-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0029A9 solid 1px; border-radius: 4px; } enchanted-panel::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-panel::part(button-start-icon-rtl-margin) { color: #FFFFFF; height: 16px; margin-left: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-panel::part(button-end-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: space-between; } enchanted-panel::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; } enchanted-panel { /* styles for contained variant of enchanted-button */ } enchanted-panel::part(button-contained), enchanted-panel::part(button-contained-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-panel::part(button-contained-disabled), enchanted-panel::part(button-contained-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #E5E5E5; border: 1px solid #E5E5E5; } enchanted-panel::part(button-contained-focused), enchanted-panel::part(button-contained-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-panel::part(button-contained):hover { background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-panel::part(button-contained):active, enchanted-panel::part(button-contained-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-panel::part(button-contained-inverse) { background-color: #B3D9F8; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-panel::part(button-contained-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-panel::part(button-contained-inverse):hover { background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-panel::part(button-contained-inverse):active { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-panel { /* styles for text variant of enchanted-button */ } enchanted-panel::part(button-enchanted-text), enchanted-panel::part(button-enchanted-text-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; background-color: #FFFFFF; color: #0550DC; } enchanted-panel::part(button-enchanted-text-disabled), enchanted-panel::part(button-enchanted-text-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: none; } enchanted-panel::part(button-enchanted-text-focused), enchanted-panel::part(button-enchanted-text-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #FFFFFF; color: #0550DC; } enchanted-panel::part(button-enchanted-text-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-panel::part(button-enchanted-text):hover, enchanted-panel::part(button-enchanted-text-inverse):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-panel::part(button-enchanted-text):active, enchanted-panel::part(button-enchanted-text-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-panel::part(button-enchanted-text-inverse) { color: #B3D9F8; background-color: #383838; } enchanted-panel::part(button-enchanted-text-disabled-inverse) { background-color: #383838; color: rgba(255, 255, 255, 0.38) !important; } enchanted-panel::part(button-enchanted-text-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-panel::part(button-enchanted-text-inverse):hover { background-color: rgba(255, 255, 255, 0.15); color: #E6FFFF; } enchanted-panel::part(button-enchanted-text-inverse):active { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-panel { /* styles for outlined variant of enchanted-button */ } enchanted-panel::part(button-enchanted-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC; color: #0550DC; background-color: #FFFFFF; } enchanted-panel::part(button-enchanted-outlined-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: 1px solid #E5E5E5; filter: saturate(2%) hue-rotate(50deg) brightness(103%) contrast(102%); } enchanted-panel::part(button-enchanted-outlined-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC !important; color: #0550DC; background-color: #FFFFFF; } enchanted-panel::part(button-enchanted-outlined):hover { border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-panel::part(button-enchanted-outlined):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-tooltip::part(tooltip-root) { position: relative; display: inline-block; } enchanted-tooltip::part(tooltip-text) { box-sizing: border-box; color: rgba(255, 255, 255, 0.93); position: fixed; border-radius: 2px; background-color: #383838; font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; padding: 5px 8px; z-index: 9999; } enchanted-tooltip::part(tooltip-medium) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; padding: 8px; } enchanted-tooltip::part(tooltip-multi-line) { width: max-content; height: max-content; overflow-wrap: break-word; } enchanted-breadcrumbs { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; } enchanted-breadcrumbs::part(breadcrumbs-container) { list-style-type: none; display: flex; } enchanted-breadcrumbs::part(breadcrumbs-list) { padding: 0; margin: 0; display: inline-flex; list-style-type: none !important; } enchanted-breadcrumbs::part(breadcrumbs-item) { list-style-type: none; color: rgba(0, 0, 0, 0.6); border-radius: 2px; } enchanted-breadcrumbs::part(breadcrumbs-item):hover { text-decoration: underline !important; background-color: rgba(0, 0, 0, 0.08); } enchanted-breadcrumbs::part(breadcrumbs-item-last) { list-style-type: none; } enchanted-breadcrumbs::part(breadcrumbs-item-list) { list-style-type: none; } enchanted-breadcrumbs::part(breadcrumbs-item-last-icon) { margin: 0 4px 0 2px; --icon-theme-color: #000000; --icon-theme-size: 16px; } enchanted-breadcrumbs::part(breadcrumbs-separator) { height: 16px; width: 16px; list-style-type: none; display: inline-block; padding: 2px; --icon-theme-color: rgba(0, 0, 0, 0.6); --icon-theme-size: 16px; } enchanted-breadcrumbs::part(breadcrumbs-link-last) { text-decoration: none; display: inline-flex; color: rgba(0, 0, 0, 0.87); cursor: default; } enchanted-breadcrumbs::part(breadcrumbs-link-last):focus { outline: 3px solid #0550DC; padding: 0px; border-radius: 2px; } enchanted-breadcrumbs::part(breadcrumbs-link-last):focus:focus-visible { outline-offset: 0; } enchanted-breadcrumbs::part(breadcrumbs-link) { padding: 0; margin: 0; list-style-type: none; text-decoration: inherit; color: inherit; display: inline-flex; } enchanted-breadcrumbs::part(breadcrumbs-link):hover { text-decoration: underline !important; } enchanted-breadcrumbs::part(breadcrumbs-link):focus { outline: 3px solid #0550DC; padding: 0px; border-radius: 2px; } enchanted-breadcrumbs::part(breadcrumbs-link):focus:focus-visible { outline-offset: 0; } enchanted-breadcrumbs::part(disabled) { cursor: default !important; color: rgba(0, 0, 0, 0.43) !important; pointer-events: none; } enchanted-breadcrumbs::part(breadcrumbs-content) { display: inline-flex; text-decoration: inherit; padding: 2px; } enchanted-breadcrumbs::part(breadcrumbs-icon) { height: 16px; width: 16px; margin: 0 4px 0 2px; --icon-theme-color: rgba(0, 0, 0, 0.6); --icon-theme-size: 16px; } enchanted-breadcrumbs::part(breadcrumbs-text) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 2px; } enchanted-preview::part(button) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; align-items: center; border-radius: 2px; } enchanted-preview::part(button):hover { background-color: #0029A9; } enchanted-preview::part(button):focus { border-radius: 4px; outline: #0550DC 1px solid; outline-offset: 2px; } enchanted-preview::part(button-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0550DC solid 1px; } enchanted-preview::part(button-outlined-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; outline: #0029A9 solid 1px; border-radius: 4px; } enchanted-preview::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-preview::part(button-start-icon-rtl-margin) { color: #FFFFFF; height: 16px; margin-left: 4px; width: 16px; filter: invert(49%) sepia(85%) saturate(7510%) hue-rotate(219deg) brightness(87%) contrast(97%); } enchanted-preview::part(button-end-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: space-between; } enchanted-preview::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; } enchanted-preview { /* styles for contained variant of enchanted-button */ } enchanted-preview::part(button-contained), enchanted-preview::part(button-contained-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-preview::part(button-contained-disabled), enchanted-preview::part(button-contained-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #E5E5E5; border: 1px solid #E5E5E5; } enchanted-preview::part(button-contained-focused), enchanted-preview::part(button-contained-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; } enchanted-preview::part(button-contained):hover { background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-preview::part(button-contained):active, enchanted-preview::part(button-contained-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; background-color: #0029A9; color: #FFFFFF; --icon-theme-color: #FFFFFF; } enchanted-preview::part(button-contained-inverse) { background-color: #B3D9F8; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-preview::part(button-contained-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-preview::part(button-contained-inverse):hover { background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-preview::part(button-contained-inverse):active { outline: #B3D9F8 1px solid; background-color: #E6FFFF; color: rgba(0, 0, 0, 0.87); --icon-theme-color: rgba(0, 0, 0, 0.87); } enchanted-preview { /* styles for text variant of enchanted-button */ } enchanted-preview::part(button-enchanted-text), enchanted-preview::part(button-enchanted-text-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none !important; background-color: #FFFFFF; color: #0550DC; } enchanted-preview::part(button-enchanted-text-disabled), enchanted-preview::part(button-enchanted-text-disabled-inverse) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: none; } enchanted-preview::part(button-enchanted-text-focused), enchanted-preview::part(button-enchanted-text-focused-inverse) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: none; background-color: #FFFFFF; color: #0550DC; } enchanted-preview::part(button-enchanted-text-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-preview::part(button-enchanted-text):hover, enchanted-preview::part(button-enchanted-text-inverse):hover { border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-preview::part(button-enchanted-text):active, enchanted-preview::part(button-enchanted-text-inverse):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: none !important; background-color: rgba(0, 0, 0, 0.07); color: #0550DC; } enchanted-preview::part(button-enchanted-text-inverse) { color: #B3D9F8; background-color: #383838; } enchanted-preview::part(button-enchanted-text-disabled-inverse) { background-color: #383838; color: rgba(255, 255, 255, 0.38) !important; } enchanted-preview::part(button-enchanted-text-focused-inverse) { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-preview::part(button-enchanted-text-inverse):hover { background-color: rgba(255, 255, 255, 0.15); color: #E6FFFF; } enchanted-preview::part(button-enchanted-text-inverse):active { outline: #B3D9F8 1px solid; background-color: #383838; color: #B3D9F8; } enchanted-preview { /* styles for outlined variant of enchanted-button */ } enchanted-preview::part(button-enchanted-outlined) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC; color: #0550DC; background-color: #FFFFFF; } enchanted-preview::part(button-enchanted-outlined-disabled) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: #E5E5E5; color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: clr(light, text, disabled) !important; cursor: not-allowed; background-color: #FFFFFF; border: 1px solid #E5E5E5; filter: saturate(2%) hue-rotate(50deg) brightness(103%) contrast(102%); } enchanted-preview::part(button-enchanted-outlined-focused) { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; border: 1px solid #0550DC !important; color: #0550DC; background-color: #FFFFFF; } enchanted-preview::part(button-enchanted-outlined):hover { border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-preview::part(button-enchanted-outlined):active { border-radius: 4px !important; outline: #0550DC 1px solid; outline-offset: 2px; border: 1px solid #0550DC; color: #0550DC; background-color: rgba(0, 0, 0, 0.07); } enchanted-preview::part(button-start-icon-small-without-padding), enchanted-preview::part(button-start-icon-medium-without-padding), enchanted-preview::part(button-start-icon), enchanted-preview::part(button-contained-hovered), enchanted-preview::part(button-start-icon-small-with-padding), enchanted-preview::part(button-start-icon-medium-with-padding) { align-items: center; justify-content: center; border: none; } enchanted-preview::part(icon-button-contained), enchanted-preview::part(icon-button-contained-inverse), enchanted-preview::part(icon-button-contained-focused), enchanted-preview::part(icon-button-contained-focused-inverse), enchanted-preview::part(icon-button-contained-disabled), enchanted-preview::part(icon-button-contained-disabled-inverse), enchanted-preview::part(icon-button-contained):hover { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; vertical-align: middle; appearance: none; text-align: center; font-size: 1.5rem; color: rgba(0, 0, 0, 0.6); --icon-theme-color: rgba(0, 0, 0, 0.6); background-color: transparent; outline: none; margin: 0px; text-decoration: none; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 0px; } enchanted-preview::part(icon-button-contained-disabled), enchanted-preview::part(icon-button-contained-disabled-inverse) { cursor: not-allowed; pointer-events: none; opacity: 0.38; border: none; } enchanted-preview::part(icon-button-contained), enchanted-preview::part(icon-button-contained-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-preview::part(icon-button-contained-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); } enchanted-preview::part(icon-button-contained):active, enchanted-preview::part(icon-button-contained-inverse):active, enchanted-preview::part(icon-button-contained):focus, enchanted-preview::part(icon-button-contained-inverse):focus, enchanted-preview::part(icon-button-contained):focus-visible, enchanted-preview::part(icon-button-contained-inverse):focus-visible, enchanted-preview::part(icon-button-contained-focused), enchanted-preview::part(icon-button-contained-focused-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-color: transparent; outline: #0550DC 2px solid; outline-offset: 1px; } enchanted-preview::part(icon-button-contained-inverse):active, enchanted-preview::part(icon-button-contained-inverse):focus, enchanted-preview::part(icon-button-contained-inverse):focus-visible, enchanted-preview::part(icon-button-contained-focused-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); outline: #B3D9F8 2px solid; } enchanted-preview::part(icon-button-contained-focused-inverse):hover { background-color: rgba(255, 255, 255, 0.15); } enchanted-preview::part(icon-button-contained):hover, enchanted-preview::part(icon-button-contained-inverse):hover { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-preview::part(icon-button-contained):hover, enchanted-preview::part(icon-button-contained-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-preview::part(icon-button-contained-inverse):hover { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.15); } enchanted-preview::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: center; align-items: center; } enchanted-preview::part(button-start-icon-small-without-padding), enchanted-preview::part(button-start-icon-medium-without-padding) { box-sizing: border-box; padding: 0px; outline: none; line-height: 0; } enchanted-preview::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; --icon-theme-size: 16px; } enchanted-preview::part(button-start-icon-medium-without-padding) { height: 20px; width: 20px; --icon-theme-size: 20px; } enchanted-preview::part(button-start-icon-fab) { height: 24px; width: 24px; padding: 8px; --icon-theme-size: 24px; } enchanted-preview::part(button-start-icon-small-with-padding), enchanted-preview::part(button-start-icon-medium-with-padding) { box-sizing: border-box; outline: none; line-height: 0; } enchanted-preview::part(button-start-icon-small-with-padding) { display: flex; height: 20px; width: 20px; padding: 2px; --icon-theme-size: 16px; vertical-align: middle; } enchanted-preview::part(button-start-icon-medium-with-padding) { display: flex; height: 28px; width: 28px; --icon-theme-size: 20px; padding: 4px; vertical-align: middle; } enchanted-preview::part(avatar-div) { height: 24px; width: 24px; box-sizing: border-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; border-radius: 2px; padding: 3px; border: 1px solid rgba(0, 0, 0, 0.2); overflow: hidden; } enchanted-preview::part(avatar-div-circular) { height: 24px; width: 24px; box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; } enchanted-preview::part(avatar-span-rounded) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; border-radius: 2px; color: var(--icon-theme-color); } enchanted-preview::part(avatar-span-circular) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; border-radius: 50%; color: var(--icon-theme-color); } enchanted-preview::part(avatar-icon-rounded) { height: 16px; width: 16px; border-radius: 2px; --icon-theme-size: 16px; } enchanted-preview::part(avatar-icon-circular) { line-height: 0; box-sizing: border-box; --icon-theme-size: 16px; } enchanted-preview::part(avatar-icon-template-rounded) { line-height: 0; size: 16px; --icon-theme-size: 16px; } enchanted-preview::part(avatar-icon-template-circular) { line-height: 0; box-sizing: border-box; --icon-theme-size: 16px; } enchanted-preview::part(avatar-image-rounded) { height: 24px; width: 24px; object-fit: cover; } enchanted-preview::part(avatar-image-circular) { height: 24px; width: 24px; border-radius: 50%; } enchanted-preview::part(result-title) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; display: flex; color: #0550DC; font-weight: 700; } enchanted-preview::part(avatar-default-color) { --icon-theme-color: #404040; background-color: #F6F6F6; } enchanted-preview::part(avatar-red) { --icon-theme-color: #C10C0D; background-color: #FFF2F2; } enchanted-preview::part(avatar-orange) { --icon-theme-color: #AE3D04; background-color: #FFF6E2; } enchanted-preview::part(avatar-yellow) { --icon-theme-color: #8E4A06; background-color: #FFFCD5; } enchanted-preview::part(avatar-lime) { --icon-theme-color: #506901; background-color: #F9FDDE; } enchanted-preview::part(avatar-green) { --icon-theme-color: #04633D; background-color: #E4FDED; } enchanted-preview::part(avatar-teal) { --icon-theme-color: #035F69; background-color: #D3FBF4; } enchanted-preview::part(avatar-blue) { --icon-theme-color: #01539B; background-color: #D9F9FF; } enchanted-preview::part(avatar-indigo) { --icon-theme-color: #44339F; background-color: #EDF5FF; } enchanted-preview::part(avatar-purple) { --icon-theme-color: #6A2E99; background-color: #F9EEFF; } enchanted-preview::part(avatar-pink) { --icon-theme-color: #8F0465; background-color: #FFECFC; } enchanted-preview #avatar-container { display: flex; justify-content: space-around; } enchanted-preview { width: 100%; } enchanted-preview::part(div) { position: relative; width: 100%; } enchanted-preview::part(div-label) { display: flex; justify-content: space-between; align-items: right; margin-inline-end: 4px; } enchanted-preview::part(label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-size: 12px; font-style: normal; font-weight: 600; color: rgba(0, 0, 0, 0.6); } enchanted-preview::part(label-disabled) { color: rgba(0, 0, 0, 0.38); } enchanted-preview::part(remove-label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: #0550DC; cursor: pointer; } enchanted-preview::part(remove-label-disabled) { color: rgba(0, 0, 0, 0.38); cursor: unset; } enchanted-preview::part(preview-rendition-select-button-text) { overflow: hidden; font-size: 12px; font-style: normal; font-weight: 400; color: rgba(0, 0, 0, 0.87); margin-inline-end: 12px; } enchanted-preview[placeholder]:not([placeholder=""])::part(preview-rendition-select-button-text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; font-style: italic; letter-spacing: 0.35px; color: rgba(0, 0, 0, 0.6); padding-right: 1px; } enchanted-preview::part(preview-rendition-select-button), enchanted-preview::part(preview-rendition-select-button-outlined), enchanted-preview::part(preview-rendition-select-button-outlined-focused), enchanted-preview::part(preview-rendition-select-button-contained-focused) { border: 1px solid rgba(0, 0, 0, 0.43); border-radius: 2px; width: 100%; height: 34px; padding: 8px; background-color: #FFFFFF; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin-top: 4px; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; line-height: 20px; font-size: 12px; } enchanted-preview::part(button-contained-disabled), enchanted-preview::part(button-contained-disabled) { border: 1px solid rgba(0, 0, 0, 0.43); border-radius: 2px; width: 100%; height: 34px; padding: 8px; background-color: #E5E5E5; text-align: left; cursor: unset; display: flex; justify-content: space-between; align-items: center; margin-top: 4px; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; line-height: 20px; font-size: 12px; } enchanted-preview::part(unordered-list) { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.38); border-radius: 2px; list-style: none; position: absolute; z-index: 10; max-height: 300px; overflow-y: scroll; box-sizing: border-box; font-size: 12px; } enchanted-preview { /* Dropdown List Item */ } enchanted-preview::part(list-item) { width: 100%; padding: 8px; box-sizing: border-box; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: 12px; font-style: normal; font-weight: 400; } enchanted-preview::part(list-item-selected) { width: 100%; padding: 8px; box-sizing: border-box; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-size: 12px; background-color: #0550DC; color: #FFFFFF; } enchanted-preview::part(list-item):hover { background-color: rgba(0, 0, 0, 0.12); color: #000000; } enchanted-preview::part(preview-rendition-select-button):hover, enchanted-preview::part(preview-rendition-select-button-outlined):hover, enchanted-preview::part(preview-rendition-select-button-outlined-focused):hover { border: 1px solid rgba(0, 0, 0, 0.6); border-radius: 2px; } enchanted-preview::part(preview-rendition-select-button):focus, enchanted-preview::part(preview-rendition-select-button-outlined):focus, enchanted-preview::part(preview-rendition-select-button-outlined-focused):focus { border-radius: 2px; border: 2px solid #0550DC; } enchanted-preview::part(div):focus-within enchanted-preview::part(label) { color: #0550DC; } enchanted-preview::part(button-end-icon) { display: contents; } enchanted-preview::part(button-start-icon-small-without-padding) { display: contents; } enchanted-preview { --zoom-scale-factor: 1; --media-visibility: hidden; --image-natural-width: 0; --image-natural-height: 0; } enchanted-preview::part(preview-backdrop) { display: none; opacity: 0; } enchanted-preview[open]::part(preview-backdrop) { z-index: 999; position: absolute; background-color: #E4E4F0; display: flex; align-items: center; justify-content: center; inset: 0px; opacity: 1; transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1); } enchanted-preview::part(preview-container) { display: flex; flex-flow: column wrap; width: 100%; justify-content: flex-start; height: 100%; } enchanted-preview::part(preview-header) { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 0 12px; min-height: 54px; background-color: #FFFFFF; border-radius: 4px 4px 0 0; } enchanted-preview::part(preview-header-start-actions), enchanted-preview::part(preview-header-middle-actions), enchanted-preview::part(preview-header-end-actions) { display: flex; align-items: center; gap: 12px; flex: 1; } enchanted-preview::part(preview-header-middle-actions) { justify-content: center; } enchanted-preview::part(preview-header-end-actions) { justify-content: end; } enchanted-preview::part(preview-header-title) { font-family: Inter, sans-serif; font-weight: 600; font-size: 16px; line-height: 24px; letter-spacing: 0px; font-size: 14px; color: rgba(0, 0, 0, 0.87); } enchanted-preview::part(preview-header-divider) { margin: 0; } enchanted-preview::part(preview-item-container) { position: relative; flex: 1; width: 100%; height: calc(100% - 66px); overflow: hidden; } enchanted-preview::part(preview-item-image-wrapper) { display: inline-block; line-height: 0; margin: 0; padding: 0; transition: width 180ms ease, height 180ms ease; } enchanted-preview #preview-item-image-wrapper { overflow: hidden; } enchanted-preview.zoomed::part(preview-item-image-wrapper) { display: block; margin: 0; flex-shrink: 0; } enchanted-preview::part(preview-item-image) { opacity: 1; display: block; visibility: var(--media-visibility); margin: 0; padding: 0; transition: width 180ms ease, height 180ms ease; } enchanted-preview::part(preview-item-video-container) { margin: 0 auto; overflow: hidden; } enchanted-preview::part(preview-item-video) { object-fit: contain; width: 100%; height: 100%; visibility: var(--media-visibility); } enchanted-preview::part(preview-item-content) { max-width: 100%; max-height: 100%; object-fit: scale-down; margin: 0 auto; } enchanted-preview::part(preview-item-type-not-supported-message) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; } enchanted-preview::part(preview-item-unsupported-container) { display: flex; flex-direction: column; align-items: center; align-content: center; } enchanted-preview::part(preview-item-unsupported-message-container) { text-align: center; padding: 8px 0; } enchanted-preview::part(preview-item-unsupported-message-title) { font-family: Inter, sans-serif; font-weight: 700; font-size: 12px; line-height: 16px; letter-spacing: 0px; margin: 0; } enchanted-preview::part(preview-item-unsupported-message-description) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; } enchanted-preview::part(preview-item-previous-button-container), enchanted-preview::part(preview-item-next-button-container) { position: absolute; top: 50%; transform: translateY(-50%); border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 4px; background-color: rgba(30, 30, 30, 0.8); z-index: 999; } enchanted-preview::part(preview-item-previous-button-container) { inset-inline-start: 0; margin-inline-start: 12px; } enchanted-preview::part(preview-item-next-button-container) { inset-inline-end: 0; margin-inline-end: 12px; } enchanted-preview::part(preview-nav-buttons) { --icon-theme-color: #FFFFFF; --icon-theme-size: 24px; } enchanted-preview::part(preview-nav-buttons):hover { --icon-theme-size: 24px; padding: 6px; margin: 3px; background-color: rgba(255, 255, 255, 0.15); } enchanted-preview::part(preview-nav-buttons-focused), enchanted-preview::part(preview-zoom-buttons-focused) { --icon-theme-size: 24px; background-color: rgba(255, 255, 255, 0.15); border: 1px solid #B3D9F8; } enchanted-preview::part(preview-nav-buttons-disabled) { color: rgba(0, 0, 0, 0.38) !important; --icon-theme-color: rgba(0, 0, 0, 0.38); } enchanted-preview::part(preview-nav-buttons), enchanted-preview::part(preview-nav-buttons-focused), enchanted-preview::part(preview-nav-buttons-disabled) { padding: 6px; margin: 3px; } enchanted-preview::part(preview-zoom-container) { box-sizing: border-box; display: flex; flex-flow: wrap; width: 100%; -webkit-box-pack: center; justify-content: center; } enchanted-preview::part(preview-zoom-controls) { display: flex; margin-bottom: 12px; position: absolute; bottom: 0; justify-content: center; align-items: center; background-color: rgba(30, 30, 30, 0.8); padding: 2px 12px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.4); width: unset; --icon-theme-color: #FFFFFF; --icon-theme-size: 20px; left: 50%; transform: translateX(-50%); } enchanted-preview::part(preview-zoom-percent-button), enchanted-preview::part(preview-zoom-percent-focused) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: unset; color: #FFFFFF; font-weight: 400; min-width: unset; } enchanted-preview::part(preview-zoom-percent-button):hover, enchanted-preview::part(preview-zoom-percent-focused):hover { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; border: none; color: #FFFFFF; display: flex; flex: 0 1 auto; font-size: 12px; padding: 6px 12px; font-weight: 600; align-items: center; display: inline-flex; border-radius: 2px; cursor: pointer; background-color: rgba(255, 255, 255, 0.15); font-weight: 400; } enchanted-preview::part(preview-zoom-buttons):hover { background-color: rgba(255, 255, 255, 0.15); } enchanted-preview::part(preview-zoom-buttons-disabled) { color: rgba(255, 255, 255, 0.38) !important; } enchanted-preview::part(preview-rendition-select-button), enchanted-preview::part(preview-rendition-select-button-contained-focused) { margin-top: 0; } enchanted-preview::part(preview-rendition-select-button):hover { background-color: transparent; } enchanted-preview::part(preview-header-rendition-label) { font-family: Inter, sans-serif; font-weight: 600; font-size: 12px; line-height: 16px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.6); } enchanted-preview::part(preview-header-rendition-input-select) { min-width: 240px; } enchanted-preview::part(preview-item-content-container) { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; } enchanted-preview.zoomed::part(preview-item-content-container) { overflow: auto; display: grid; place-items: center; align-content: safe center; justify-content: safe center; } enchanted-preview::part(preview-item-spinner-container) { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; } enchanted-preview::part(tooltip-root) { position: relative; display: inline-block; } enchanted-preview::part(tooltip-text) { box-sizing: border-box; color: rgba(255, 255, 255, 0.93); position: fixed; border-radius: 2px; background-color: #383838; font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; padding: 5px 8px; z-index: 9999; } enchanted-preview::part(tooltip-medium) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; padding: 8px; } enchanted-preview::part(tooltip-multi-line) { width: max-content; height: max-content; overflow-wrap: break-word; } enchanted-alert::part(alert-div-root) { display: flex; flex-direction: row; opacity: 1; transform: none; transition: opacity 228ms cubic-bezier(0.4, 0, 0.2, 1), transform 152ms cubic-bezier(0.4, 0, 0.2, 1); transform-origin: 0px 0px; overflow-y: auto; overflow-x: hidden; border-radius: 4px; outline: 0px; padding: 4px 8px; align-items: center; } enchanted-alert::part(alert-contained-success) { border: 1px solid #04633D; color: #04633D; background-color: #E4FDED; } enchanted-alert::part(alert-outlined-success) { border: 1px solid #04633D; color: #04633D; background-color: #FFFFFF; } enchanted-alert::part(alert-contained-warning) { border: 1px solid #AE3D04; color: #AE3D04; background-color: #FFF6E2; } enchanted-alert::part(alert-outlined-warning) { border: 1px solid #AE3D04; color: #AE3D04; background-color: #FFFFFF; } enchanted-alert::part(alert-contained-info) { border: 1px solid #01539B; color: #01539B; background-color: #D9F9FF; } enchanted-alert::part(alert-outlined-info) { border: 1px solid #01539B; color: #01539B; background-color: #FFFFFF; } enchanted-alert::part(alert-contained-error) { border: 1px solid #C10C0D; color: #C10C0D; background-color: #FFF2F2; } enchanted-alert::part(alert-outlined-error) { border: 1px solid #C10C0D; color: #C10C0D; background-color: #FFFFFF; } enchanted-alert::part(alert-svg-success) { color: #04633D; margin-right: 8px; } enchanted-alert::part(alert-svg-error) { color: #C10C0D; margin-right: 8px; } enchanted-alert::part(alert-svg-warning) { color: #AE3D04; margin-right: 8px; } enchanted-alert::part(alert-svg-info) { color: #01539B; margin-right: 8px; } enchanted-multiple-select-chip::part(input-container) { border: 1px solid rgba(0, 0, 0, 0.38); display: flex; align-items: center; justify-content: space-between; padding: 6px 7px; border-radius: 2px; } enchanted-multiple-select-chip::part(button), enchanted-multiple-select-chip::part(button-contained-focused) { border: none !important; height: inherit !important; padding: 0 !important; margin-top: 0 !important; } enchanted-multiple-select-chip::part(input-text) { border: none !important; } enchanted-multiple-select-chip::part(chip-div) { background-color: !important; margin-top: 1px; } enchanted-multiple-select-chip::part(chip-div):hover { background-color: rgba(0, 0, 0, 0.07) !important; } enchanted-multiple-select-chip::part(chip-name) { font-size: 12px !important; overflow: hidden; text-overflow: ellipsis; max-width: 160px; } enchanted-multiple-select-chip::part(chip-div):active { margin-top: 1px; background-color: rgba(5, 80, 220, 0.08) !important; outline: #0550DC solid 1px; color: #0550DC !important; } :host(enchanted-multiple-select-chip::part(chip-div):active) enchanted-multiple-select-chip::part(chip-name) { color: #0550DC !important; } enchanted-multiple-select-chip::part(input-text):focus, enchanted-multiple-select-chip::part(input-text):focus-visible { border: none; outline: none; } enchanted-multiple-select-chip::part(chip-and-input-container) { display: flex; flex-wrap: wrap; overflow: hidden; align-items: center; gap: 5px; } enchanted-multiple-select-chip::part(clear-and-icon-container) { display: flex; align-items: center; gap: 10px; } enchanted-multiple-select-chip::part(top-container-div) { display: flex; flex-direction: column; } enchanted-multiple-select-chip::part(top-container-div):disabled { cursor: not-allowed; } enchanted-multiple-select-chip::part(input-text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; font-style: italic; height: 24px; letter-spacing: 0.35px; background-color: transparent; } enchanted-multiple-select-chip::part(clear-icon) svg:hover path { stroke: rgba(255, 255, 255, 0.4); fill: rgba(255, 255, 255, 0.4); color: rgba(255, 255, 255, 0.4); } enchanted-multiple-select-chip::part(chip-name) { padding: 0 8px; } enchanted-multiple-select-chip::part(unordered-list) { display: block; z-index: 99 !important; width: inherit !important; border: none !important; box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); margin-top: 2px !important; } enchanted-multiple-select-chip::part(list-item-selected) { display: flex; color: rgba(0, 0, 0, 0.87) !important; background-color: #FFFFFF !important; } enchanted-multiple-select-chip::part(list-item-selected):hover, enchanted-multiple-select-chip::part(list-item):hover { background-color: rgba(0, 0, 0, 0.07) !important; } enchanted-multiple-select-chip::part(list-items) { flex: 1 1 95%; padding-left: 4px; } enchanted-multiple-select-chip::part(checkmark), enchanted-multiple-select-chip::part(checkmark-placeholder) { flex: 0 0 5%; display: flex; justify-content: center; align-items: center; } enchanted-multiple-select-chip::part(clear-all-icon), enchanted-multiple-select-chip::part(clear-all-icon-hidden) { --icon-theme-size: 16px; height: 16px; width: 16px; display: flex; justify-content: center; align-items: center; } enchanted-multiple-select-chip icon-close-filled { --icon-theme-size: 16px; } enchanted-multiple-select-chip::part(list-item-content) { display: flex; align-items: center; width: 100%; } enchanted-multiple-select-chip::part(list-item-no-content), enchanted-multiple-select-chip::part(no-list-item) { font-family: Inter, sans-serif; font-weight: 400; font-size: 14px; line-height: 22px; letter-spacing: 0px; padding: 8px; color: rgba(0, 0, 0, 0.38); background-color: #FFFFFF; font-family: Inter, sans-serif; border-radius: 2px; display: flex; } enchanted-multiple-select-chip::part(input-container):focus-within { outline: 2px solid #0550DC; } enchanted-multiple-select-chip::part(clear-all-icon-hidden) { opacity: 0; pointer-events: none; } enchanted-multiple-select-chip::part(clear-all-icon) { opacity: 1; pointer-events: auto; border: none; background-color: #FFFFFF; cursor: pointer !important; } enchanted-multiple-select-chip::part(button-contained) { background-color: #FFFFFF !important; border: none !important; display: flex; align-items: center; } enchanted-multiple-select-chip::part(input-container):hover enchanted-multiple-select-chip::label { color: #0550DC; } enchanted-multiple-select-chip::part(clear-icon) { display: flex; cursor: pointer; } enchanted-multiple-select-chip::part(multiple-select-div-label-and-remove) { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 4px; } enchanted-multiple-select-chip::part(multiple-select-remove-label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: #0550DC; cursor: pointer; } enchanted-multiple-select-chip::part(helper-text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: rgba(0, 0, 0, 0.6); margin-top: 4px; } enchanted-multiple-select-chip::part(multiple-select-label-disabled) { color: rgba(0, 0, 0, 0.38) !important; } enchanted-multiple-select-chip::part(multiple-select-remove-label-disabled) { color: rgba(0, 0, 0, 0.38) !important; cursor: not-allowed; border: none; outline: none; } enchanted-multiple-select-chip::part(button-contained-disabled) { border: none !important; margin-top: 0 !important; height: inherit !important; padding: 0 !important; color: rgba(0, 0, 0, 0.38); background-color: #E5E5E5 !important; cursor: not-allowed; pointer-events: none; } enchanted-multiple-select-chip::part(button-contained-disabled):focus, enchanted-multiple-select-chip::part(input-container-disabled):focus, enchanted-multiple-select-chip::part(input-container-disabled):focus-within, enchanted-multiple-select-chip::part(button-contained-disabled):focus-within { border: 1px solid rgba(0, 0, 0, 0.38); outline: none; } enchanted-multiple-select-chip::part(input-container-disabled) { color: rgba(0, 0, 0, 0.38); background-color: #E5E5E5 !important; cursor: not-allowed; pointer-events: none; } enchanted-multiple-select-chip::part(label-focus) { color: #0550DC !important; } enchanted-multiple-select-chip::part(multiple-select-input-default) { font-style: normal !important; } enchanted-multiple-select-chip::part(chip-div) { background-color: rgba(0, 0, 0, 0.08); border-radius: 100px; display: inline-flex; padding: 4px; align-items: center; } enchanted-multiple-select-chip::part(chip-name) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; color: rgba(0, 0, 0, 0.87); } enchanted-multiple-select-chip::part(chip-count) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; padding: 0px 4px 0px 4px; border-radius: 4px; margin-left: 4px; color: #FFFFFF; align-items: center; } enchanted-multiple-select-chip::part(chip-count-rtl) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #0550DC; padding: 0px 4px 0px 4px; border-radius: 4px; margin-right: 4px; color: #FFFFFF; align-items: center; } enchanted-multiple-select-chip { width: 100%; } enchanted-multiple-select-chip::part(div) { position: relative; width: 100%; } enchanted-multiple-select-chip::part(div-label) { display: flex; justify-content: space-between; align-items: right; margin-inline-end: 4px; } enchanted-multiple-select-chip::part(label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-size: 12px; font-style: normal; font-weight: 600; color: rgba(0, 0, 0, 0.6); } enchanted-multiple-select-chip::part(label-disabled) { color: rgba(0, 0, 0, 0.38); } enchanted-multiple-select-chip::part(remove-label) { font-family: Inter, sans-serif; font-weight: 400; font-size: 10px; line-height: 14px; letter-spacing: 0px; color: #0550DC; cursor: pointer; } enchanted-multiple-select-chip::part(remove-label-disabled) { color: rgba(0, 0, 0, 0.38); cursor: unset; } enchanted-multiple-select-chip::part(button-text) { overflow: hidden; font-size: 12px; font-style: normal; font-weight: 400; color: rgba(0, 0, 0, 0.87); margin-inline-end: 12px; } enchanted-multiple-select-chip[placeholder]:not([placeholder=""])::part(button-text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; font-style: italic; letter-spacing: 0.35px; color: rgba(0, 0, 0, 0.6); padding-right: 1px; } enchanted-multiple-select-chip::part(button), enchanted-multiple-select-chip::part(button-outlined), enchanted-multiple-select-chip::part(button-outlined-focused), enchanted-multiple-select-chip::part(button-contained-focused) { border: 1px solid rgba(0, 0, 0, 0.43); border-radius: 2px; width: 100%; height: 34px; padding: 8px; background-color: #FFFFFF; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin-top: 4px; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; line-height: 20px; font-size: 12px; } enchanted-multiple-select-chip::part(button-contained-disabled), enchanted-multiple-select-chip::part(button-contained-disabled) { border: 1px solid rgba(0, 0, 0, 0.43); border-radius: 2px; width: 100%; height: 34px; padding: 8px; background-color: #E5E5E5; text-align: left; cursor: unset; display: flex; justify-content: space-between; align-items: center; margin-top: 4px; box-sizing: border-box; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; line-height: 20px; font-size: 12px; } enchanted-multiple-select-chip::part(unordered-list) { width: 100%; margin: 0; padding: 0; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.38); border-radius: 2px; list-style: none; position: absolute; z-index: 10; max-height: 300px; overflow-y: scroll; box-sizing: border-box; font-size: 12px; } enchanted-multiple-select-chip { /* Dropdown List Item */ } enchanted-multiple-select-chip::part(list-item) { width: 100%; padding: 8px; box-sizing: border-box; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); font-size: 12px; font-style: normal; font-weight: 400; } enchanted-multiple-select-chip::part(list-item-selected) { width: 100%; padding: 8px; box-sizing: border-box; cursor: pointer; font-family: Inter, sans-serif; font-weight: 400; font-size: 16px; line-height: 16px; font-size: 12px; background-color: #0550DC; color: #FFFFFF; } enchanted-multiple-select-chip::part(list-item):hover { background-color: rgba(0, 0, 0, 0.12); color: #000000; } enchanted-multiple-select-chip::part(button):hover, enchanted-multiple-select-chip::part(button-outlined):hover, enchanted-multiple-select-chip::part(button-outlined-focused):hover { border: 1px solid rgba(0, 0, 0, 0.6); border-radius: 2px; } enchanted-multiple-select-chip::part(button):focus, enchanted-multiple-select-chip::part(button-outlined):focus, enchanted-multiple-select-chip::part(button-outlined-focused):focus { border-radius: 2px; border: 2px solid #0550DC; } enchanted-multiple-select-chip::part(div):focus-within enchanted-multiple-select-chip::part(label) { color: #0550DC; } enchanted-multiple-select-chip::part(button-end-icon) { display: contents; } enchanted-multiple-select-chip::part(button-start-icon-small-without-padding) { display: contents; } enchanted-toggle-button::part(button-start-icon-small-without-padding), enchanted-toggle-button::part(button-start-icon-medium-without-padding), enchanted-toggle-button::part(button-start-icon), enchanted-toggle-button::part(button-contained-hovered), enchanted-toggle-button::part(button-start-icon-small-with-padding), enchanted-toggle-button::part(button-start-icon-medium-with-padding) { align-items: center; justify-content: center; border: none; } enchanted-toggle-button::part(icon-button-contained), enchanted-toggle-button::part(icon-button-contained-inverse), enchanted-toggle-button::part(icon-button-contained-focused), enchanted-toggle-button::part(icon-button-contained-focused-inverse), enchanted-toggle-button::part(icon-button-contained-disabled), enchanted-toggle-button::part(icon-button-contained-disabled-inverse), enchanted-toggle-button::part(icon-button-contained):hover { display: inline-flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; user-select: none; vertical-align: middle; appearance: none; text-align: center; font-size: 1.5rem; color: rgba(0, 0, 0, 0.6); --icon-theme-color: rgba(0, 0, 0, 0.6); background-color: transparent; outline: none; margin: 0px; text-decoration: none; flex: 0 0 auto; overflow: visible; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 2px; padding: 0px; } enchanted-toggle-button::part(icon-button-contained-disabled), enchanted-toggle-button::part(icon-button-contained-disabled-inverse) { cursor: not-allowed; pointer-events: none; opacity: 0.38; border: none; } enchanted-toggle-button::part(icon-button-contained), enchanted-toggle-button::part(icon-button-contained-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-toggle-button::part(icon-button-contained-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); } enchanted-toggle-button::part(icon-button-contained):active, enchanted-toggle-button::part(icon-button-contained-inverse):active, enchanted-toggle-button::part(icon-button-contained):focus, enchanted-toggle-button::part(icon-button-contained-inverse):focus, enchanted-toggle-button::part(icon-button-contained):focus-visible, enchanted-toggle-button::part(icon-button-contained-inverse):focus-visible, enchanted-toggle-button::part(icon-button-contained-focused), enchanted-toggle-button::part(icon-button-contained-focused-inverse) { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; background-color: transparent; outline: #0550DC 2px solid; outline-offset: 1px; } enchanted-toggle-button::part(icon-button-contained-inverse):active, enchanted-toggle-button::part(icon-button-contained-inverse):focus, enchanted-toggle-button::part(icon-button-contained-inverse):focus-visible, enchanted-toggle-button::part(icon-button-contained-focused-inverse) { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); outline: #B3D9F8 2px solid; } enchanted-toggle-button::part(icon-button-contained-focused-inverse):hover { background-color: rgba(255, 255, 255, 0.15); } enchanted-toggle-button::part(icon-button-contained):hover, enchanted-toggle-button::part(icon-button-contained-inverse):hover { cursor: pointer; border-width: 0px; border-style: initial; border-color: initial; border-image: initial; } enchanted-toggle-button::part(icon-button-contained):hover, enchanted-toggle-button::part(icon-button-contained-focused):hover { background-color: rgba(0, 0, 0, 0.07); } enchanted-toggle-button::part(icon-button-contained-inverse):hover { color: rgba(255, 255, 255, 0.8); --icon-theme-color: rgba(255, 255, 255, 0.8); background-color: rgba(255, 255, 255, 0.15); } enchanted-toggle-button::part(button-start-icon) { color: #FFFFFF; height: 16px; margin-right: 4px; width: 16px; display: flex; justify-content: center; align-items: center; } enchanted-toggle-button::part(button-start-icon-small-without-padding), enchanted-toggle-button::part(button-start-icon-medium-without-padding) { box-sizing: border-box; padding: 0px; outline: none; line-height: 0; } enchanted-toggle-button::part(button-start-icon-small-without-padding) { height: 16px; width: 16px; --icon-theme-size: 16px; } enchanted-toggle-button::part(button-start-icon-medium-without-padding) { height: 20px; width: 20px; --icon-theme-size: 20px; } enchanted-toggle-button::part(button-start-icon-fab) { height: 24px; width: 24px; padding: 8px; --icon-theme-size: 24px; } enchanted-toggle-button::part(button-start-icon-small-with-padding), enchanted-toggle-button::part(button-start-icon-medium-with-padding) { box-sizing: border-box; outline: none; line-height: 0; } enchanted-toggle-button::part(button-start-icon-small-with-padding) { display: flex; height: 20px; width: 20px; padding: 2px; --icon-theme-size: 16px; vertical-align: middle; } enchanted-toggle-button::part(button-start-icon-medium-with-padding) { display: flex; height: 28px; width: 28px; --icon-theme-size: 20px; padding: 4px; vertical-align: middle; } enchanted-toggle-button::part(badge-dot) { border: 2px solid #0550DC; border-radius: 10px; background-color: #0550DC; position: absolute; right: 6px; top: 6px; height: 8px; width: 8px; display: inline-flex; justify-content: center; align-items: center; } enchanted-toggle-button::part(toggle-off-single-button) { border: 1px solid rgba(0, 0, 0, 0.2); height: 28px; width: 28px; display: flex; align-items: center; justify-content: center; } enchanted-toggle-button::part(toggle-on-single-button) { border: 1px solid #0550DC; background-color: rgba(5, 80, 220, 0.08); color: #0550DC; height: 28px; width: 28px; display: flex; align-items: center; justify-content: center; } enchanted-toggle-button::part(badge-dot-rtl) { right: auto; left: 6px; } enchanted-popover::part(wrapper) { position: absolute; inline-size: fit-content; max-inline-size: 274px; min-inline-size: 119px; min-height: 66px; block-size: auto; border-radius: 4px; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, visibility 0.2s ease, width 0.2s ease, height 0.2s ease; z-index: 100; box-sizing: border-box; background-color: #FFFFFF; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12), 0px 8px 24px rgba(0, 0, 0, 0.14); overflow: visible; } enchanted-popover[open]::part(wrapper) { opacity: 1; visibility: visible; } enchanted-popover:not([inverse])::part(wrapper) { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); } enchanted-popover:not([inverse])::part(arrow) { background-color: #FFFFFF; } enchanted-popover[inverse]::part(wrapper) { background: rgb(56, 56, 56); color: #FFFFFF; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.12), 0px 8px 24px rgba(0, 0, 0, 0.14); } enchanted-popover[inverse]::part(arrow) { background: rgb(56, 56, 56); clip-path: polygon(50% 0%, 0% 100%, 100% 100%); } enchanted-popover[inverse]::part(container), enchanted-popover[inverse]::part(label), enchanted-popover[inverse]::part(text), enchanted-popover[inverse]::part(close-icon), enchanted-popover[inverse]::part(close-icon-rtl) { color: #FFFFFF; background: transparent; } enchanted-popover::part(container), enchanted-popover::part(container-rtl) { inline-size: max-content; max-inline-size: 274px; position: relative; box-sizing: border-box; overflow: visible; } enchanted-popover::part(content) { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; inline-size: calc(100% - 40px); } enchanted-popover[withpadding]::part(container), enchanted-popover[withpadding]::part(container-rtl) { padding: 10px; } enchanted-popover:not([withpadding])::part(container), enchanted-popover:not([withpadding])::part(container-rtl) { padding: 0; } enchanted-popover:not([arrow])::part(wrapper), enchanted-popover[arrow=""]::part(wrapper) { top: calc(100% + 8px); left: 50%; transform: translate(-50%, 0px); } enchanted-popover::part(close-icon), enchanted-popover::part(close-icon-rtl) { position: absolute; background: transparent; top: 12px; border: none; width: 20px; height: 20px; cursor: pointer; border-radius: 2px; padding: 2px; z-index: 100; } enchanted-popover::part(close-icon) { right: 12px; left: auto; } enchanted-popover::part(close-icon-rtl) { right: auto; left: 12px; } enchanted-popover::part(label) { font-family: Inter, sans-serif; font-weight: 600; font-size: 14px; line-height: 22px; letter-spacing: 0px; min-inline-size: 119px; min-block-size: 22px; max-inline-size: 24; inline-size: 100%; block-size: auto; color: rgba(0, 0, 0, 0.87); overflow-wrap: anywhere; white-space: normal; word-break: break-word; } enchanted-popover::part(text) { font-family: Inter, sans-serif; font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: 0px; min-inline-size: 111px; min-block-size: 16px; max-inline-size: 274px; inline-size: 100%; block-size: auto; color: rgba(0, 0, 0, 0.87); opacity: 1; white-space: normal; overflow-wrap: anywhere; word-break: break-word; } enchanted-popover::part(container-rtl) { direction: rtl; text-align: right; align-items: flex-end; display: flex; } enchanted-popover::part(arrow) { height: 8px; position: absolute; background: inherit; clip-path: polygon(50% 0%, 0% 100%, 100% 100%); width: 16px; } enchanted-popover:not([showLabel]):not([showText])::part(wrapper) { display: none; } enchanted-popover[showLabel]:not([showText])::part(wrapper) { min-height: 42px; } enchanted-popover:not([showLabel])[showText]::part(wrapper) { min-height: 36px; } enchanted-popover[arrow="12:00"]::part(wrapper) { top: 100%; left: 50%; transform: translate(-50%, 8px); } enchanted-popover[arrow="12:00"]::part(arrow) { top: -8px; left: calc(50% - 8px); transform: rotate(0deg); } enchanted-popover[arrow="1:00"]::part(wrapper) { right: -18px; top: 100%; transform-origin: right top; transform: translateY(8px); } enchanted-popover[arrow="1:00"]::part(arrow) { top: -8px; right: 18px; transform: rotate(0); } enchanted-popover[arrow="2:00"]::part(wrapper) { right: 100%; top: -18px; transform-origin: top right; transform: translateX(-8px); } enchanted-popover[arrow="2:00"]::part(arrow) { top: 18px; right: -12px; transform: rotate(90deg); } enchanted-popover[arrow="3:00"]::part(wrapper) { right: 100%; top: 50%; transform: translate(-8px, -50%); } enchanted-popover[arrow="3:00"]::part(arrow) { top: calc(50% - 4px); right: -12px; transform: rotate(90deg); } enchanted-popover[arrow="4:00"]::part(wrapper) { bottom: -12px; right: 100%; transform-origin: bottom right; transform: translateX(-8px); } enchanted-popover[arrow="4:00"]::part(arrow) { bottom: 12px; right: -12px; transform: rotate(90deg); } enchanted-popover[arrow="5:00"]::part(wrapper) { bottom: 100%; right: -18px; transform-origin: right bottom; transform: translateY(-8px); } enchanted-popover[arrow="5:00"]::part(arrow) { bottom: -8px; right: 12px; transform: rotate(180deg); } enchanted-popover[arrow="6:00"]::part(wrapper) { bottom: 100%; left: 50%; transform: translate(-50%, -8px); } enchanted-popover[arrow="6:00"]::part(arrow) { bottom: -8px; left: calc(50% - 8px); transform: rotate(180deg); } enchanted-popover[arrow="7:00"]::part(wrapper) { left: -18px; bottom: 100%; transform-origin: left bottom; transform: translateY(-8px); } enchanted-popover[arrow="7:00"]::part(arrow) { bottom: -8px; left: 12px; transform: rotate(180deg); } enchanted-popover[arrow="8:00"]::part(wrapper) { left: 100%; bottom: -12px; transform-origin: bottom left; transform: translateX(8px); } enchanted-popover[arrow="8:00"]::part(arrow) { bottom: 12px; left: -12px; transform: rotate(270deg); } enchanted-popover[arrow="9:00"]::part(wrapper) { left: 100%; top: 50%; transform: translate(8px, -50%); } enchanted-popover[arrow="9:00"]::part(arrow) { top: calc(50% - 4px); left: -12px; transform: rotate(270deg); } enchanted-popover[arrow="10:00"]::part(wrapper) { top: -18px; left: 100%; transform-origin: top left; transform: translateX(8px); } enchanted-popover[arrow="10:00"]::part(arrow) { top: 18px; left: -12px; transform: rotate(270deg); } enchanted-popover[arrow="11:00"]::part(wrapper) { top: 100%; left: -18px; transform-origin: left top; transform: translateY(8px); } enchanted-popover[arrow="11:00"]::part(arrow) { top: -8px; left: 12px; transform: rotate(0); }