/* @import "typeface-roboto.css"; */
/**
 *
 *  Copyright (c) "Neo4j"
 *  Neo4j Sweden AB [http://neo4j.com]
 *
 *  This file is part of Neo4j.
 *
 *  Neo4j is free software: you can redistribute it and/or modify
 *  it under the terms of the GNU General Public License as published by
 *  the Free Software Foundation, either version 3 of the License, or
 *  (at your option) any later version.
 *
 *  This program is distributed in the hope that it will be useful,
 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *  GNU General Public License for more details.
 *
 *  You should have received a copy of the GNU General Public License
 *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * Do not edit directly
 * Generated on Fri, 13 Sep 2024 10:11:50 GMT
 */
:root {
  --transitions-values-properties-default: all;
  --transitions-values-duration-quick: 100ms;
  --transitions-values-duration-slow: 250ms;
  --transitions-values-timing-function-default: cubic-bezier(0.420, 0.000, 0.580, 1.000);
  --transitions-stripped-quick: 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  --transitions-stripped-slow: 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  --transitions-full-quick: all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  --transitions-full-slow: all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
  --border-radius-none: 0px;
  --border-radius-sm: 4px;
  --border-radius-md: 6px;
  --border-radius-lg: 8px;
  --border-radius-xl: 10px;
  --border-radius-1xl: 12px;
  --border-radius-2xl: 14px;
  --border-radius-3xl: 16px;
  --border-radius-4xl: 18px;
  --border-radius-5xl: 20px;
  --border-radius-full: 9999px;
  --breakpoints-xs: 450px; /* Extra small screen / phone, only one not included with Tailwind CSS */
  --breakpoints-sm: 640px; /* Check here: https://tailwindcss.com/docs/responsive-design */
  --breakpoints-md: 768px;
  --breakpoints-lg: 1024px;
  --breakpoints-xl: 1280px;
  --breakpoints-2xl: 1536px;
  --palette-categorical-1: #55BDC5;
  --palette-categorical-2: #4D49CB;
  --palette-categorical-3: #DC8B39;
  --palette-categorical-4: #C9458D;
  --palette-categorical-5: #8E8CF3;
  --palette-categorical-6: #78DE7C;
  --palette-categorical-7: #3F80E3;
  --palette-categorical-8: #673FAB;
  --palette-categorical-9: #DBBF40;
  --palette-categorical-10: #BF732D;
  --palette-categorical-11: #478A6E;
  --palette-categorical-12: #ADE86B;
  --palette-graph-1: #FFDF81;
  --palette-graph-2: #C990C0;
  --palette-graph-3: #F79767;
  --palette-graph-4: #56C7E4;
  --palette-graph-5: #F16767;
  --palette-graph-6: #D8C7AE;
  --palette-graph-7: #8DCC93;
  --palette-graph-8: #ECB4C9;
  --palette-graph-9: #4D8DDA;
  --palette-graph-10: #FFC354;
  --palette-graph-11: #DA7294;
  --palette-graph-12: #579380;
  --colors-baltic-10: 231 250 251 / 1; /* Original value: #E7FAFB, alpha: 1 */
  --colors-baltic-15: 195 248 251 / 1; /* Original value: #C3F8FB, alpha: 1 */
  --colors-baltic-20: 143 227 232 / 1; /* Original value: #8FE3E8, alpha: 1 */
  --colors-baltic-25: 92 195 201 / 1; /* Original value: #5CC3C9, alpha: 1 */
  --colors-baltic-30: 93 179 191 / 1; /* Original value: #5DB3BF, alpha: 1 */
  --colors-baltic-35: 81 166 177 / 1; /* Original value: #51A6B1, alpha: 1 */
  --colors-baltic-40: 76 153 164 / 1; /* Original value: #4C99A4, alpha: 1 */
  --colors-baltic-45: 48 131 157 / 1; /* Original value: #30839D, alpha: 1 */
  --colors-baltic-50: 10 97 144 / 1; /* Original value: #0A6190, alpha: 1 */
  --colors-baltic-55: 2 80 123 / 1; /* Original value: #02507B, alpha: 1 */
  --colors-baltic-60: 1 64 99 / 1; /* Original value: #014063, alpha: 1 */
  --colors-baltic-65: 38 47 49 / 1; /* Original value: #262F31, alpha: 1 */
  --colors-baltic-70: 8 30 43 / 1; /* Original value: #081E2B, alpha: 1 */
  --colors-baltic-75: 4 24 35 / 1; /* Original value: #041823, alpha: 1 */
  --colors-baltic-80: 1 18 28 / 1; /* Original value: #01121C, alpha: 1 */
  --colors-hibiscus-10: 255 233 231 / 1; /* Original value: #FFE9E7, alpha: 1 */
  --colors-hibiscus-15: 255 215 210 / 1; /* Original value: #FFD7D2, alpha: 1 */
  --colors-hibiscus-20: 255 170 151 / 1; /* Original value: #FFAA97, alpha: 1 */
  --colors-hibiscus-25: 255 142 106 / 1; /* Original value: #FF8E6A, alpha: 1 */
  --colors-hibiscus-30: 249 103 70 / 1; /* Original value: #F96746, alpha: 1 */
  --colors-hibiscus-35: 232 78 44 / 1; /* Original value: #E84E2C, alpha: 1 */
  --colors-hibiscus-40: 212 51 0 / 1; /* Original value: #D43300, alpha: 1 */
  --colors-hibiscus-45: 187 45 0 / 1; /* Original value: #BB2D00, alpha: 1 */
  --colors-hibiscus-50: 150 18 0 / 1; /* Original value: #961200, alpha: 1 */
  --colors-hibiscus-55: 115 14 0 / 1; /* Original value: #730E00, alpha: 1 */
  --colors-hibiscus-60: 67 37 32 / 1; /* Original value: #432520, alpha: 1 */
  --colors-hibiscus-65: 78 9 0 / 1; /* Original value: #4E0900, alpha: 1 */
  --colors-hibiscus-70: 63 8 0 / 1; /* Original value: #3F0800, alpha: 1 */
  --colors-hibiscus-75: 54 7 0 / 1; /* Original value: #360700, alpha: 1 */
  --colors-hibiscus-80: 40 5 0 / 1; /* Original value: #280500, alpha: 1 */
  --colors-forest-10: 231 252 215 / 1; /* Original value: #E7FCD7, alpha: 1 */
  --colors-forest-15: 188 241 148 / 1; /* Original value: #BCF194, alpha: 1 */
  --colors-forest-20: 144 203 98 / 1; /* Original value: #90CB62, alpha: 1 */
  --colors-forest-25: 128 187 83 / 1; /* Original value: #80BB53, alpha: 1 */
  --colors-forest-30: 111 166 70 / 1; /* Original value: #6FA646, alpha: 1 */
  --colors-forest-35: 91 153 43 / 1; /* Original value: #5B992B, alpha: 1 */
  --colors-forest-40: 77 134 34 / 1; /* Original value: #4D8622, alpha: 1 */
  --colors-forest-45: 63 120 36 / 1; /* Original value: #3F7824, alpha: 1 */
  --colors-forest-50: 41 97 39 / 1; /* Original value: #296127, alpha: 1 */
  --colors-forest-55: 20 84 57 / 1; /* Original value: #145439, alpha: 1 */
  --colors-forest-60: 12 77 49 / 1; /* Original value: #0C4D31, alpha: 1 */
  --colors-forest-65: 10 67 36 / 1; /* Original value: #0A4324, alpha: 1 */
  --colors-forest-70: 38 45 36 / 1; /* Original value: #262D24, alpha: 1 */
  --colors-forest-75: 5 38 24 / 1; /* Original value: #052618, alpha: 1 */
  --colors-forest-80: 2 29 17 / 1; /* Original value: #021D11, alpha: 1 */
  --colors-lemon-10: 255 250 209 / 1; /* Original value: #FFFAD1, alpha: 1 */
  --colors-lemon-15: 255 248 189 / 1; /* Original value: #FFF8BD, alpha: 1 */
  --colors-lemon-20: 255 241 120 / 1; /* Original value: #FFF178, alpha: 1 */
  --colors-lemon-25: 255 229 0 / 1; /* Original value: #FFE500, alpha: 1 */
  --colors-lemon-30: 255 214 0 / 1; /* Original value: #FFD600, alpha: 1 */
  --colors-lemon-35: 244 195 24 / 1; /* Original value: #F4C318, alpha: 1 */
  --colors-lemon-40: 215 170 10 / 1; /* Original value: #D7AA0A, alpha: 1 */
  --colors-lemon-45: 180 132 9 / 1; /* Original value: #B48409, alpha: 1 */
  --colors-lemon-50: 153 110 0 / 1; /* Original value: #996E00, alpha: 1 */
  --colors-lemon-55: 118 85 0 / 1; /* Original value: #765500, alpha: 1 */
  --colors-lemon-60: 97 70 0 / 1; /* Original value: #614600, alpha: 1 */
  --colors-lemon-65: 77 55 0 / 1; /* Original value: #4D3700, alpha: 1 */
  --colors-lemon-70: 49 46 26 / 1; /* Original value: #312E1A, alpha: 1 */
  --colors-lemon-75: 46 33 0 / 1; /* Original value: #2E2100, alpha: 1 */
  --colors-lemon-80: 37 27 0 / 1; /* Original value: #251B00, alpha: 1 */
  --colors-lavender-10: 247 243 255 / 1; /* Original value: #F7F3FF, alpha: 1 */
  --colors-lavender-15: 233 222 255 / 1; /* Original value: #E9DEFF, alpha: 1 */
  --colors-lavender-20: 204 180 255 / 1; /* Original value: #CCB4FF, alpha: 1 */
  --colors-lavender-25: 179 142 255 / 1; /* Original value: #B38EFF, alpha: 1 */
  --colors-lavender-30: 160 123 236 / 1; /* Original value: #A07BEC, alpha: 1 */
  --colors-lavender-35: 140 104 217 / 1; /* Original value: #8C68D9, alpha: 1 */
  --colors-lavender-40: 117 78 200 / 1; /* Original value: #754EC8, alpha: 1 */
  --colors-lavender-45: 90 52 170 / 1; /* Original value: #5A34AA, alpha: 1 */
  --colors-lavender-50: 75 40 148 / 1; /* Original value: #4B2894, alpha: 1 */
  --colors-lavender-55: 59 25 130 / 1; /* Original value: #3B1982, alpha: 1 */
  --colors-lavender-60: 44 42 52 / 1; /* Original value: #2C2A34, alpha: 1 */
  --colors-lavender-65: 34 9 84 / 1; /* Original value: #220954, alpha: 1 */
  --colors-lavender-70: 23 1 70 / 1; /* Original value: #170146, alpha: 1 */
  --colors-lavender-75: 14 0 45 / 1; /* Original value: #0E002D, alpha: 1 */
  --colors-lavender-80: 9 0 28 / 1; /* Original value: #09001C, alpha: 1 */
  --colors-marigold-10: 255 240 210 / 1; /* Original value: #FFF0D2, alpha: 1 */
  --colors-marigold-15: 255 222 157 / 1; /* Original value: #FFDE9D, alpha: 1 */
  --colors-marigold-20: 255 207 114 / 1; /* Original value: #FFCF72, alpha: 1 */
  --colors-marigold-25: 255 196 80 / 1; /* Original value: #FFC450, alpha: 1 */
  --colors-marigold-30: 255 180 34 / 1; /* Original value: #FFB422, alpha: 1 */
  --colors-marigold-35: 255 169 1 / 1; /* Original value: #FFA901, alpha: 1 */
  --colors-marigold-40: 236 156 0 / 1; /* Original value: #EC9C00, alpha: 1 */
  --colors-marigold-45: 218 145 5 / 1; /* Original value: #DA9105, alpha: 1 */
  --colors-marigold-50: 186 122 0 / 1; /* Original value: #BA7A00, alpha: 1 */
  --colors-marigold-55: 152 100 0 / 1; /* Original value: #986400, alpha: 1 */
  --colors-marigold-60: 121 80 0 / 1; /* Original value: #795000, alpha: 1 */
  --colors-marigold-65: 98 65 0 / 1; /* Original value: #624100, alpha: 1 */
  --colors-marigold-70: 84 56 0 / 1; /* Original value: #543800, alpha: 1 */
  --colors-marigold-75: 66 44 0 / 1; /* Original value: #422C00, alpha: 1 */
  --colors-marigold-80: 37 25 0 / 1; /* Original value: #251900, alpha: 1 */
  --colors-earth-10: 255 247 240 / 1; /* Original value: #FFF7F0, alpha: 1 */
  --colors-earth-15: 253 237 218 / 1; /* Original value: #FDEDDA, alpha: 1 */
  --colors-earth-20: 255 225 197 / 1; /* Original value: #FFE1C5, alpha: 1 */
  --colors-earth-25: 248 209 174 / 1; /* Original value: #F8D1AE, alpha: 1 */
  --colors-earth-30: 236 191 150 / 1; /* Original value: #ECBF96, alpha: 1 */
  --colors-earth-35: 224 174 127 / 1; /* Original value: #E0AE7F, alpha: 1 */
  --colors-earth-40: 209 150 96 / 1; /* Original value: #D19660, alpha: 1 */
  --colors-earth-45: 175 124 77 / 1; /* Original value: #AF7C4D, alpha: 1 */
  --colors-earth-50: 141 93 49 / 1; /* Original value: #8D5D31, alpha: 1 */
  --colors-earth-55: 118 63 24 / 1; /* Original value: #763F18, alpha: 1 */
  --colors-earth-60: 102 49 11 / 1; /* Original value: #66310B, alpha: 1 */
  --colors-earth-65: 91 43 9 / 1; /* Original value: #5B2B09, alpha: 1 */
  --colors-earth-70: 72 31 1 / 1; /* Original value: #481F01, alpha: 1 */
  --colors-earth-75: 54 23 0 / 1; /* Original value: #361700, alpha: 1 */
  --colors-earth-80: 34 14 0 / 1; /* Original value: #220E00, alpha: 1 */
  --colors-neutral-10: 255 255 255 / 1; /* Original value: #FFFFFF, alpha: 1 */
  --colors-neutral-15: 245 246 246 / 1; /* Original value: #F5F6F6, alpha: 1 */
  --colors-neutral-20: 226 227 229 / 1; /* Original value: #E2E3E5, alpha: 1 */
  --colors-neutral-25: 207 209 212 / 1; /* Original value: #CFD1D4, alpha: 1 */
  --colors-neutral-30: 187 190 195 / 1; /* Original value: #BBBEC3, alpha: 1 */
  --colors-neutral-35: 168 172 178 / 1; /* Original value: #A8ACB2, alpha: 1 */
  --colors-neutral-40: 149 154 161 / 1; /* Original value: #959AA1, alpha: 1 */
  --colors-neutral-45: 129 135 144 / 1; /* Original value: #818790, alpha: 1 */
  --colors-neutral-50: 111 117 126 / 1; /* Original value: #6F757E, alpha: 1 */
  --colors-neutral-55: 94 99 106 / 1; /* Original value: #5E636A, alpha: 1 */
  --colors-neutral-60: 77 81 87 / 1; /* Original value: #4D5157, alpha: 1 */
  --colors-neutral-65: 60 63 68 / 1; /* Original value: #3C3F44, alpha: 1 */
  --colors-neutral-70: 33 35 37 / 1; /* Original value: #212325, alpha: 1 */
  --colors-neutral-75: 26 27 29 / 1; /* Original value: #1A1B1D, alpha: 1 */
  --colors-neutral-80: 9 9 10 / 1; /* Original value: #09090A, alpha: 1 */
  --colors-beige-10: 255 252 244 / 1; /* Original value: #FFFCF4, alpha: 1 */
  --colors-beige-20: 255 247 227 / 1; /* Original value: #FFF7E3, alpha: 1 */
  --colors-beige-30: 242 234 212 / 1; /* Original value: #F2EAD4, alpha: 1 */
  --colors-beige-40: 193 185 160 / 1; /* Original value: #C1B9A0, alpha: 1 */
  --colors-beige-50: 153 147 132 / 1; /* Original value: #999384, alpha: 1 */
  --colors-beige-60: 102 96 80 / 1; /* Original value: #666050, alpha: 1 */
  --colors-beige-70: 63 56 36 / 1; /* Original value: #3F3824, alpha: 1 */
  --colors-highlights-yellow: 250 255 0 / 1; /* Original value: #FAFF00, alpha: 1 */
  --colors-highlights-periwinkle: 106 130 255 / 1; /* Original value: #6A82FF, alpha: 1 */
  --theme-dark-box-shadow-raised: 0px 1px 2px 0px rgba(9, 9, 10, 0.50);
  --theme-dark-box-shadow-overlay: 0px 8px 20px 0px rgba(9, 9, 10, 0.50);
  --theme-dark-palette-neutral-text-weakest: 129 135 144 / 1; /* Original value: 129 135 144 / 1, alpha: 1 */
  --theme-dark-palette-neutral-text-weaker: 168 172 178 / 1; /* Original value: 168 172 178 / 1, alpha: 1 */
  --theme-dark-palette-neutral-text-weak: 207 209 212 / 1; /* Original value: 207 209 212 / 1, alpha: 1 */
  --theme-dark-palette-neutral-text-default: 245 246 246 / 1; /* Original value: 245 246 246 / 1, alpha: 1 */
  --theme-dark-palette-neutral-text-inverse: 26 27 29 / 1; /* Original value: 26 27 29 / 1, alpha: 1 */
  --theme-dark-palette-neutral-icon: 207 209 212 / 1; /* Original value: 207 209 212 / 1, alpha: 1 */
  --theme-dark-palette-neutral-bg-weak: 33 35 37 / 1; /* Original value: 33 35 37 / 1, alpha: 1 */
  --theme-dark-palette-neutral-bg-default: 26 27 29 / 1; /* Original value: 26 27 29 / 1, alpha: 1 */
  --theme-dark-palette-neutral-bg-strong: 60 63 68 / 1; /* Original value: 60 63 68 / 1, alpha: 1 */
  --theme-dark-palette-neutral-bg-stronger: 111 117 126 / 1; /* Original value: 111 117 126 / 1, alpha: 1 */
  --theme-dark-palette-neutral-bg-strongest: 255 255 255 / 1; /* Original value: 255 255 255 / 1, alpha: 1 */
  --theme-dark-palette-neutral-bg-status: 168 172 178 / 1; /* Original value: 168 172 178 / 1, alpha: 1 */
  --theme-dark-palette-neutral-bg-on-bg-weak: 129 135 144 / 0.12; /* Original value: 129 135 144 / 1, alpha: 0.12 */
  --theme-dark-palette-neutral-border-weak: 60 63 68 / 1; /* Original value: 60 63 68 / 1, alpha: 1 */
  --theme-dark-palette-neutral-border-strong: 111 117 126 / 1; /* Original value: 111 117 126 / 1, alpha: 1 */
  --theme-dark-palette-neutral-border-strongest: 187 190 195 / 1; /* Original value: 187 190 195 / 1, alpha: 1 */
  --theme-dark-palette-neutral-hover: 149 154 161 / 0.1; /* Original value: 149 154 161 / 1, alpha: 0.1 */
  --theme-dark-palette-neutral-pressed: 149 154 161 / 0.2; /* Original value: 149 154 161 / 1, alpha: 0.2 */
  --theme-dark-palette-primary-text: 143 227 232 / 1; /* Original value: 143 227 232 / 1, alpha: 1 */
  --theme-dark-palette-primary-icon: 143 227 232 / 1; /* Original value: 143 227 232 / 1, alpha: 1 */
  --theme-dark-palette-primary-bg-weak: 38 47 49 / 1; /* Original value: 38 47 49 / 1, alpha: 1 */
  --theme-dark-palette-primary-bg-strong: 143 227 232 / 1; /* Original value: 143 227 232 / 1, alpha: 1 */
  --theme-dark-palette-primary-bg-status: 143 227 232 / 1; /* Original value: 143 227 232 / 1, alpha: 1 */
  --theme-dark-palette-primary-bg-selected: 38 47 49 / 1; /* Original value: 38 47 49 / 1, alpha: 1 */
  --theme-dark-palette-primary-border-strong: 143 227 232 / 1; /* Original value: 143 227 232 / 1, alpha: 1 */
  --theme-dark-palette-primary-border-weak: 2 80 123 / 1; /* Original value: 2 80 123 / 1, alpha: 1 */
  --theme-dark-palette-primary-focus: 93 179 191 / 1; /* Original value: 93 179 191 / 1, alpha: 1 */
  --theme-dark-palette-primary-hover-weak: 143 227 232 / 0.08; /* Original value: 143 227 232 / 1, alpha: 0.08 */
  --theme-dark-palette-primary-hover-strong: 93 179 191 / 1; /* Original value: 93 179 191 / 1, alpha: 1 */
  --theme-dark-palette-primary-pressed-weak: 143 227 232 / 0.12; /* Original value: 143 227 232 / 1, alpha: 0.12 */
  --theme-dark-palette-primary-pressed-strong: 76 153 164 / 1; /* Original value: 76 153 164 / 1, alpha: 1 */
  --theme-dark-palette-danger-text: 255 170 151 / 1; /* Original value: 255 170 151 / 1, alpha: 1 */
  --theme-dark-palette-danger-icon: 255 170 151 / 1; /* Original value: 255 170 151 / 1, alpha: 1 */
  --theme-dark-palette-danger-bg-strong: 255 170 151 / 1; /* Original value: 255 170 151 / 1, alpha: 1 */
  --theme-dark-palette-danger-bg-weak: 67 37 32 / 1; /* Original value: 67 37 32 / 1, alpha: 1 */
  --theme-dark-palette-danger-bg-status: 255 170 151 / 1; /* Original value: 255 170 151 / 1, alpha: 1 */
  --theme-dark-palette-danger-border-strong: 255 170 151 / 1; /* Original value: 255 170 151 / 1, alpha: 1 */
  --theme-dark-palette-danger-border-weak: 115 14 0 / 1; /* Original value: 115 14 0 / 1, alpha: 1 */
  --theme-dark-palette-danger-hover-weak: 255 170 151 / 0.08; /* Original value: 255 170 151 / 1, alpha: 0.08 */
  --theme-dark-palette-danger-hover-strong: 249 103 70 / 1; /* Original value: 249 103 70 / 1, alpha: 1 */
  --theme-dark-palette-danger-pressed-weak: 255 170 151 / 0.12; /* Original value: 255 170 151 / 1, alpha: 0.12 */
  --theme-dark-palette-danger-pressed-strong: 232 78 44 / 1; /* Original value: 232 78 44 / 1, alpha: 1 */
  --theme-dark-palette-warning-text: 255 214 0 / 1; /* Original value: 255 214 0 / 1, alpha: 1 */
  --theme-dark-palette-warning-icon: 255 214 0 / 1; /* Original value: 255 214 0 / 1, alpha: 1 */
  --theme-dark-palette-warning-bg-strong: 255 214 0 / 1; /* Original value: 255 214 0 / 1, alpha: 1 */
  --theme-dark-palette-warning-bg-weak: 49 46 26 / 1; /* Original value: 49 46 26 / 1, alpha: 1 */
  --theme-dark-palette-warning-bg-status: 255 214 0 / 1; /* Original value: 255 214 0 / 1, alpha: 1 */
  --theme-dark-palette-warning-border-strong: 255 214 0 / 1; /* Original value: 255 214 0 / 1, alpha: 1 */
  --theme-dark-palette-warning-border-weak: 118 85 0 / 1; /* Original value: 118 85 0 / 1, alpha: 1 */
  --theme-dark-palette-success-text: 144 203 98 / 1; /* Original value: 144 203 98 / 1, alpha: 1 */
  --theme-dark-palette-success-icon: 144 203 98 / 1; /* Original value: 144 203 98 / 1, alpha: 1 */
  --theme-dark-palette-success-bg-strong: 144 203 98 / 1; /* Original value: 144 203 98 / 1, alpha: 1 */
  --theme-dark-palette-success-bg-weak: 38 45 36 / 1; /* Original value: 38 45 36 / 1, alpha: 1 */
  --theme-dark-palette-success-bg-status: 144 203 98 / 1; /* Original value: 144 203 98 / 1, alpha: 1 */
  --theme-dark-palette-success-border-strong: 144 203 98 / 1; /* Original value: 144 203 98 / 1, alpha: 1 */
  --theme-dark-palette-success-border-weak: 41 97 39 / 1; /* Original value: 41 97 39 / 1, alpha: 1 */
  --theme-dark-palette-discovery-text: 204 180 255 / 1; /* Original value: 204 180 255 / 1, alpha: 1 */
  --theme-dark-palette-discovery-icon: 204 180 255 / 1; /* Original value: 204 180 255 / 1, alpha: 1 */
  --theme-dark-palette-discovery-bg-strong: 204 180 255 / 1; /* Original value: 204 180 255 / 1, alpha: 1 */
  --theme-dark-palette-discovery-bg-weak: 44 42 52 / 1; /* Original value: 44 42 52 / 1, alpha: 1 */
  --theme-dark-palette-discovery-bg-status: 204 180 255 / 1; /* Original value: 204 180 255 / 1, alpha: 1 */
  --theme-dark-palette-discovery-border-strong: 204 180 255 / 1; /* Original value: 204 180 255 / 1, alpha: 1 */
  --theme-dark-palette-discovery-border-weak: 75 40 148 / 1; /* Original value: 75 40 148 / 1, alpha: 1 */
  --theme-light-box-shadow-raised: 0px 1px 2px 0px rgba(26, 27, 29, 0.18);
  --theme-light-box-shadow-overlay: 0px 4px 8px 0px rgba(26, 27, 29, 0.12);
  --theme-light-palette-neutral-text-weakest: 168 172 178 / 1; /* Original value: 168 172 178 / 1, alpha: 1 */
  --theme-light-palette-neutral-text-weaker: 94 99 106 / 1; /* Original value: 94 99 106 / 1, alpha: 1 */
  --theme-light-palette-neutral-text-weak: 77 81 87 / 1; /* Original value: 77 81 87 / 1, alpha: 1 */
  --theme-light-palette-neutral-text-default: 26 27 29 / 1; /* Original value: 26 27 29 / 1, alpha: 1 */
  --theme-light-palette-neutral-text-inverse: 255 255 255 / 1; /* Original value: 255 255 255 / 1, alpha: 1 */
  --theme-light-palette-neutral-icon: 77 81 87 / 1; /* Original value: 77 81 87 / 1, alpha: 1 */
  --theme-light-palette-neutral-bg-weak: 255 255 255 / 1; /* Original value: 255 255 255 / 1, alpha: 1 */
  --theme-light-palette-neutral-bg-default: 245 246 246 / 1; /* Original value: 245 246 246 / 1, alpha: 1 */
  --theme-light-palette-neutral-bg-on-bg-weak: 245 246 246 / 1; /* Original value: 245 246 246 / 1, alpha: 1 */
  --theme-light-palette-neutral-bg-strong: 226 227 229 / 1; /* Original value: 226 227 229 / 1, alpha: 1 */
  --theme-light-palette-neutral-bg-stronger: 168 172 178 / 1; /* Original value: 168 172 178 / 1, alpha: 1 */
  --theme-light-palette-neutral-bg-strongest: 60 63 68 / 1; /* Original value: 60 63 68 / 1, alpha: 1 */
  --theme-light-palette-neutral-bg-status: 168 172 178 / 1; /* Original value: 168 172 178 / 1, alpha: 1 */
  --theme-light-palette-neutral-border-weak: 226 227 229 / 1; /* Original value: 226 227 229 / 1, alpha: 1 */
  --theme-light-palette-neutral-border-strong: 187 190 195 / 1; /* Original value: 187 190 195 / 1, alpha: 1 */
  --theme-light-palette-neutral-border-strongest: 111 117 126 / 1; /* Original value: 111 117 126 / 1, alpha: 1 */
  --theme-light-palette-neutral-hover: 111 117 126 / 0.1; /* Original value: 111 117 126 / 1, alpha: 0.1 */
  --theme-light-palette-neutral-pressed: 111 117 126 / 0.2; /* Original value: 111 117 126 / 1, alpha: 0.2 */
  --theme-light-palette-primary-text: 10 97 144 / 1; /* Original value: 10 97 144 / 1, alpha: 1 */
  --theme-light-palette-primary-icon: 10 97 144 / 1; /* Original value: 10 97 144 / 1, alpha: 1 */
  --theme-light-palette-primary-bg-weak: 231 250 251 / 1; /* Original value: 231 250 251 / 1, alpha: 1 */
  --theme-light-palette-primary-bg-strong: 10 97 144 / 1; /* Original value: 10 97 144 / 1, alpha: 1 */
  --theme-light-palette-primary-bg-status: 76 153 164 / 1; /* Original value: 76 153 164 / 1, alpha: 1 */
  --theme-light-palette-primary-bg-selected: 231 250 251 / 1; /* Original value: 231 250 251 / 1, alpha: 1 */
  --theme-light-palette-primary-border-strong: 10 97 144 / 1; /* Original value: 10 97 144 / 1, alpha: 1 */
  --theme-light-palette-primary-border-weak: 143 227 232 / 1; /* Original value: 143 227 232 / 1, alpha: 1 */
  --theme-light-palette-primary-focus: 48 131 157 / 1; /* Original value: 48 131 157 / 1, alpha: 1 */
  --theme-light-palette-primary-hover-weak: 48 131 157 / 0.08; /* Original value: 48 131 157 / 1, alpha: 0.08 */
  --theme-light-palette-primary-hover-strong: 2 80 123 / 1; /* Original value: 2 80 123 / 1, alpha: 1 */
  --theme-light-palette-primary-pressed-weak: 48 131 157 / 0.12; /* Original value: 48 131 157 / 1, alpha: 0.12 */
  --theme-light-palette-primary-pressed-strong: 1 64 99 / 1; /* Original value: 1 64 99 / 1, alpha: 1 */
  --theme-light-palette-danger-text: 187 45 0 / 1; /* Original value: 187 45 0 / 1, alpha: 1 */
  --theme-light-palette-danger-icon: 187 45 0 / 1; /* Original value: 187 45 0 / 1, alpha: 1 */
  --theme-light-palette-danger-bg-strong: 187 45 0 / 1; /* Original value: 187 45 0 / 1, alpha: 1 */
  --theme-light-palette-danger-bg-weak: 255 233 231 / 1; /* Original value: 255 233 231 / 1, alpha: 1 */
  --theme-light-palette-danger-bg-status: 232 78 44 / 1; /* Original value: 232 78 44 / 1, alpha: 1 */
  --theme-light-palette-danger-border-strong: 187 45 0 / 1; /* Original value: 187 45 0 / 1, alpha: 1 */
  --theme-light-palette-danger-border-weak: 255 170 151 / 1; /* Original value: 255 170 151 / 1, alpha: 1 */
  --theme-light-palette-danger-hover-weak: 212 51 0 / 0.08; /* Original value: 212 51 0 / 1, alpha: 0.08 */
  --theme-light-palette-danger-hover-strong: 150 18 0 / 1; /* Original value: 150 18 0 / 1, alpha: 1 */
  --theme-light-palette-danger-pressed-weak: 212 51 0 / 0.12; /* Original value: 212 51 0 / 1, alpha: 0.12 */
  --theme-light-palette-danger-pressed-strong: 115 14 0 / 1; /* Original value: 115 14 0 / 1, alpha: 1 */
  --theme-light-palette-warning-text: 118 85 0 / 1; /* Original value: 118 85 0 / 1, alpha: 1 */
  --theme-light-palette-warning-icon: 118 85 0 / 1; /* Original value: 118 85 0 / 1, alpha: 1 */
  --theme-light-palette-warning-bg-strong: 118 85 0 / 1; /* Original value: 118 85 0 / 1, alpha: 1 */
  --theme-light-palette-warning-bg-weak: 255 250 209 / 1; /* Original value: 255 250 209 / 1, alpha: 1 */
  --theme-light-palette-warning-bg-status: 215 170 10 / 1; /* Original value: 215 170 10 / 1, alpha: 1 */
  --theme-light-palette-warning-border-strong: 153 110 0 / 1; /* Original value: 153 110 0 / 1, alpha: 1 */
  --theme-light-palette-warning-border-weak: 255 214 0 / 1; /* Original value: 255 214 0 / 1, alpha: 1 */
  --theme-light-palette-success-text: 63 120 36 / 1; /* Original value: 63 120 36 / 1, alpha: 1 */
  --theme-light-palette-success-icon: 63 120 36 / 1; /* Original value: 63 120 36 / 1, alpha: 1 */
  --theme-light-palette-success-bg-strong: 63 120 36 / 1; /* Original value: 63 120 36 / 1, alpha: 1 */
  --theme-light-palette-success-bg-weak: 231 252 215 / 1; /* Original value: 231 252 215 / 1, alpha: 1 */
  --theme-light-palette-success-bg-status: 91 153 43 / 1; /* Original value: 91 153 43 / 1, alpha: 1 */
  --theme-light-palette-success-border-strong: 63 120 36 / 1; /* Original value: 63 120 36 / 1, alpha: 1 */
  --theme-light-palette-success-border-weak: 144 203 98 / 1; /* Original value: 144 203 98 / 1, alpha: 1 */
  --theme-light-palette-discovery-text: 90 52 170 / 1; /* Original value: 90 52 170 / 1, alpha: 1 */
  --theme-light-palette-discovery-icon: 90 52 170 / 1; /* Original value: 90 52 170 / 1, alpha: 1 */
  --theme-light-palette-discovery-bg-strong: 90 52 170 / 1; /* Original value: 90 52 170 / 1, alpha: 1 */
  --theme-light-palette-discovery-bg-weak: 233 222 255 / 1; /* Original value: 233 222 255 / 1, alpha: 1 */
  --theme-light-palette-discovery-bg-status: 117 78 200 / 1; /* Original value: 117 78 200 / 1, alpha: 1 */
  --theme-light-palette-discovery-border-strong: 90 52 170 / 1; /* Original value: 90 52 170 / 1, alpha: 1 */
  --theme-light-palette-discovery-border-weak: 179 142 255 / 1; /* Original value: 179 142 255 / 1, alpha: 1 */
  --font-size-h1: 3rem;
  --font-size-h2: 2.5rem;
  --font-size-h3: 1.875rem;
  --font-size-h4: 1.5rem;
  --font-size-h5: 1.25rem;
  --font-size-h6: 1rem;
  --font-size-subheading-large: 1.25rem;
  --font-size-subheading-medium: 1rem;
  --font-size-subheading-small: 0.875rem;
  --font-size-body-large: 1rem;
  --font-size-body-medium: 0.875rem;
  --font-size-body-small: 0.75rem;
  --font-size-code: 0.875rem;
  --font-size-label: 0.875rem;
  --font-weight-bold: 700;
  --font-weight-semibold: 600;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-light: 300;
  --font-font-family-h1: Syne Neo;
  --font-font-family-h2: Syne Neo;
  --font-font-family-h3: Public Sans;
  --font-font-family-h4: Public Sans;
  --font-font-family-h5: Public Sans;
  --font-font-family-h6: Public Sans;
  --font-font-family-subheading-large: Public Sans;
  --font-font-family-subheading-medium: Public Sans;
  --font-font-family-subheading-small: Public Sans;
  --font-font-family-body-large: Public Sans;
  --font-font-family-body-medium: Public Sans;
  --font-font-family-body-small: Public Sans;
  --font-font-family-code: Fira Code;
  --font-font-family-label: Public Sans;
  --space-0: 0px;
  --space-1: 1px;
  --space-2: 2px;
  --space-3: 4px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 48px;
  --space-10: 64px;
  --space-11: 96px;
  --space-12: 128px;
  --space-13: 320px;
  --z-index-0: 0;
  --z-index-10: 10;
  --z-index-20: 20;
  --z-index-30: 30;
  --z-index-40: 40;
  --z-index-50: 50;
  --z-index-60: 60;
  --z-index-deep: -999999;
  --z-index-auto: auto;
  --z-index-alias-overlay: 10;
  --z-index-alias-banner: 20;
  --z-index-alias-blanket: 30;
  --z-index-alias-popover: 40;
  --z-index-alias-tooltip: 50;
  --z-index-alias-modal: 60;
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 400;
  src:
    local("Roboto Mono"),
    local("RobotoMono-Regular"),
    url(../font/roboto-mono-latin-400.woff2) format("woff2"),
    url(../font/roboto-mono-latin-400.woff) format("woff");
}
@font-face {
  font-family: "Roboto Mono";
  font-style: normal;
  font-weight: 500;
  src:
    local("Roboto Mono Medium"),
    local("RobotoMono-Medium"),
    url(../font/roboto-mono-latin-500.woff2) format("woff2"),
    url(../font/roboto-mono-latin-500.woff) format("woff");
}
:root {

  /* --colors-baltic-25: #5CC3C9; */
  /* --colors-baltic-20: #8FE3E8; */
  /* --colors-baltic-50: #0A6190; */
  /* --colors-baltic-60: #014063; */
  /* --text-white: #F5F6F6; */

  /* Picked from Neo4j Design System */
  /* ToDo: use it directly from the Design System when avaiable instead of redefining here */
  --colors-primary-10: #e6f8ff;
  --colors-primary-20: #a3e2ff;
  --colors-primary-30: #7ad1ff;
  --colors-primary-40: #018bff;
  --colors-primary-50: #0070d9;
  --colors-primary-60: #0056b3;
  --colors-primary-70: #002b66;
  --colors-primary-default: #018bff;
  --colors-secondary-10: #ffe6e9;
  --colors-secondary-20: #ffb8c4;
  --colors-secondary-30: #ff668a;
  --colors-secondary-40: #ed1252;
  --colors-secondary-50: #c70646;
  --colors-secondary-60: #a1003b;
  --colors-secondary-70: #7a0031;
  --colors-secondary-default: #ed1252;
  --colors-success-10: #e1faef;
  --colors-success-20: #98edcb;
  --colors-success-30: #44d4a4;
  --colors-success-40: #00ba88;
  --colors-success-50: #009471;
  --colors-success-60: #006e58;
  --colors-success-70: #00473b;
  --colors-success-default: #00ba88;
  --colors-warning-10: #fffbde;
  --colors-warning-20: #fff4b5;
  --colors-warning-30: #ffea8c;
  --colors-warning-40: #ffde63;
  --colors-warning-50: #d9b54a;
  --colors-warning-60: #8c6a22;
  --colors-warning-70: #664817;
  --colors-warning-default: #ffde63;
  --colors-blueberry-10: #e8ebf6;
  --colors-blueberry-20: #c4cce9;
  --colors-blueberry-30: #9dabd9;
  --colors-blueberry-40: #768aca;
  --colors-blueberry-50: #3557b4;
  --colors-blueberry-60: #25459e;
  --colors-blueberry-70: #0b297d;
  --colors-blueberry-default: #0b297d;
  --colors-mint-10: #f0fffa;
  --colors-mint-20: #d1fff4;
  --colors-mint-30: #a8ffee;
  --colors-mint-40: #55f9e2;
  --colors-mint-50: #3dd4c5;
  --colors-mint-60: #2aada5;
  --colors-mint-70: #116161;
  --colors-mint-default: #55f9e2;
  --body-font-color: rgba(var(--colors-neutral-60));

  /* end: design system colors  */

  --color-black: #000;
  --color-white: rgba(var(--colors-neutral-10));
  --color-grey-100: #f7fafc;
  --color-grey-200: #edf2f7;
  --color-grey-300: #e2e8f0;
  --color-grey-400: #cbd5e0;
  --color-grey-500: #a0aec0;
  --color-grey-600: #718096;
  --color-grey-700: #4a5568;
  --color-grey-800: #2d3748;
  --color-grey-900: #1a202c;
  --color-red-100: #fff5f5;
  --color-red-200: #fed7d7;
  --color-red-300: #feb2b2;
  --color-red-400: #fc8181;
  --color-red-500: #f56565;
  --color-red-600: #e53e3e;
  --color-red-700: #c53030;
  --color-red-800: #9b2c2c;
  --color-red-900: #742a2a;
  --color-orange-100: #fffaf0;
  --color-orange-200: #feebc8;
  --color-orange-300: #fbd38d;
  --color-orange-400: #f6ad55;
  --color-orange-500: #ed8936;
  --color-orange-600: #dd6b20;
  --color-orange-700: #c05621;
  --color-orange-800: #9c4221;
  --color-orange-900: #7b341e;
  --color-yellow-100: #fffff0;
  --color-yellow-200: #fefcbf;
  --color-yellow-300: #faf089;
  --color-yellow-400: #f6e05e;
  --color-yellow-500: #ecc94b;
  --color-yellow-600: #d69e2e;
  --color-yellow-700: #b7791f;
  --color-yellow-800: #975a16;
  --color-yellow-900: #744210;
  --color-green-100: #f0fff4;
  --color-green-200: #c6f6d5;
  --color-green-300: #9ae6b4;
  --color-green-400: #68d391;
  --color-green-500: #48bb78;
  --color-green-600: #38a169;
  --color-green-700: #2f855a;
  --color-green-800: #276749;
  --color-green-900: #22543d;
  --color-teal-100: #e6fffa;
  --color-teal-200: #b2f5ea;
  --color-teal-300: #81e6d9;
  --color-teal-400: #4fd1c5;
  --color-teal-500: #38b2ac;
  --color-teal-600: #319795;
  --color-teal-700: #2c7a7b;
  --color-teal-800: #285e61;
  --color-teal-900: #234e52;
  --color-blue-100: #ebf8ff;
  --color-blue-200: #bee3f8;
  --color-blue-300: #90cdf4;
  --color-blue-400: #63b3ed;
  --color-blue-500: #4299e1;
  --color-blue-600: #3182ce;
  --color-blue-700: #2b6cb0;
  --color-blue-800: #2c5282;
  --color-blue-900: #2a4365;
  --color-indigo-100: #ebf4ff;
  --color-indigo-200: #c3dafe;
  --color-indigo-300: #a3bffa;
  --color-indigo-400: #7f9cf5;
  --color-indigo-500: #667eea;
  --color-indigo-600: #5a67d8;
  --color-indigo-700: #4c51bf;
  --color-indigo-800: #434190;
  --color-indigo-900: #3c366b;
  --color-purple-100: #faf5ff;
  --color-purple-200: #e9d8fd;
  --color-purple-300: #d6bcfa;
  --color-purple-400: #b794f4;
  --color-purple-500: #9f7aea;
  --color-purple-600: #805ad5;
  --color-purple-700: #6b46c1;
  --color-purple-800: #553c9a;
  --color-purple-900: #44337a;
  --color-pink-100: #fff5f7;
  --color-pink-200: #fed7e2;
  --color-pink-300: #fbb6ce;
  --color-pink-400: #f687b3;
  --color-pink-500: #ed64a6;
  --color-pink-600: #d53f8c;
  --color-pink-700: #b83280;
  --color-pink-800: #97266d;
  --color-pink-900: #702459;
  --color-baltic-20: #8fe3e8;
  --colors-baltic-30: #5db3bf;

  /* dark mode */
  --text-inverse: #1a1b1d;

  /* theme accent colors */
  --color-developer: rgba(var(--colors-forest-45));
  --color-labs: rgba(var(--colors-lavender-45));
  --color-docs: rgba(var(--colors-baltic-50));
  --color-kb: rgba(var(--colors-lavender-45));
  --color-kb-weak: rgba(var(--colors-lavender-20));
  --color-training: rgba(var(--colors-hibiscus-50));
  --color-graphgists: rgba(var(--colors-lavender-45));

  /* fonts */
  --rem-base: 18; /* used to compute rem value from desired pixel value (e.g., calc(18 / var(--rem-base) * 1rem) = 18px) */
  --body-font-weight: var(--font-weight-light);
  --body-font-size: 1.0625em; /* 17px */
  --body-font-size--desktop: 1em; /* 18px */
  --body-font-size--print: 0.9375em; /* 15px */
  --body-line-height: 1.5;
  --body-font-color: rgba(var(--colors-neutral-70));
  --body-font-family: "Public Sans", "Nunito Sans", "Helvetica Neue", helvetica, roboto, arial, sans-serif;
  --body-font-weight-bold: var(--font-weight-semibold);
  --monospace-font-family: "Roboto Mono", monospace;
  --monospace-font-weight-bold: var(--font-weight-medium);
  --header-font-family: "Syne Neo", "Public Sans", "Nunito Sans", "Helvetica Neue", helvetica, roboto, arial, sans-serif;

  /* base */
  --body-background: rgba(var(--colors-neutral-10));
  --panel-background: rgba(var(--colors-neutral-15));
  --panel-border-color: rgba(var(--colors-neutral-20));
  --scrollbar-thumb-color: rgba(var(--colors-neutral-15));
  /* navbar */
  --navbar-background: rgba(var(--colors-neutral-80));
  --hero-fade: rgba(var(--colors-neutral-50));
  --navbar-font-color: rgba(var(--colors-neutral-15));
  --navbar-font-weight: 400;
  --navbar_hover-background: transparent;
  --navbar-button-background: var(--color-docs);
  --navbar-button-border-color: rgba(var(--color-baltic-60));
  --navbar-button-font-color: var(--color-white);
  --navbar-menu-border-color: var(--panel-border-color);
  --navbar-menu-background: rgba(var(--colors-neutral-10));
  --navbar-menu-font-color: var(--body-font-color);
  --navbar-menu_hover-background: transparent;
  --navbar-top-border: rgba(var(--colors-neutral-20));
  --navbar-bottom-border: rgba(var(--colors-neutral-20));
  --navbar-dropdown-link: rgba(var(--colors-baltic-50));
  --navbar-dropdown_hover-link: var(--color-blue-800);
  --navbar-training-border: var(--color-developer);
  --navbar-developer-border: var(--color-developer);
  --navbar-docs-border: var(--color-docs);
  --navbar-labs-border: var(--color-labs);
  --navbar-kb-border: var(--color-kb);

  /* nav */
  --nav-background: rgba(var(--colors-neutral-15));
  --nav-border-color: rgba(var(--colors-neutral-20));
  --nav-font-weight: 400;
  --nav_active-font-weight: 400;
  --nav-line-height: 1.2;
  --nav-heading-font-color: rgba(var(--colors-neutral-55));
  --nav-muted-color: rgba(var(--colors-neutral-40));
  --nav-panel-divider-color: rgba(var(--colors-neutral-20));
  --nav-secondary-background: rgba(var(--colors-neutral-30));
  --nav-bullet-color: rgba(var(--colors-neutral-40));

  /* toolbar */
  --toolbar-background: var(--panel-background);
  --toolbar-border-color: rgba(var(--colors-neutral-20));
  --toolbar-font-color: rgba(var(--colors-neutral-70));
  --toolbar-muted-color: rgba(var(--colors-neutral-50));
  --page-version-menu-background: rgba(var(--colors-neutral-10));
  --page-version-menu-border: rgba(var(--colors-neutral-30));
  --page-version-missing-font-color: rgba(var(--colors-neutral-30));

  /* toc */
  --toc-font-color: rgba(var(--colors-neutral-70));
  --toc_active-font-color: rgba(var(--colors-baltic-70));
  --toc_active-background-color: rgba(var(--colors-baltic-10));
  --toc_hover-background-color: rgba(var(--theme-light-palette-neutral-hover));
  --toc-heading-font-color: rgba(var(--colors-neutral-70));
  --toc-border-color: rgba(var(--colors-neutral-30));
  --toc-line-height: 1.4;
  --toc-bullet-color: rgba(var(--colors-baltic-50));

  /* kb metadata */
  --kb-metadata-font-color: rgba(var(--colors-neutral-70));

  /* admonitions
     NB: admonitions are dark text on light background
     to use the same colors on labels, reverse the
     background and color */
  --featured-color: rgba(var(--colors-hibiscus-70));
  --featured-border-color: rgba(var(--colors-lavender-50));
  --featured-background-color: rgba(var(--colors-hibiscus-10));
  --caution-color: rgba(var(--colors-marigold-70));
  --caution-border-color: rgba(var(--colors-marigold-50));
  --caution-background-color: rgba(var(--colors-marigold-10));
  --important-color: rgba(var(--colors-lavender-70));
  --important-border-color: rgba(var(--colors-lavender-50));
  --important-background-color: rgba(var(--colors-lavender-10));
  --tip-color: rgba(var(--colors-forest-70));
  --tip-border-color: rgba(var(--colors-forest-40));
  --tip-background-color: rgba(var(--colors-forest-10));
  --note-color: rgba(var(--theme-light-palette-primary-bg-strong));
  --note-background-color: rgba(var(--theme-light-palette-primary-bg-weak));
  --warning-color: rgba(var(--theme-light-palette-danger-bg-strong));
  --warning-border-color: rgba(var(--theme-light-palette-danger-bg-strong));
  --warning-background-color: rgba(var(--theme-light-palette-danger-bg-weak));
  --mark-background: rgba(var(--theme-light-palette-primary-bg-weak));
  --admonition-table-border-color: rgba(var(--colors-neutral-70));
  --admonition-table-header-color: rgba(var(--colors-neutral-20));

  /* success */
  --success-color: rgba(var(--theme-light-palette-success-bg-strong));
  --success-background-color: rgba(var(--theme-light-palette-success-bg-weak));

  /* neutral */
  --neutral-color: rgba(var(--theme-light-palette-neutral-text-default));
  --neutral-background-color: rgba(var(--theme-light-palette-neutral-bg-default));

  /* feedback */
  --feedback-color: var(--color-docs);
  --feedback-background-color: rgba(var(--theme-light-palette-primary-bg-weak));
  --feedback-positive-color: rgba(var(--theme-light-palette-success-bg-weak));
  --feedback-positive-background-color: rgba(var(--theme-light-palette-success-bg-strong));
  --feedback-negative-color: rgba(var(--theme-light-palette-danger-bg-weak));
  --feedback-negative-background-color: rgba(var(--theme-light-palette-danger-bg-strong));

  /* landing page banner */
  --banner-background-color: rgba(var(--colors-baltic-20));
  --banner-hover-color: rgba(var(--colors-baltic-25));
  --banner-text-color: rgba(var(--text-inverse));

  /* tbc: success indicator for tutorials */
  --success-color: rgba(var(--theme-light-palette-success-bg-strong));
  --success-background-color: rgba(var(--theme-light-palette-success-bg-weak));

  /* doc */
  --doc-font-color: rgba(var(--theme-light-palette-neutral-text-weaker));
  --doc-font-size: inherit;
  --doc-font-size--desktop: var(--font-size-body-large);
  /* --doc-line-height: var(--space-7); */
  --doc-line-height: 1.8;
  --doc-margin: 0 auto;
  --doc-margin--desktop: 0 2rem;
  --docs-ndl-spacer: 1.5rem;

  /* headers */
  --doc-font-size-h1: var(--font-size-h2);
  --doc-font-size-h2: var(--font-size-h3);
  --doc-font-size-h3: var(--font-size-h4);
  --doc-font-size-h4: var(--font-size-h5);
  --doc-font-size-h5: var(--font-size-h6);
  --doc-font-size-h6: calc(var(--font-size-h6)*0.75);
  --heading-font-color: rgba(var(--theme-light-palette-neutral-text-default));
  --heading-font-weight: var(--font-weight-normal);
  --alt-heading-font-weight: var(--body-font-weight-bold);
  --section-divider-color: rgba(var(--colors-neutral-20));

  /* links */
  --link-font-color: rgba(var(--colors-baltic-50));
  --link_hover-font-color: rgba(var(--colors-baltic-55));
  --link_unresolved-font-color: var(--important-color);

  /* abstract */
  --abstract-background: rgba(var(--colors-neutral-10));
  --abstract-font-color: rgba(var(--colors-neutral-70));
  --abstract-border-color: var(--panel-border-color);
  --admonition-background: var(--panel-background);
  --admonition-label-font-weight: var(--body-font-weight-bold);
  --caption-font-color: rgba(var(--colors-neutral-70));
  --caption-font-weight: var(--body-font-weight-bold);

  /* code */
  --code-header-background: rgba(var(--theme-light-palette-neutral-bg-strong));
  --code-header-font-color: rgba(var(--theme-light-palette-neutral-text-default));
  --code-header-font-size: var(--font-size-body-medium);
  --code-background: rgba(var(--theme-light-palette-neutral-bg-default));
  --code-result-background: rgba(var(--theme-light-palette-neutral-bg-strong));
  --code-result-font-color: rgba(var(--theme-light-palette-neutral-text-default));
  --code-font-color: rgba(var(--theme-light-palette-neutral-text-default));
  --code-button-background: rgba(var(--colors-neutral-70));
  --code-button-active-background: rgba(var(--colors-neutral-60));
  --code-button-disabled-background: rgba(var(--colors-neutral-80));
  --code-button-font-color: rgba(var(--colors-neutral-70));
  --inline-code-background: rgba(var(--theme-light-palette-neutral-bg-default));
  --inline-code-font-color: var(--body-font-color);
  --pre-background: var(--panel-background);
  --pre-border-color: var(--panel-border-color);
  --pre-annotation-font-color: rgba(var(--colors-neutral-70));

  /* examples */
  --example-header-background: rgba(var(--theme-light-palette-neutral-bg-default));
  --example-header-font-color: rgba(var(--theme-light-palette-neutral-text-default));
  --example-background: rgba(var(--colors-neutral-10));
  --example-border-color: rgba(var(--theme-light-palette-neutral-bg-strong));

  /* quotes */
  --quote-background: rgba(var(--colors-baltic-10));
  --quote-border-color: rgba(var(--colors-baltic-70));
  --quote-font-color: rgba(var(--colors-baltic-50));
  --quote-attribution-font-color: rgba(var(--colors-baltic-50));
  --sidebar-background: rgba(var(--theme-light-palette-neutral-bg-strong));
  --table-border-color: var(--panel-border-color);
  --table-header-color: rgba(var(--colors-neutral-20));
  --table-stripe-background: rgba(var(--colors-neutral-15));
  --kbd-background: var(--panel-background);
  --kbd-border-color: rgba(var(--colors-neutral-40));

  /* roles */
  --deprecated-color: rgba(var(--colors-lemon-80));
  --deprecated-background-color: rgba(var(--colors-lemon-30));
  --discontinued-color: rgba(var(--theme-light-palette-danger-bg-strong));
  --discontinued-background-color: rgba(var(--theme-light-palette-danger-bg-weak));
  --not-on-aura-color: var(--warning-background-color);
  --not-on-aura-background-color: var(--warning-color);
  --aura-db-enterprise-color: rgba(var(--colors-baltic-10));
  --aura-db-enterprise-background-color: rgba(var(--colors-baltic-50));
  --aura-db-dedicated-color: rgba(var(--colors-baltic-10));
  --aura-db-dedicated-background-color: rgba(var(--colors-baltic-50));
  --enterprise-edition-color: rgba(var(--colors-baltic-10));
  --enterprise-edition-background-color: rgba(var(--colors-baltic-50));
  --fabric-color: rgba(var(--colors-baltic-10));
  --fabric-background-color: rgba(var(--colors-baltic-50));
  --alpha-beta-color: var(--color-black);
  --alpha-beta-background-color: rgba(var(--colors-marigold-40));

  /* labels and admonitions */

  --label-title-font-size: calc(var(--font-size-label)*0.8); /* set label font size from ndl */
  --admonition-title-font-size: var(--font-size-label); /* set admonitino font size from ndl */

  /* footer */
  --footer-font-size: var(--font-size-body-medium);
  --footer-line-height: var(--doc-line-height);
  --footer-background: var(--color-black);
  --footer-font-color: rgba(var(--colors-neutral-10));
  --footer-link-font-color: rgba(var(--colors-neutral-10));
  --footer-link_hover-font-color: rgba(var(--colors-neutral-20));

  /* dimensions and positioning */
  --navbar-height: calc(68/var(--rem-base)*1rem);
  --toolbar-height: calc(45/var(--rem-base)*1rem);
  --banner-height: calc(45/var(--rem-base)*1rem);
  --drawer-height: var(--toolbar-height);
  --body-top: var(--navbar-height);
  --body-min-height: calc(100vh - var(--body-top));
  --nav-height: calc(var(--body-min-height) - var(--toolbar-height));
  --nav-height--desktop: var(--body-min-height);
  --nav-panel-height: calc(var(--nav-height) - var(--drawer-height));
  --nav-panel-height--desktop: calc(var(--nav-height--desktop) - var(--drawer-height));
  --nav-width: 18rem;
  --toc-top: calc(var(--body-top) + var(--toolbar-height));
  --kb-metadata-top: calc(var(--body-top) + var(--toolbar-height));
  --toc-height: calc(100vh - var(--toc-top) - 8.5rem);
  --toc-width: calc(162/var(--rem-base)*1rem);
  --kb-metadata-width: calc(216/var(--rem-base)*1rem);
  --toc-width--widescreen: calc(216/var(--rem-base)*1rem);
  --kb-metadata-width--widescreen: calc(244/var(--rem-base)*1rem);
  --toolbar-wrapper-width: 69rem;
  --doc-max-width: calc(720/var(--rem-base)*1rem);
  --doc-max-width--desktop: calc(980/var(--rem-base)*1rem);
  --cheat-sheet-max-width--desktop: calc(1100/var(--rem-base)*1rem);
  --feedback-height: 2.75rem;

  /* stacking */
  --z-index-nav: 1;
  --z-index-toolbar: 20;
  --z-index-banner: 30;
  --z-index-code: 10;
  --z-index-page-version-menu: 3;
  --z-index-navbar: 5000;

  /* landing page */
  --landing-leading-background: rgba(var(--colors-neutral-20));

  /* Label colors */
  --label-group-syntax: #e6e6e6;
}
/* @import "vars-dark.css"; */
html,
body {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.0625em;
  font-size: var(--body-font-size);
  -webkit-text-size-adjust: 100%;
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 1em;
    font-size: var(--body-font-size--desktop);
  }
}
body {
  background: rgba(255 255 255 / 1);
  background: var(--body-background);
  color: rgba(33 35 37 / 1);
  color: var(--body-font-color);
  font-family: "Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--body-font-family);
  line-height: 1.5;
  line-height: var(--body-line-height);
  margin: 0;
}
h1,
h2 {
  font-family: "Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--body-font-family);
}
a {
  text-decoration: none;
}
/* a:hover {
  text-decoration: underline;
} */
a:active {
  background-color: none;
}
code,
kbd,
pre {
  font-family: "Roboto Mono"
,
monospace;
  font-family: var(--monospace-font-family);
}
b,
dt,
strong,
th {
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
}
em em { /* stylelint-disable-line */
  font-style: normal;
}
strong strong { /* stylelint-disable-line */
  font-weight: normal;
}
button {
  cursor: pointer;
  font-family: inherit;
  font-size: 1em;
  line-height: 1.5;
  line-height: var(--body-line-height);
  margin: 0;
}
button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.body {
  word-wrap: break-word; /* aka overflow-wrap; used when hyphens are disabled or don't do the trick */
}
@media screen and (min-width: 1024px) {
  .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.show-for-sr,
.show-on-focus {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.nav-container {
  position: fixed;
  top: 3.77778rem;
  top: var(--navbar-height);
  left: 0;
  width: 100%;
  font-size: 0.94444rem;
  font-size: calc(17/var(--rem-base)*1rem);
  z-index: 1;
  z-index: var(--z-index-nav);
  visibility: hidden;
}
@media screen and (min-width: 769px) {
  .nav-container {
    width: 18rem;
    width: var(--nav-width);
  }
}
@media screen and (min-width: 1024px) {
  .nav-container {
    font-size: 0.875rem;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    position: static;
    top: 0;
    visibility: visible;
    border-right: 1px solid rgba(226 227 229 / 1);
    border-right: 1px solid var(--nav-border-color);
  }
}
.nav-container.is-active {
  visibility: visible;
}
.nav {
  background: rgba(245 246 246 / 1);
  background: var(--nav-background);
  position: relative;
  top: 2.5rem;
  top: var(--toolbar-height);
  height: calc(100vh - 6.27778rem);
  height: var(--nav-height);
  font-weight: 400;
  font-weight: var(--navbar-font-weight);
}
@media screen and (min-width: 769px) {
  .nav {
    -webkit-box-shadow: 0.5px 0 3px rgba(226 227 229 / 1);
            box-shadow: 0.5px 0 3px rgba(226 227 229 / 1);
    -webkit-box-shadow: 0.5px 0 3px var(--nav-border-color);
            box-shadow: 0.5px 0 3px var(--nav-border-color);
  }
}
@media screen and (min-width: 1024px) {
  .nav {
    top: 3.77778rem;
    top: var(--navbar-height);
    -webkit-box-shadow: none;
            box-shadow: none;
    position: sticky;
    height: calc(100vh - 3.77778rem);
    height: var(--nav-height--desktop);
  }

  body.has-banner .nav {
    top: 6.27778rem;
    top: calc(var(--navbar-height) + var(--banner-height));
  }
}
.nav .panels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: inherit;
}
html.is-clipped--nav {
  overflow-y: hidden;
}
@media screen and (max-width: 1023px) {
  html.is-clipped--nav .toolbar {
    position: fixed;
    width: 100%;
  }
}
.nav .component {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 1rem;
  padding: 0 1.5rem;
  /* box-shadow: 0 1px 0 var(--nav-panel-divider-color); */
}
.nav .component:has(+ .selectors) {
  margin-bottom: 0.25rem;
}
.nav .component .nav-product {
  min-height: 2.5rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 0.5rem 0;
}
.nav .nav-product .nav-product-name {
  font-size: 1rem;
  font-weight: 500;
}
.nav .nav-product .nav-product-name a:visited {
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
}
.nav .selectors {
  padding: 0 1rem 0;
}
.nav-panel-menu {
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: calc(100vh - 8.77778rem);
  height: var(--nav-panel-height);
}
@media screen and (min-width: 1024px) {
  .nav-panel-menu {
    height: calc(100vh - 6.27778rem);
    height: var(--nav-panel-height--desktop);
  }
}
.nav-panel-menu:not(.is-active) .nav-menu {
  opacity: 0.75;
}
.nav-panel-menu:not(.is-active)::after {
  content: "";
  background: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.nav-panel-menu,
.nav-panel-explore .components {
  scrollbar-width: thin;
  scrollbar-color: rgba(245 246 246 / 1) transparent;
  scrollbar-color: var(--scrollbar-thumb-color) transparent;
}
.nav-panel-menu::-webkit-scrollbar,
.nav-panel-explore .components::-webkit-scrollbar {
  width: 0.25rem;
}
.nav-panel-menu::-webkit-scrollbar-thumb,
.nav-panel-explore .components::-webkit-scrollbar-thumb {
  background-color: rgba(245 246 246 / 1);
  background-color: var(--scrollbar-thumb-color);
}
.nav-menu {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  /* min-height: 0; */
  width: 100%;
  line-height: 1.2;
  line-height: var(--nav-line-height);
  position: relative;
}
.nav-panel-menu.has-feedback {
  height: calc(100vh - 10.52778rem);
  height: calc(var(--nav-panel-height--desktop) - var(--feedback-height) - 1.5rem);
  padding-bottom: 4.125rem;
  padding-bottom: calc(var(--feedback-height)*1.5);
}
.nav-menu .component-title {
  display: block;
}
.nav-menu .title {
  color: rgba(94 99 106 / 1);
  color: var(--nav-heading-font-color);
  font-weight: 300;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 0.75rem;
  line-height: 1.35;
  border-bottom: 1px solid 207 209 212 / 1;
  border-bottom: 1px solid var(--colors-neutral-25);
  padding: 0.5rem 1.5rem;
  margin: 0;
  font-family: Nudista, "Helvetica Neue", helvetica, roboto, arial, sans-serif;
}
.nav-menu a,
.nav-text {
  color: rgba(94 99 106 / 1);
  color: rgba(var(--colors-neutral-55));
  font-weight: 400;
  font-weight: var(--nav-font-weight);
  display: block;
  padding: 0.25rem 0;
}
.nav-list {
  margin: 0;
  padding: 0;
}
.nav-menu > .nav-list {
  margin-top: 0.5rem;
}
/* .nav-menu > .nav-list {
  margin-bottom: 0.5rem;
} */
.nav-item {
  list-style: none;
  /* margin-top: 0.5em; */
  position: relative;
}
.nav-list:first-child strong {
  margin-top: 0 !important;
}
/* adds some breathing room below a nested list */
.nav-item-toggle ~ .nav-list {
  padding-bottom: 0.125rem;
}
/* matches list without a title */
.nav-item[data-depth="0"] > .nav-list:first-child {
  display: block;
  margin: 0;
}
.nav-item:not(.is-active) > .nav-list {
  display: none;
}
.nav-item-toggle {
  cursor: pointer;
}
/* .nav-item-toggle {
  background: transparent url(../img/caret.svg) no-repeat center / 50%;
  border: none;
  outline: none;
  line-height: inherit;
  position: absolute;
  height: calc(var(--nav-line-height) * 1em);
  width: calc(var(--nav-line-height) * 1em);
  margin-top: -0.05em;
  margin-left: calc(var(--nav-line-height) * -.5em);
} */
/* .nav-item.is-active .nav-link {
  font-weight: var(--body-font-weight-bold);
} */
/* .nav-item.is-active > .nav-item-toggle {
  transform: rotate(90deg);
} */
.is-current-page > .nav-link,
.is-current-page > .nav-text {
  font-weight: 400;
  font-weight: var(--nav_active-font-weight);
}
.nav-item.is-current-page::before,
.nav-item:hover::before,
.toc-menu li a::before {
  opacity: 1;
}
.nav-panel-explore {
  background: rgba(245 246 246 / 1);
  background: var(--nav-background);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  max-height: calc(50% + 2.5rem);
  max-height: calc(50% + var(--drawer-height));
}
.nav-panel-explore .context {
  font-size: 0.83333rem;
  font-size: calc(15/var(--rem-base)*1rem);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: rgba(149 154 161 / 1);
  color: var(--nav-muted-color);
  -webkit-box-shadow: 0 -1px 0 rgba(226 227 229 / 1);
          box-shadow: 0 -1px 0 rgba(226 227 229 / 1);
  -webkit-box-shadow: 0 -1px 0 var(--nav-panel-divider-color);
          box-shadow: 0 -1px 0 var(--nav-panel-divider-color);
  padding: 0 0.25rem 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  line-height: 1;
  height: 2.5rem;
  height: var(--drawer-height);
}
.nav-panel-explore .context .version {
  background-image: url(../img/chevron.svg);
  background-repeat: no-repeat;
  background-position: right 0.5rem top 50%;
  background-size: auto 0.75em;
  padding: 0 1.5rem 0 0;
}
.nav-panel-explore .components {
  line-height: 1.8;
  line-height: var(--doc-line-height);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-shadow: inset 0 1px 5px rgba(226 227 229 / 1);
          box-shadow: inset 0 1px 5px rgba(226 227 229 / 1);
  -webkit-box-shadow: inset 0 1px 5px var(--nav-panel-divider-color);
          box-shadow: inset 0 1px 5px var(--nav-panel-divider-color);
  background: rgba(187 190 195 / 1);
  background: var(--nav-secondary-background);
  padding: 0.5rem 0.75rem 0 0.75rem;
  margin: 0;
  overflow-y: scroll;
  max-height: 100%;
  display: block;
}
.nav-panel-explore:not(.is-active) .components {
  display: none;
}
.nav-panel-explore .component {
  display: block;
}
.nav-panel-explore .component + .component {
  margin-top: 0.5rem;
}
.nav-panel-explore .component:last-child {
  margin-bottom: 0.75rem;
}
.nav-panel-explore .component .title {
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
}
.nav-panel-explore .versions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  margin-top: -0.25rem;
  line-height: 1;
}
.nav-panel-explore .component .version {
  display: block;
  margin: 0.375rem 0.375rem 0 0;
}
.nav-panel-explore .component .version a {
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid var(--nav-border-color);
  border-radius: 0.25rem;
  color: inherit;
  opacity: 0.75;
  white-space: nowrap;
  padding: 0.125em 0.25em;
  display: inherit;
}
.nav-panel-explore .component .is-current a {
  border-color: currentColor;
  opacity: 0.9;
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
}
.nav .label {
  font-size: 0.8rem;
}
.navbar .navbar-item.getting-started-cta .navbar-link {
  border-radius: 0.25rem;
  padding: 0.5em 1.5em;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .navbar .navbar-item.getting-started-cta {
    padding-right: 0;
  }
}
.nav-item .nav-text strong {
  font-size: 16px;
  font-weight: bold;
}
/* ================= */
.nav-link {
  position: relative;
}
.nav-item a:hover,
.nav-item span:hover {
  background-color: rgba(111 117 126 / 0.1);
  background-color: var(--toc_hover-background-color);
}
.is-current-page.is-active > a {
  background-color: rgba(231 250 251 / 1);
  background-color: rgba(var(--colors-baltic-10));
  color: rgba(10 97 144 / 1);
  color: var(--color-docs);
}
.is-current-page.is-active > a::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(10 97 144 / 1);
  background-color: var(--color-docs);
  border-radius: 4px;
}
.nav-menu .nav-item > a,
.nav-menu .nav-item > span {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.nav-item > a,
.nav-item > span {
  position: relative;
  padding-right: 2rem;
}
.nav-item[data-depth="0"] > a,
.nav-item[data-depth="0"] > span {
  padding: 0.5rem 2rem 0.5rem 1rem;
}
.nav-item[data-depth="1"] > a,
.nav-item[data-depth="1"] > span {
  padding-left: 1.5rem;
}
.nav-item[data-depth="2"] > a,
.nav-item[data-depth="2"] > span {
  padding-left: 2.5rem;
}
.nav-item[data-depth="3"] > a,
.nav-item[data-depth="3"] > span {
  padding-left: 3.5rem;
}
.nav-item[data-depth="4"] > a,
.nav-item[data-depth="4"] > span {
  padding-left: 4.5rem;
}
.nav-item[data-depth="5"] > a,
.nav-item[data-depth="5"] > span {
  padding-left: 5.5rem;
}
.nav-item[data-depth="1"] > span strong {
  font-size: 1rem;
  color: var(--neutral-55);
}
.nav-item > .nav-item-toggle::after {
  content: "";
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  background: url(../img/chevron.svg) no-repeat;
  background-position: center;
  background-size: auto 0.75em;
  width: 1.5rem;
  height: 50%;
}
.nav-item.is-active > .nav-item-toggle:not(a)::after {
  -webkit-transform: scaleY(-1);
}
.nav-item.is-active > a.nav-item-toggle::after {
  background: none;
}
.nav-item a[target="_blank"]:hover::after {
  position: relative;
  display: inline-block;
  margin: 0 0.2rem;
  content: "→";
  color: #805ad5;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  top: 0;
}
.nav-item .nav-section-header {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-top: 1.5rem !important;
  border-top: 1px solid var(--colors-netural-25);
}
.nav-item .nav-section-header:hover {
  background-color: transparent;
}
.nav-menu .nav-list:first-child .nav-item:first-child .nav-section-header {
  border: none;
  padding-top: 0 !important;
}
.nav-panel-versions {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 1rem 1.5rem 0.5rem;
  padding: 0.25rem 0.5rem;
}
.nav-panel-versions .dropdown .dropdown-styles {
  width: 100%;
}
/* All styles are from design system tokens */
.dropdown-styles {
  display: grid;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0.5rem;
  padding-right: 28px;
  border-radius: 4px;
  border-radius: var(--border-radius-sm);
  border: 1px solid rgba(187 190 195 / 1);
  border: 1px solid rgba(var(--theme-light-palette-neutral-border-strong));
  background-color: rgba(255 255 255 / 1);
  background-color: rgba(var(--theme-light-palette-neutral-bg-weak));
  background-image: url("data:image/svg+xml,<svg width='20' height='20' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23535B66'><path stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5' /></svg>");
  background-position: right 5px top 50%;
  background-repeat: no-repeat;
  text-overflow: ellipsis;
}
.dropdown-styles::after {
  grid-area: select;
}
.dropdown-styles::-ms-expand {
  display: none;
}
.dropdown .dropdown-label {
  display: none;
  color: rgb(var(--palette-light-neutral-text-weak));
}
@media screen and (max-width: 1023px) {
  aside.toc.sidebar {
    display: none;
  }

  aside.kb-metadata.sidebar {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  main {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    /* min-width: 0 required for flexbox to constrain overflowing elements */
    min-width: 0;
  }

  main > .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  body:not(.landing) main > .content {
    margin-top: 2rem;
  }

  aside.toc.embedded {
    display: none;
  }

  aside.toc.sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 9rem;
            flex: 0 0 9rem;
    -ms-flex: 0 0 var(--toc-width);
        flex: 0 0 var(--toc-width);
  }

  aside.kb-metadata.sidebar {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 12rem;
            flex: 0 0 12rem;
    -ms-flex: 0 0 var(--kb-metadata-width);
        flex: 0 0 var(--kb-metadata-width);
  }
}
@media screen and (min-width: 1216px) {
  aside.toc.sidebar {
    -ms-flex-preferred-size: 12rem;
        flex-basis: 12rem;
    -ms-flex-preferred-size: var(--toc-width--widescreen);
        flex-basis: var(--toc-width--widescreen);
  }

  aside.kb-metadata.sidebar {
    -ms-flex-preferred-size: 13.55556rem;
        flex-basis: 13.55556rem;
    -ms-flex-preferred-size: var(--kb-metadata-width--widescreen);
        flex-basis: var(--kb-metadata-width--widescreen);
  }
}
.toolbar {
  color: rgba(33 35 37 / 1);
  color: var(--toolbar-font-color);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(245 246 246 / 1);
  background-color: var(--toolbar-background);
  -webkit-box-shadow: 0 1px 0 rgba(226 227 229 / 1);
          box-shadow: 0 1px 0 rgba(226 227 229 / 1);
  -webkit-box-shadow: 0 1px 0 var(--toolbar-border-color);
          box-shadow: 0 1px 0 var(--toolbar-border-color);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.83333rem;
  font-size: calc(15/var(--rem-base)*1rem);
  height: 2.5rem;
  height: var(--toolbar-height);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  position: sticky;
  top: 3.77778rem;
  top: var(--navbar-height);
  z-index: 20;
  z-index: var(--z-index-toolbar);
}
body.has-banner .toolbar {
  top: 6.27778rem;
  top: calc(var(--navbar-height) + var(--banner-height));
}
.toolbar-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 69rem;
  max-width: var(--toolbar-wrapper-width);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toolbar a {
  color: inherit;
}
.nav-toggle {
  background: url(../img/menu.svg) no-repeat 50% 47.5%;
  background-size: 49%;
  border: none;
  outline: none;
  line-height: inherit;
  height: 2.5rem;
  padding: 0;
  width: 2.5rem;
  margin-right: -0.25rem;
}
@media screen and (min-width: 1024px) {
  .nav-toggle {
    display: none;
  }
}
.nav-toggle.is-active {
  background-image: url(../img/back.svg);
  background-size: 41.5%;
}
.home-link {
  background: url(../img/home-o.svg) no-repeat 50% 45%;
  background-size: 50%;
  display: block;
  height: 2.5rem;
  margin: 0;
  padding: 0;
  width: 2.5rem;
}
.home-link:hover,
.home-link.is-current {
  background-image: url(../img/home.svg);
}
.home-link a line {
  stroke: rgba(10 97 144 / 1);
  stroke: rgba(var(--colors-baltic-50));
}
.edit-this-page {
  display: none;
  padding-right: 0.5rem;
}
@media screen and (min-width: 1350px) {
  .edit-this-page {
    padding-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .edit-this-page {
    display: block;
  }
}
.toolbar .edit-this-page a {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
.breadcrumbs {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1 1;
          flex: 1 1;
  padding: 0 0.5rem;
  line-height: 1.2;
  line-height: var(--nav-line-height);
}
@media screen and (min-width: 1024px) {
  .breadcrumbs {
    display: block;
  }
}
.breadcrumbs ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumbs li {
  display: inline;
  margin: 0;
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
.breadcrumbs li::after {
  content: "/";
  padding: 0 0.5rem;
}
.breadcrumbs li:last-of-type::after {
  content: none;
}
.page-versions {
  display: none;
  margin-right: 0.7rem;
  position: relative;
  line-height: 1;
}
@media screen and (min-width: 1024px) {
  .page-versions {
    display: block;
  }
}
.page-versions .version-menu-toggle {
  color: inherit;
  background: url(../img/chevron.svg) no-repeat;
  background-position: right 0.5rem top 50%;
  background-size: auto 0.75em;
  border: none;
  outline: none;
  line-height: inherit;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  position: relative;
  z-index: 3;
  z-index: var(--z-index-page-version-menu);
}
.page-versions .version-menu {
  background-color: rgba(255 255 255 / 1);
  background-color: var(--page-version-menu-background);
  border: 1px solid rgba(187 190 195 / 1);
  border: 1px solid var(--page-version-menu-border);
  border-radius: 3px;
  padding: 1.25rem 0.5rem 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.page-versions:not(.is-active) .version-menu {
  display: none;
}
.page-versions .version {
  display: block;
  padding-top: 0.5rem;
}
.page-versions .version.is-current {
  display: none;
}
.page-versions .version.is-missing {
  color: rgba(187 190 195 / 1);
  color: var(--page-version-missing-font-color);
  font-style: italic;
  text-decoration: none;
}
.toc-menu {
  color: rgba(33 35 37 / 1);
  color: var(--toc-font-color);
  margin-bottom: 2rem;
  width: 220px !important;
}
.toc.sidebar {
  padding-right: 1rem;
  padding-bottom: 2rem;
  position: relative;
}
.toc.sidebar .toc-menu {
  margin-right: 0.75rem;
  position: sticky;
  top: 7.27778rem;
  top: calc(var(--toc-top) + 1rem);
}
.toc .toc-menu h2 {
  color: rgba(33 35 37 / 1);
  color: var(--toc-heading-font-color);
  font-size: 1rem;
  font-size: var(--doc-font-size-h5);
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
  line-height: 1.5;
  margin: 1rem -0.5px 0;
  padding: 1.5rem 0 1.25rem;
}
.toc.sidebar .toc-menu h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 2.5rem;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.toc .toc-menu ul {
  font-size: 0.83333rem;
  font-size: calc(15/var(--rem-base)*1rem);
  line-height: 1.4;
  line-height: var(--toc-line-height);
  list-style: none;
  margin: 0;
  padding: 0;
}
.toc.sidebar .toc-menu ul {
  max-height: calc(100vh - 14.77778rem);
  max-height: var(--toc-height);
  overflow-y: auto;
  scrollbar-width: none;
}
.toc .toc-menu ul::-webkit-scrollbar {
  width: 0;
}
@media screen and (min-width: 1024px) {
  .toc .toc-menu h3 {
    /* font-size: calc(15 / var(--rem-base) * 1rem); */
  }

  .toc .toc-menu ul {
    /* font-size: calc(13.5 / var(--rem-base) * 1rem); */
  }
}
.toc .toc-menu li {
  margin: 0;
}
.toc .toc-menu li a {
  position: relative;
}
.toc-menu li a::before {
  top: 0.25rem;
  left: 0;
  margin-left: -0.4em;
  /* background: var(--link-font-color); */
  opacity: 0;
}
.toc .toc-menu li[data-level="1"] a {
  padding-left: 1rem;
}
.toc .toc-menu li[data-level="2"] a {
  padding-left: 2rem;
}
.toc .toc-menu li[data-level="3"] a {
  padding-left: 3rem;
}
.toc .toc-menu a {
  color: inherit;
  border-left: 1px solid rgba(226 227 229 / 1);
  border-left: 1px solid rgba(var(--colors-neutral-20));
  display: inline-block;
  padding: 0.25rem 0 0.25rem 0.5rem;
  text-decoration: none;
}
.sidebar.toc .toc-menu a {
  display: block;
  outline: none;
}
.toc .toc-menu a:hover {
  color: rgba(33 35 37 / 1);
  color: var(--toc-font-color);
}
.toc .toc-menu a.is-active {
  border-left-color: rgba(10 97 144 / 1);
  border-left-color: var(--link-font-color);
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
  /* color: var(--toc_active-font-color); */
}
.toc .toc-menu a.is-active::before {
  background: rgba(10 97 144 / 1);
  background: var(--toc-bullet-color);
}
.toc .toc-menu a.is-active::before,
.toc .toc-menu a:hover::before {
  opacity: 1;
}
.sidebar.toc .toc-menu a:focus {
  background: rgba(245 246 246 / 1);
  background: var(--panel-background);
}
.toc .toc-menu .is-hidden-toc {
  display: none !important;
}
.toc-sidebar .toc-menu {
  margin-bottom: 4rem;
}
aside.toc.embedded {
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #e2e8f0;
  padding-bottom: 0.5rem;
}
.toc .toc-ad {
  border: 1px solid #e2e3e5;
  padding: 24px 24px 18px 18px;
  border-radius: 12px;
  margin: 2rem -0.5rem 0;
  background: #fff url(../img/ad-blob.svg) no-repeat bottom right;
  background-size: cover;
}
.toc .toc-ad a {
  padding: 0 !important;
  border-left: 0 none !important;
  color: #1a1b1d;
}
.toc .toc-ad a:active,
.toc .toc-ad a:focus {
  background-color: transparent !important;
}
.toc .toc-ad .toc-ad-image {
  width: 192px;
}
.toc .toc-ad .toc-ad-icon {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-position: cover;
  margin-bottom: 12px;
  /* toc-ad-icon  */
}
.toc .toc-ad .toc-ad-icon.toc-ad-icon--mortarboard {
  background-image: url(../img/icons/mortarboard.svg);
}
.toc .toc-ad .toc-ad-icon.toc-ad-icon--chat-bubble-left-right {
  background-image: url(../img/icons/chat-bubble-left-right.svg);
}
.toc .toc-ad .toc-ad-title {
  color: rgba(26 27 29 / 1);
  color: rgba(var(--colors-neutral-75));
  font-size: 16px;
  margin: 12px 0 !important;
  padding: 0 !important;
  font-weight: 600;
}
.toc .toc-ad-description {
  color: rgba(26 27 29 / 1);
  color: rgba(var(--colors-neutral-75));
  margin: 12px 0 18px;
  font-size: 14px;
}
.toc .toc-ad-underline {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
  font-weight: 600;
}
.toc .toc-ad-underline-button,
.toc .toc-ad .button {
  border-radius: 0.25rem;
  background-color: rgba(10 97 144 / 1);
  background-color: rgba(var(--colors-baltic-50));
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
  display: inline-block;
  padding: 8px 24px;
  font-weight: 600;
}
.doc .ad {
  border: 1px solid rgba(187 190 195 / 1);
  border: 1px solid rgba(var(--colors-neutral-30));
  border-radius: 0.5rem;
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  margin: 2rem -1rem 0;
  padding: 1rem;
  position: relative;
  z-index: 1000;
}
.doc .ad h2 {
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
  font-size: 0.8rem !important;
  text-transform: uppercase;
  margin-top: 0;
}
.doc .ad h2 a {
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
}
.doc .ad .anchor {
  display: none;
}
.doc .ad a::after {
  display: none !important;
}
.doc .ad h3 {
  margin-bottom: 0.3rem;
}
.doc .ad .paragraph {
  margin-bottom: 0.5rem;
}
.doc .ad .paragraph:last-child p {
  margin-bottom: 0;
}
.doc .ad .paragraph a.button {
  font-size: 0.8rem;
  margin: 0 1rem 0.2rem 0;
  padding: 0.25rem 1rem;
}
.doc .ad .imageblock.left,
.doc .ad .imageblock.right {
  width: 20% !important;
  max-width: 120px;
  margin: 0 1.5rem 1rem 0 !important;
}
@media screen and (min-width: 580px) {
  .doc .ad.left {
    float: left;
    max-width: 50%;
    margin-right: 1.5rem;
    margin-bottom: 2rem;
  }

  .doc .ad.right {
    float: right;
    max-width: 50%;
    margin-left: 1.5rem;
    margin-bottom: 2rem;
  }

  .doc .ad.left::after,
  .doc .ad.right::after {
    content: "";
    display: block;
    clear: both;
  }
}
.doc {
  color: rgba(94 99 106 / 1);
  color: var(--doc-font-color);
  font-size: inherit;
  font-size: var(--doc-font-size);
  line-height: 1.8;
  line-height: var(--doc-line-height);
  margin: 0
auto;
  margin: var(--doc-margin);
  max-width: 40rem;
  max-width: var(--doc-max-width);
  padding: 0 1rem 2rem;
}
body {
  font-weight: 300;
  font-weight: var(--body-font-weight);
}
@media screen and (min-width: 1024px) {
  .doc.research {
    max-width: 2000px;
  }
}
@media screen and (min-width: 1024px) {
  .doc {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    font-size: 1rem;
    font-size: var(--doc-font-size--desktop);
    margin: 0
2rem;
    margin: var(--doc-margin--desktop);
    max-width: 54.44444rem;
    max-width: var(--doc-max-width--desktop);
    min-width: 0;
    padding-bottom: 4rem;
  }
}
.doc h1,
.doc h2,
.doc h3,
.doc h4,
.doc h5,
.doc h6 {
  color: rgba(26 27 29 / 1);
  color: var(--heading-font-color);
  font-weight: 400;
  font-weight: var(--heading-font-weight);
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  line-height: 1.4;
  line-height: calc(var(--doc-line-height)/2 + 0.5);
  margin: 2rem 0 1rem;
}
.doc h1 {
  font-size: 2.5rem;
  font-size: var(--doc-font-size-h1);
}
.doc h2 {
  font-size: 1.5rem;
  font-size: var(--doc-font-size-h3);
}
.doc h3 {
  font-size: 1.25rem;
  font-size: var(--doc-font-size-h4);
}
.doc h4 {
  font-size: 1rem;
  font-size: var(--doc-font-size-h5);
  font-weight: 600;
}
.doc h5 {
  font-size: 1rem;
  font-size: var(--doc-font-size-h5);
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.doc h6 {
  font-size: 1rem;
  font-size: var(--doc-font-size-h5);
}
.doc h1 code,
.doc h2 code,
.doc h3 code,
.doc h4 code,
.doc h5 code,
.doc h6 code {
  padding: 0 0.25em;
  background: rgba(245 246 246 / 1);
  background: var(--code-background);
}
.doc > .sect-header > h1.page:first-child {
  margin: 1rem 0.5rem 1.5rem 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (min-width: 769px) {
  .has-banner .doc > .sect-header > h1.page:first-child {
    margin-top: 2.5rem;
  }
}
#preamble + .sect1,
.doc .sect1 + .sect1 {
  margin-top: 2rem;
}
.doc h1.sect0 {
  background: rgba(255 255 255 / 1);
  background: var(--abstract-background);
  font-size: 1.8em;
  margin: 1.5rem -1rem 0;
  padding: 0.5rem 1rem;
}
.doc h2:not(.discrete) {
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid var(--section-divider-color);
  /* margin-left: -1rem;
  margin-right: -1rem; */
  padding: 0.4rem 0 0.5rem;
}
.doc h3:not(.discrete) {
  font-weight: 600;
  font-weight: var(--alt-heading-font-weight);
}
.doc h1 .anchor,
.doc h2 .anchor,
.doc h3 .anchor,
.doc h4 .anchor,
.doc h5 .anchor,
.doc h6 .anchor {
  position: absolute;
  text-decoration: none;
  width: 1.75ex;
  margin-left: -1.5ex;
  visibility: hidden;
  font-size: 0.8em;
  font-weight: normal;
  padding-top: 0.05em;
}
.doc h1 .anchor::before,
.doc h2 .anchor::before,
.doc h3 .anchor::before,
.doc h4 .anchor::before,
.doc h5 .anchor::before,
.doc h6 .anchor::before {
  content: "\00a7";
}
.doc h1:hover .anchor,
.doc h2:hover .anchor,
.doc h3:hover .anchor,
.doc h4:hover .anchor,
.doc h5:hover .anchor,
.doc h6:hover .anchor {
  visibility: visible;
}
@media screen and (max-width: 620px) {
  .doc > .sect-header > h1.page:first-child {
    font-size: 1.4rem;
    font-weight: 600;
  }

  .doc .header-label-container > div.labels {
    padding-top: 0;
  }

  .doc h2:not(.discrete) {
    font-size: 1.2rem;
  }

  .doc h3 {
    font-size: 1.1rem;
  }
}
.doc p {
  margin: 0;
}
.doc .tableblock p {
  font-size: inherit;
}
.doc .tableblock .icon {
  display: inline-block;
}
.doc a,
.tooltip-body a {
  font-weight: 400;
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
}
.doc a:not(.glossary-term),
.tooltip-body a {
  text-decoration: underline;
}
.doc a:hover,
.doc a:focus,
.doc a:hover code:hover,
.doc a:focus code:focus {
  color: rgba(2 80 123 / 1);
  color: var(--link_hover-font-color);
}
.doc a:visited {
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
}
.doc code a {
  color: inherit;
}
.doc i.fa {
  font-style: normal;
  font-size: 0.875rem;
  font-size: var(--admonition-title-font-size);
}
/* style the icons in admonition blocks only */
.doc .admonitionblock td.icon i.fa::before {
  width: 24px;
  height: inherit;
  background-size: 20px;
  background-position-y: center;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(199deg) brightness(103%) contrast(103%);
          filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(199deg) brightness(103%) contrast(103%); /* filter to white */
}
.doc p code,
.doc thead code,
.doc td code {
  color: rgba(33 35 37 / 1);
  color: var(--inline-code-font-color);
  background: rgba(245 246 246 / 1);
  background: var(--inline-code-background);
  border-radius: 0.25em;
  font-size: 0.95em;
  padding: 0.125em 0.25em;
}
.doc pre {
  color: rgba(26 27 29 / 1);
  color: var(--code-font-color);
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
  line-height: 1.5;
  margin: 0;
}
.doc code::before {
  opacity: 0;
}
.doc blockquote {
  margin: 0;
}
.doc .right {
  float: right;
  margin-left: 2rem;
}
.doc .image.rounded {
  padding: 12px;
  -webkit-box-shadow: 0 0 5px 1px #bee3f8 !important;
          box-shadow: 0 0 5px 1px #bee3f8 !important;
  -webkit-box-shadow: 0 0 5px 1px var(--color-blue-200) !important;
          box-shadow: 0 0 5px 1px var(--color-blue-200) !important;
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  border-radius: 50%;
  line-height: 1;
  display: inline-block;
}
.doc .image.right {
  margin-left: 1rem;
}
.doc .image.left {
  margin-right: 1rem;
}
.doc .left {
  float: left;
}
.doc .underline {
  text-decoration: underline;
}
.doc .line-through {
  text-decoration: line-through;
}
.doc .paragraph,
.doc .dlist,
.doc .olist,
.doc .ulist,
.doc .exampleblock,
.doc .imageblock,
.doc .listingblock,
.doc .literalblock,
.doc .sidebarblock,
.doc .verseblock,
.doc .quoteblock,
.doc .partintro,
.doc .colist {
  margin: 0 0 1.5rem;
}
.doc table.stretch {
  width: 100%;
}
.doc table.tableblock thead th {
  border-bottom: 2.5px solid rgba(226 227 229 / 1);
  border-bottom: 2.5px solid var(--table-border-color);
  padding: 0.5rem;
}
.doc table.tableblock > tbody > tr > td,
.doc table.tableblock > :not(thead) th {
  border-top: 1px solid rgba(226 227 229 / 1);
  border-top: 1px solid var(--table-border-color);
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid var(--table-border-color);
  padding: 0.5rem;
}
.doc .halign-left {
  text-align: left;
}
.doc .halign-right {
  text-align: right;
}
.doc .halign-center {
  text-align: center;
}
.doc .valign-top {
  vertical-align: top;
}
.doc .valign-bottom {
  vertical-align: bottom;
}
.doc .valign-middle {
  vertical-align: middle;
}
.doc .admonitionblock {
  margin: 1.5rem 0 1.5rem;
  /* border-left: 4px solid var(--doc-font-color); */
  border-radius: 0.25rem;
}
.doc .admonitionblock p,
.doc .admonitionblock .content {
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
}
.doc .admonitionblock .content > :only-child,
.doc .admonitionblock .content > :last-child {
  margin: 0;
}
.doc .admonitionblock pre {
  font-size: 0.83333rem;
  font-size: calc(15/var(--rem-base)*1rem);
}
.doc .admonitionblock > table {
  border-collapse: collapse;
  table-layout: fixed;
  position: relative;
  width: 100%;
}
.doc .admonitionblock .content {
  padding: 1.5rem 1rem 0.75rem;
  /* background: var(--admonition-background); */
  width: 100%;
}
.doc .admonitionblock .listingblock .content {
  padding: 0;
}
.doc .admonitionblock td.icon {
  left: 0;
  line-height: 1;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-1rem, -50%);
          transform: translate(-1rem, -50%);
}
.doc .tableblock .admonitionblock td.icon {
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  border: none;
}
.doc .admonitionblock td.icon i {
  color: rgba(245 246 246 / 1);
  color: rgba(var(--colors-neutral-15));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 9999px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-filter: none;
          filter: none;
  height: 1.5rem;
  padding: 0 0.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.doc .admonitionblock td.icon i.fa::after {
  content: attr(title);
  font-family: "Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--body-font-family);
  font-style: normal;
  font-weight: 600;
  font-weight: 600;
  font-weight: var(--admonition-label-font-weight);
  /* padding-left: 0.5rem; */
  text-transform: uppercase;
}
/* admonition icon and text backgrounds */
.doc .admonitionblock td.icon i.icon-note {
  background-color: rgba(10 97 144 / 1);
  background-color: var(--note-color);
}
.doc .admonitionblock td.icon i.icon-tip {
  background-color: rgba(77 134 34 / 1);
  background-color: var(--tip-border-color);
}
.doc .admonitionblock td.icon i.icon-important {
  background-color: rgba(75 40 148 / 1);
  background-color: var(--important-border-color);
}
.doc .admonitionblock td.icon i.icon-caution {
  background-color: rgba(186 122 0 / 1);
  background-color: var(--caution-border-color);
}
.doc .admonitionblock td.icon i.icon-warning {
  background-color: rgba(187 45 0 / 1);
  background-color: var(--warning-border-color);
}
/* admonition icon contents */
.fa.icon-note::before {
  background: url(../img/ndl-icons/information-circle.svg) no-repeat;
  content: "";
}
.fa.icon-tip::before {
  background: url(../img/ndl-icons/light-bulb.svg) no-repeat;
  content: "";
}
.fa.icon-important::before {
  background: url(../img/ndl-icons/exclamation-circle.svg) no-repeat;
  content: "";
}
.fa.icon-caution::before {
  background: url(../img/ndl-icons/fire.svg) no-repeat;
  content: "";
}
.fa.icon-warning::before {
  background: url(../img/ndl-icons/exclamation-triangle.svg) no-repeat;
  content: "";
}
.doc .admonitionblock td .content {
  padding: 1rem 1rem 0.75rem;
  width: 100%;
}
.doc .admonitionblock a.btn {
  display: inline-block;
  background: black;
  color: white !important;
  padding: 0.5rem 2rem;
  border-radius: 0.5rem;
}
.doc .admonitionblock a.btn::after {
  display: none !important;
}
.doc .admonitionblock.warning {
  background-color: rgba(255 233 231 / 1);
  background-color: var(--warning-background-color);
  color: rgba(187 45 0 / 1);
  color: var(--warning-color);
  /* border-left-color: var(--warning-border-color); */
}
.doc .admonitionblock.warning a.btn {
  background-color: #e53e3e;
  background-color: var(--color-red-600);
}
.doc .admonitionblock.warning a {
  color: #f56565;
  color: var(--color-red-500);
}
.doc .admonitionblock.caution {
  background-color: rgba(255 240 210 / 1);
  background-color: var(--caution-background-color);
  color: rgba(84 56 0 / 1);
  color: var(--caution-color);
  /* border-left-color: var(--caution-border-color); */
}
.doc .admonitionblock.caution a {
  color: #ed8936;
  color: var(--color-orange-500);
}
.doc .admonitionblock.caution a:hover {
  color: #f6ad55;
  color: var(--color-orange-400);
}
.doc .admonitionblock.caution a.btn {
  background-color: #dd6b20;
  background-color: var(--color-orange-600);
}
.doc .admonitionblock.tip {
  background-color: rgba(231 252 215 / 1);
  background-color: var(--tip-background-color);
  color: rgba(38 45 36 / 1);
  color: var(--tip-color);
  /* border-left-color: var(--tip-color); */
}
.doc .admonitionblock.tip a {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
.doc .admonitionblock.tip a:hover {
  color: #4299e1;
  color: var(--color-blue-500);
}
.doc .admonitionblock.tip a.btn {
  background-color: rgba(10 97 144 / 1);
  background-color: rgba(var(--colors-baltic-50));
}
.doc .admonitionblock.note {
  background-color: rgba(231 250 251 / 1);
  background-color: var(--note-background-color);
  color: rgba(10 97 144 / 1);
  color: var(--note-color);
  /* border-left-color: var(--note-border-color); */
}
.doc .admonitionblock.note a {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
.doc .admonitionblock.note a:hover {
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
}
.doc .admonitionblock.note a.btn {
  background-color: rgba(77 81 87 / 1);
  background-color: rgba(var(--colors-neutral-60));
}
.doc .admonitionblock.important {
  background-color: rgba(247 243 255 / 1);
  background-color: var(--important-background-color);
  color: rgba(23 1 70 / 1);
  color: var(--important-color);
  /* border-left-color: var(--important-border-color); */
}
.doc .admonitionblock.important a {
  color: rgba(23 1 70 / 1);
  color: var(--important-color);
}
.doc .admonitionblock.important a:hover {
  color: #9f7aea;
  color: var(--color-purple-500);
}
.doc .admonitionblock.important a.btn {
  background-color: #805ad5;
  background-color: var(--color-purple-600);
}
/* .doc .admonitionblock.caution .icon {
  background-color: var(--caution-color);
  color: var(--caution-background-color);
}

.doc .admonitionblock.important .icon {
  background-color: var(--important-color);
  color: var(--important-background-color);
}

.doc .admonitionblock.note .icon {
  background-color: var(--note-color);
  color: var(--note-background-color);
}

.doc .admonitionblock.tip .icon {
  background-color: var(--tip-color);
  color: var(--tip-background-color);
}

.doc .admonitionblock.warning .icon {
  background-color: var(--warning-color);
  color: var(--warning-background-color);
}

.doc .admonitionblock .icon i {
  display: inline-flex;
  align-items: center;
  height: 100%;
}

.doc .admonitionblock .icon i::after {
  content: attr(title);
} */
.doc .imageblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.doc .imageblock img {
  display: block;
}
.doc .imageblock img,
.doc .image > img {
  height: auto;
  max-width: 100%;
}
#preamble .abstract blockquote {
  background: rgba(255 255 255 / 1);
  background: var(--abstract-background);
  border-left: 5px solid rgba(226 227 229 / 1);
  border-left: 5px solid var(--abstract-border-color);
  color: rgba(33 35 37 / 1);
  color: var(--abstract-font-color);
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
  padding: 0.75em 1em;
}
#preamble .abstract .title {
  margin-bottom: 0;
  font-weight: 600;
  background: rgba(255 255 255 / 1);
  background: var(--abstract-background);
  border-left: 5px solid rgba(226 227 229 / 1);
  border-left: 5px solid var(--abstract-border-color);
  color: rgba(33 35 37 / 1);
  color: var(--abstract-font-color);
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
  padding: 0.2em 1em;
}
.doc .quoteblock blockquote {
  background: rgba(231 250 251 / 1);
  background: var(--quote-background);
  border-left: 5px solid rgba(8 30 43 / 1);
  border-left: 5px solid var(--quote-border-color);
  color: rgba(10 97 144 / 1);
  color: var(--quote-font-color);
  padding: 0.25rem 2rem 0.25rem;
}
.doc .quoteblock .attribution {
  color: rgba(10 97 144 / 1);
  color: var(--quote-attribution-font-color);
  font-size: 0.83333rem;
  font-size: calc(15/var(--rem-base)*1rem);
  margin-top: 0.75rem;
}
/* .doc .quoteblock blockquote {
  margin-top: 1rem;
} */
.doc .quoteblock .paragraph {
  font-style: italic;
}
.doc .quoteblock cite {
  padding-left: 1em;
}
.doc table.tableblock .paragraph {
  margin: 0;
  padding: 0;
}
.doc table.tableblock .admonitionblock,
.doc .ulist .admonitionblock,
.doc .olist .admonitionblock {
  padding: 0;
}
.doc ol,
.doc ul {
  margin: 0;
  padding: 0 0 0 2rem;
}
.doc ol {
  list-style-type: decimal;
}
.doc ul {
  list-style-type: disc;
}
.doc ol.arabic {
  list-style-type: decimal;
}
.doc ol.decimal {
  list-style-type: decimal-leading-zero;
}
.doc ol.loweralpha {
  list-style-type: lower-alpha;
}
.doc ol.upperalpha {
  list-style-type: upper-alpha;
}
.doc ol.lowerroman {
  list-style-type: lower-roman;
}
.doc ol.upperroman {
  list-style-type: upper-roman;
}
.doc ol.lowergreek {
  list-style-type: lower-greek;
}
.doc ul.checklist {
  padding-left: 0.5rem;
  list-style: none;
}
.doc ul.checklist p > i.fa-check-square-o:first-child,
.doc ul.checklist p > i.fa-square-o:first-child {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.25rem;
}
.doc ul.checklist i.fa-check-square-o::before {
  content: "\2713";
}
.doc ul.checklist i.fa-square-o::before {
  content: "\274f";
}
.doc .dlist .dlist,
.doc .dlist .olist,
.doc .dlist .ulist,
.doc .olist .dlist,
.doc .olist .olist,
.doc .olist .ulist,
.doc .ulist .dlist,
.doc .ulist .olist,
.doc .ulist .ulist {
  margin-top: 0.5rem;
}
.doc .olist li,
.doc .ulist li {
  margin-bottom: 0.5;
}
.doc .olist li > div:first-of-type,
.doc .ulist li > div:first-of-type {
  margin-top: 1.5rem;
}
.doc .ulist .listingblock,
.doc .olist .listingblock,
.doc .admonitionblock .listingblock {
  padding: 0;
}
.doc div.title {
  margin-bottom: 1rem;
  font-weight: 600;
}
.doc .listingblock .content {
  position: relative;
}
/* .doc .admonitionblock .title, */
.doc .exampleblock .title,
.doc .imageblock .title,
.doc .literalblock .title,
.doc .listingblock .title,
.doc .openblock .title,
.doc .tableblock caption {
  color: rgba(33 35 37 / 1);
  color: var(--caption-font-color);
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
  font-weight: 600;
  font-weight: var(--caption-font-weight);
  font-style: italic;
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
  letter-spacing: 0.01em;
  padding-bottom: 0.25rem;
  text-align: left;
}
.doc .tableblock caption {
  display: table-caption;
  margin-top: 0.25rem;
}
.hide-table-captions .doc .tableblock caption {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.doc .admonitionblock .title {
  font-weight: bold;
  font-style: normal;
  font-size: 0.8rem;
}
.doc .imageblock .title {
  margin-top: 0.5rem;
  padding-bottom: 0;
}
.doc .admonitionblock .title + .paragraph {
  margin-top: 0;
}
/* .doc .exampleblock > .content {
  background: var(--example-background);
  border: 0.25rem solid var(--example-border-color);
  border-radius: 0.5rem;
  padding: 0.75rem;
} */
.doc .exampleblock > .content > :first-child:not(.admonitionblock) {
  margin-top: 0;
}
.doc .sidebarblock {
  background: rgba(226 227 229 / 1);
  background: var(--sidebar-background);
  border-radius: 0.75rem;
  padding: 0.75rem 0 1.5rem;
}
.doc .sidebarblock > .content > .title {
  font-size: 1.25rem;
  font-size: calc(22.5/var(--rem-base)*1rem);
  font-weight: 600;
  font-weight: var(--alt-heading-font-weight);
  line-height: 1.3;
  margin-bottom: -0.3em;
  text-align: center;
}
.doc .sidebarblock > .content > :not(.title):first-child {
  margin-top: 0;
}
/* NEEDS REVIEW prevent pre in table from causing article to exceed bounds */
.doc .listingblock.hidden {
  display: none;
}
.doc .tableblock pre,
.doc .listingblock.wrap pre {
  white-space: pre-wrap;
}
.doc pre:not(.highlight),
.doc pre.highlight code {
  background: rgba(245 246 246 / 1);
  background: var(--code-background);
  color: rgba(26 27 29 / 1);
  color: var(--code-font-color);
  display: block;
  overflow-x: auto;
  /* width: 100%; */
  height: 100%;
  padding: 1.5rem 0.5rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.doc .listingblock:not(.has-title) pre.highlight {
  border-radius: 0.5rem;
}
/* NOTE assume pre.highlight contains code[data-lang] */
.doc pre.highlight {
  position: relative;
  overflow-x: auto;
}
.doc .listingblock .code-inset[data-lang]::before {
  /* opacity: 0.9; */
  content: attr(data-lang);
  /* display: none; */
  /* color: var(--pre-annotation-font-color); */
  font-size: 0.69444rem;
  font-size: calc(12.5/var(--rem-base)*1rem);
  font-family: "Roboto Mono"
,
monospace;
  font-family: var(--monospace-font-family);
  letter-spacing: 0.05em;
  line-height: 1;
  text-transform: uppercase;
  position: absolute;
  top: 0.5rem;
  right: 1.5rem;
  margin-right: 0.25rem;
}
.doc .listingblock .code-inset {
  display: none;
}
.doc .listingblock:hover .code-inset {
  display: block;
}
.doc .listingblock.noheader code.copied::before {
  display: none;
}
.doc .dlist dt {
  font-style: italic;
}
.doc .dlist dd {
  margin: 0 0 0.3rem 1.5rem;
}
.doc .colist {
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
}
.doc .colist > table > tr > :first-child,
.doc .colist > table > tbody > tr > :first-child {
  padding: 0.25em 0.5rem 0;
  vertical-align: top;
}
.doc .colist > table > tr > :last-child,
.doc .colist > table > tbody > tr > :last-child {
  padding: 0.25rem 0;
}
.doc .conum[data-value] {
  border: 1px solid currentColor;
  border-radius: 100%;
  display: inline-block;
  font-family: "Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--body-font-family);
  font-size: 0.75rem;
  font-size: calc(13.5/var(--rem-base)*1rem);
  font-style: normal;
  height: 1.25em;
  line-height: 1.2;
  text-align: center;
  width: 1.25em;
  letter-spacing: -0.25ex;
  text-indent: -0.25ex;
}
.doc .conum[data-value]::after {
  content: attr(data-value);
}
.doc .conum[data-value] + b {
  display: none;
}
.doc b.button {
  white-space: nowrap;
}
.doc b.button::before {
  /* content: "["; */
  padding-right: 0.25em;
}
.doc b.button::after {
  /* content: "]"; */
  padding-left: 0.25em;
}
.doc kbd {
  display: inline-block;
  font-size: 0.66667rem;
  font-size: calc(12/var(--rem-base)*1rem);
  line-height: 1.45;
  background: rgba(245 246 246 / 1);
  background: var(--kbd-background);
  border: 1px solid rgba(149 154 161 / 1);
  border: 1px solid var(--kbd-border-color);
  border-radius: 0.25em;
  -webkit-box-shadow: 0 1px 0 rgba(149 154 161 / 1), 0 0 0 0.1em rgba(255 255 255 / 1) inset;
          box-shadow: 0 1px 0 rgba(149 154 161 / 1), 0 0 0 0.1em rgba(255 255 255 / 1) inset;
  -webkit-box-shadow: 0 1px 0 var(--kbd-border-color), 0 0 0 0.1em var(--body-background) inset;
          box-shadow: 0 1px 0 var(--kbd-border-color), 0 0 0 0.1em var(--body-background) inset;
  padding: 0.25em 0.5em;
  white-space: nowrap;
  vertical-align: middle;
  position: relative;
  top: -0.1em;
}
.doc kbd,
.doc .keyseq {
  line-height: 1;
}
.doc .keyseq {
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
}
.doc .keyseq kbd {
  margin: 0 0.125em;
}
.doc .keyseq kbd:first-child {
  margin-left: 0;
}
.doc .keyseq kbd:last-child {
  margin-right: 0;
}
.doc .menuseq i.caret::before {
  content: "\203a";
  font-size: 1.1em;
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
  line-height: 0.90909;
}
.doc a.bare,
.doc b.button,
.doc code,
.doc .path,
.doc kbd,
.doc .menuseq,
.doc .icon i::after {
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}
.doc code {
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
}
.doc th.tableblock,
.doc td.tableblock code,
.doc td.tableblock a {
  word-break: break-word;
}
.doc table.no-break th.tableblock,
.doc table.no-break td.tableblock code,
.doc table.no-break td.tableblock a {
  word-break: normal;
}
.doc mark {
  background: rgba(231 250 251 / 1);
  background: var(--mark-background);
  padding: 0.25rem;
}
.doc img,
.doc object {
  max-width: 100%;
}
/**
 * Always use a white text color on button link.
 * We don't want to use a different text color when the link is visited/hover (see .doc a:visited).
*/
.doc a.button {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
.doc .button {
  display: inline-block;
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
  padding: 0.5rem 2rem;
  border-radius: 0.25rem;
  margin-bottom: 2rem;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.doc .button:hover {
  background: rgba(1 64 99 / 1);
  background: rgba(var(--colors-baltic-60));
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
.doc .button::after {
  display: none !important;
}
.doc .paragraph.expertise p {
  display: inline-block;
  padding: 0.2rem 0.8rem;
  border-radius: 0.25rem;
  background: #bee3f8;
  background: var(--color-blue-200);
  color: #2b6cb0;
  color: var(--color-blue-700);
  font-weight: 600;
  font-size: 0.7rem;
}
.doc .paragraph.expertise.Intermediate p {
  background: #feebc8;
  background: var(--color-orange-200);
  color: #c05621;
  color: var(--color-orange-700);
}
.doc .paragraph.expertise.Advanced p {
  background: #c6f6d5;
  background: var(--color-green-200);
  color: #2f855a;
  color: var(--color-green-700);
}
.doc .paragraph.release p {
  display: inline-block;
  padding: 0.2rem 0.8rem;
  border-radius: 0.25rem;
  background: #bee3f8;
  background: var(--color-blue-200);
  color: #2b6cb0;
  color: var(--color-blue-700);
  font-weight: 600;
  font-size: 0.7rem;
}
.doc .paragraph.release.core p {
  background: #feebc8;
  background: var(--color-orange-200);
  color: #c05621;
  color: var(--color-orange-700);
}
.doc .paragraph.release.full p {
  background: #c6f6d5;
  background: var(--color-green-200);
  color: #2f855a;
  color: var(--color-green-700);
}
.doc .paragraph.type p {
  display: inline-block;
  padding: 0.2rem 0.8rem;
  border-radius: 0.25rem;
  background: #bee3f8;
  background: var(--color-blue-200);
  color: #2b6cb0;
  color: var(--color-blue-700);
  font-weight: 600;
  font-size: 0.7rem;
}
.doc .paragraph.type.function p {
  background: #fed7d7;
  background: var(--color-red-200);
  color: #c53030;
  color: var(--color-red-700);
}
.doc .paragraph.type.procedure p {
  background: #bee3f8;
  background: var(--color-blue-200);
  color: #2b6cb0;
  color: var(--color-blue-700);
}
.doc .responsive-embed,
.doc .videoblock {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  /* padding-bottom: 66.6%;  6:4 */
  height: 0;
  margin-bottom: 2rem;
}
.responsive-embed iframe,
.doc .videoblock iframe,
.doc .videoblock video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.doc .more::after {
  display: inline-block;
  content: "→";
  margin-left: 4px;
  margin-top: -4px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.doc .more:hover::after {
  margin-left: 12px;
}
.doc table.tableblock {
  border-collapse: collapse;
  font-size: 0.83333rem;
  font-size: calc(15/var(--rem-base)*1rem);
  margin: 2rem 0;
  border-radius: 0.25em;
  overflow: hidden;
  /* enable table-layout: fixed if you want the table width to be enforced strictly */
  /* alternative is to wrap table in div and set overflow-x: auto on the wrapper */
  /* table-layout: fixed; */
}
.doc table.tableblock.frame-all > tbody > tr:last-child > td,
.doc table.tableblock.frame-ends > tbody > tr:last-child > td {
  border-bottom: 2.5px solid rgba(226 227 229 / 1);
  border-bottom: 2.5px solid var(--table-border-color);
}
.doc table.tableblock.frame-all > tbody > tr:first-child > td,
.doc table.tableblock.frame-ends > tbody > tr:first-child > td {
  border-top: 2.5px solid rgba(226 227 229 / 1);
  border-top: 2.5px solid var(--table-border-color);
}
.doc .tableblock thead {
  background: rgba(226 227 229 / 1);
  background: var(--table-header-color);
  border-bottom: rgba(226 227 229 / 1);
  border-bottom: var(--table-border-color);
}
.doc table.tableblock,
.doc table.tableblock > * > tr > * {
  border: 0 solid rgba(226 227 229 / 1);
  border: 0 solid var(--table-border-color);
}
.doc .admonitionblock .tableblock thead {
  background: none;
}
.doc .admonitionblock table.tableblock,
.doc .admonitionblock table.tableblock > * > tr > * {
  border-color: rgba(33 35 37 / 1);
  border-color: var(--admonition-table-border-color);
}
.doc table.grid-all > * > tr > * {
  border-width: 1px;
}
.doc table.grid-cols > * > tr > * {
  border-width: 0 1px;
}
.doc table.grid-rows > * > tr > * {
  border-width: 1px 0;
}
.doc table.grid-all > thead th,
.doc table.grid-rows > thead th {
  border-bottom-width: 2.5px;
}
.doc table.frame-all {
  border-width: 1px;
}
.doc table.frame-ends {
  border-width: 1px 0;
}
.doc table.frame-sides {
  border-width: 0 1px;
}
.doc table.frame-none > colgroup + * > :first-child > *,
.doc table.frame-sides > colgroup + * > :first-child > * {
  border-top-width: 0;
}
.doc table.frame-sides > :last-child > :last-child > *,
.doc table.frame-none > :last-child > :last-child > * {
  border-bottom-width: 0;
}
.doc table.frame-none > * > tr > :first-child,
.doc table.frame-ends > * > tr > :first-child {
  border-left-width: 0;
}
.doc table.frame-none > * > tr > :last-child,
.doc table.frame-ends > * > tr > :last-child {
  border-right-width: 0;
}
.doc table.stripes-all > tbody > tr,
.doc table.stripes-odd > tbody > tr:nth-of-type(odd),
.doc table.stripes-even > tbody > tr:nth-of-type(even),
.doc table.stripes-hover > tbody > tr:hover {
  background: rgba(245 246 246 / 1);
  background: var(--table-stripe-background);
}
.doc .emphasis,
.doc .lead {
  font-weight: 400;
}
:root {
  --tabbed-border: 2px;
}
.doc .tabbed {
  padding: 13px 0 0;
  margin: 0 -1rem 1.5rem;
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid rgba(var(--colors-neutral-20));
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.doc .tabbed-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1rem;
  padding: 0;
  /* background: #edf2f7; */
  /* border-bottom: 1px solid #e6f8ff; */
}
.doc .tabbed-tabs .tabbed-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  list-style-type: none;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 0.4rem 0.6rem;
  margin-right: 0.5rem;
  background: rgba(226 227 229 / 1);
  background: rgba(var(--colors-neutral-20));
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid rgba(var(--colors-neutral-20));
  border-top: 3px solid rgba(187 190 195 / 1);
  border-top: 3px solid rgba(var(--colors-neutral-30));
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: none;
  cursor: default;
}
.doc .tabbed-tabs .tabbed-tab--active {
  margin-bottom: -1px;
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  color: rgba(10 97 144 / 1);
  color: var(--color-docs);
  border: 1px solid rgba(10 97 144 / 1);
  border: 1px solid var(--color-docs);
  border-top: 3px solid rgba(10 97 144 / 1);
  border-top: 3px solid var(--color-docs);
  border-bottom: none;
}
.doc .tabbed-container {
  padding: 1rem;
  background: #fff;
  border: 1px solid rgba(10 97 144 / 1);
  border: 1px solid var(--color-docs);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.doc .tabbed-target {
  display: none;
  margin-bottom: 0;
}
.doc .tabbed-target--active {
  display: block;
}
/* .doc .tabbed-tabs li {
  flex-grow: 0;
  list-style-type: none;
  font-size: .7rem;
  font-weight: 600;
  padding: .4rem .6rem;
  margin-right: .5rem;
  margin-bottom: calc(var(--tabbed-border) * -1);
  /* background: var(--color-white);
  color: rgba(var(--colors-neutral-60));
  border: 1px solid rgba(var(--colors-neutral-20));
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
}
/* .doc li.tabbed-tabs--active {
  background: rgba(var(--colors-neutral-15));
  border-bottom-color: rgba(var(--colors-neutral-15));

}

/* .doc .tabbed-container {
  background: var(--color-white);
  /* border-top: var(--tabbed-border) solid rgba(var(--colors-neutral-20));

} */
.page.unresolved {
  background: #9b2c2c;
  background: var(--color-red-800);
  color: white !important;
}
.doc .graph-app {
  position: relative;
}
.doc .graph-app-logo {
  /* margin-top: 1rem;
  marg */
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.doc a.external {
  position: relative;
}
.doc a.external::after {
  position: relative;
  display: inline-block;
  margin: 0 0.2rem;
  content: "→";
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  top: 0;
}
.doc a.external:hover::after {
  text-decoration: none;
}
.doc .no-arrows a::after {
  display: none !important;
}
.doc .no-bullets ul {
  padding-left: 0;
  list-style-type: none;
}
.exampleblock {
  margin-top: 0.75rem;
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid var(--example-border-color);
}
.doc .exampleblock > .title,
.doc .exampleblock > .content {
  padding: 0.5rem 0.75rem;
}
.doc .exampleblock > .content {
  border-top: 1px solid rgba(226 227 229 / 1);
  border-top: 1px solid var(--example-border-color);
}
.doc .exampleblock > .title {
  color: rgba(26 27 29 / 1);
  color: var(--example-header-font-color);
  background: rgba(245 246 246 / 1);
  background: var(--example-header-background);
  margin-bottom: 0;
}
.tabbed-container > .exampleblock {
  border: none;
}
.tabbed-container > .exampleblock > .content {
  border: none;
}
.doc div > details {
  margin-bottom: 1.5rem;
}
.doc details summary {
  cursor: default;
}
.doc details[open] summary {
  font-weight: bold;
}
.doc details > div.content {
  margin: 0.5rem 0 0 0.25rem;
  border-left: 1px dashed rgba(187 190 195 / 1);
  border-left: 1px dashed rgba(var(--colors-neutral-30));
  padding-left: 1rem;
}
@media screen and (min-width: 1024px) {
  body.cheat-sheet .doc {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    font-size: 1rem;
    font-size: var(--doc-font-size--desktop);
    margin: 0
2rem;
    margin: var(--doc-margin--desktop);
    max-width: 61.11111rem;
    max-width: var(--cheat-sheet-max-width--desktop);
    min-width: 0;
    padding-bottom: 4rem;
  }
}
body.cheat-sheet {
  opacity: 0;
}
body.cheat-sheet .article > .content {
  background: rgba(245 246 246 / 1);
  background: var(--pre-background);
  padding-top: 0;
  margin-top: 0;
}
/*  navbar */
body.cheat-sheet .navbar,
body.cheat-sheet .search .search-container .search-form {
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  border-top-color: rgba(10 97 144 / 1);
  border-top-color: var(--color-docs);
}
body.cheat-sheet .navbar,
body.cheat-sheet .navbar-brand .navbar-item:first-child,
body.cheat-sheet .navbar-brand .navbar-item:first-child a {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
@media screen and (min-width: 1024px) {
  body.cheat-sheet .navbar-end > .navbar-item,
  body.cheat-sheet .navbar-end .navbar-link {
    color: rgba(77 81 87 / 1);
    color: rgba(var(--colors-neutral-60));
  }

  body.cheat-sheet .navbar-end > a.navbar-item:hover,
  body.cheat-sheet .navbar-end .navbar-link:hover {
    color: rgba(77 81 87 / 1);
    color: rgba(var(--colors-neutral-60));
  }

  body.cheat-sheet .navbar-end .navbar-link::after {
    border-color: rgba(77 81 87 / 1);
    border-color: rgba(var(--colors-neutral-60));
  }

  body.cheat-sheet .navbar-item.has-dropdown:hover .navbar-link {
    color: rgba(77 81 87 / 1);
    color: rgba(var(--colors-neutral-60));
  }
}
body.cheat-sheet .navbar-burger {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
body.cheat-sheet .navbar-burger span {
  background: rgba(77 81 87 / 1);
  background: rgba(var(--colors-neutral-60));
}
body.cheat-sheet .doc .button {
  background: rgba(10 97 144 / 1);
  background: rgba(var(--colors-baltic-50));
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.cheat-sheet .doc .button:hover {
  background: rgba(1 64 99 / 1);
  background: rgba(var(--colors-baltic-60));
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.cheat-sheet .nav-item .nav-item::before,
body.cheat-sheet .toc-menu li a::before {
  background: rgba(#5db3bf);
  background: rgba(var(--colors-baltic-30));
}
body.cheat-sheet .tooltip {
  border-bottom-color: rgba(10 97 144 / 1);
  border-bottom-color: var(--color-docs);
}
body.cheat-sheet .tooltip--top::after {
  border-bottom-color: rgba(10 97 144 / 1);
  border-bottom-color: var(--color-docs);
}
body.cheat-sheet .tooltip.tooltip--bottom::after {
  border-top-color: rgba(10 97 144 / 1);
  border-top-color: var(--color-docs);
}
body.cheat-sheet #preamble .abstract .title,
body.cheat-sheet #preamble .abstract blockquote {
  border-left-color: rgba(10 97 144 / 1);
  border-left-color: var(--color-docs);
  color: rgba(8 30 43 / 1);
  color: rgba(var(--colors-baltic-70));
}
body.cheat-sheet .tableblock .icon i {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
body.cheat-sheet .navbar .navbar-item.getting-started-cta .navbar-link {
  background: #018bff;
  background: var(--colors-primary-default);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.cheat-sheet .navbar .navbar-item.getting-started-cta .navbar-link:hover {
  background: rgba(10 97 144 / 1);
  background: rgba(var(--colors-baltic-50));
}
body.cheat-sheet .navbar .navbar-item.getting-started-cta .navbar-link:active {
  background: rgba(1 64 99 / 1);
  background: rgba(var(--colors-baltic-60));
}
/* navpanel (version selector */
body.cheat-sheet .navbar-brand {
  width: 18rem;
  /* border-right: 1px solid rgba(var(--colors-neutral-30)); */
}
body.cheat-sheet .navbar-start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 63.11111rem;
  max-width: calc(var(--cheat-sheet-max-width--desktop) + 2rem);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 2rem;
}
body.cheat-sheet .navbar-start .navbar-link {
  margin-left: auto;
}
body.cheat-sheet .navbar-link a {
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
}
body.cheat-sheet .navbar-link a.external::after {
  display: inline-block;
  content: "";
  height: 1rem;
  width: 1rem;
  padding: 0;
  background: url(../img/navbar-external.svg) no-repeat;
  background-position: center;
}
body.cheat-sheet .navbar-link a.external::after line {
  stroke: rgba(10 97 144 / 1);
  stroke: var(--link-font-color);
}
body.cheat-sheet .selectors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.cheat-sheet .selectors div[data-selector-type="labels"] {
  display: none;
}
body.cheat-sheet .dropdown .dropdown-label {
  display: inline;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
}
body.cheat-sheet .nav-panel-versions {
  height: auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
}
body.cheat-sheet .selectors .dropdown {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body.cheat-sheet .nav-panel-types .dropdown .dropdown-label,
body.cheat-sheet .nav-panel-versions .dropdown .dropdown-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
  /* width: 300px; */
  /* padding: 0.5rem 1.5rem; */
}
body.cheat-sheet .nav-panel-versions .dropdown .dropdown-styles {
  width: 50%;
  display: inline-block;
  background-color: 255
255
255
/
1;
  background-color: var(--colors-neutral-10);
}
body.cheat-sheet .selectors > div {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex-wrap: wrap; */
  -webkit-box-shadow: none;
          box-shadow: none;
  margin: 0.25rem;
  /* padding: 0.25rem 0; */
}
body.cheat-sheet .selectors .dropdown .dropdown-styles {
  display: inline-block;
  width: 100%;
  background-color: 255
255
255
/
1;
  background-color: var(--colors-neutral-10);
}
/* toc */
body.cheat-sheet .content aside.toc.sidebar {
  display: none;
}
body.cheat-sheet .nav-container {
  border-right: none;
}
body.cheat-sheet aside.nav {
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
}
body.cheat-sheet aside.nav .nav-panel-versions {
  top: 3.77778rem;
  top: var(--navbar-height);
}
body.cheat-sheet aside.nav .selectors {
  position: sticky;
  top: 3.77778rem;
  top: var(--navbar-height);
  z-index: 20;
  z-index: var(--z-index-toolbar);
  background-color: rgba(245 246 246 / 1);
  background-color: var(--toolbar-background);
  padding: 0.5rem;
  gap: 0.5rem;
}
body.cheat-sheet aside.nav .selectors .dropdown-label {
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
}
body.cheat-sheet .toc-menu-placeholder h2 {
  display: none !important;
}
body.cheat-sheet .toc .toc-menu {
  margin-right: 0;
}
body.cheat-sheet .toc .toc-menu ul {
  margin-top: 0.5rem;
}
body.cheat-sheet .toc .toc-menu li {
  padding-left: 0;
  /* line-height: 1.4; */
}
body.cheat-sheet .toc .toc-menu li a {
  border: none;
  padding: 1rem;
  margin: 0;
}
body.cheat-sheet .toc .toc-menu li[data-level="1"] a {
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
}
body.cheat-sheet .toc .toc-menu li[data-level="2"] a {
  padding: 0.25rem 1rem 0.25rem 2rem;
  margin: 0;
}
body.cheat-sheet .toc .toc-menu a:hover {
  background-color: rgba(111 117 126 / 0.1);
  background-color: var(--toc_hover-background-color);
  color: rgba(8 30 43 / 1);
  color: var(--toc_active-font-color);
  /* border-radius: 0.5rem; */
}
body.cheat-sheet .toc .toc-menu a.is-active {
  background-color: rgba(231 250 251 / 1);
  background-color: rgba(var(--colors-baltic-10));
  color: rgba(10 97 144 / 1);
  color: var(--color-docs);
  /* border-radius: 0.5rem; */
}
body.cheat-sheet .toc .toc-menu a.is-active::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  background-color: rgba(10 97 144 / 1);
  background-color: var(--color-docs);
  border-radius: 4px;
}
/* headings */
body.cheat-sheet .article .sect-header:first-child {
  display: none;
}
body.cheat-sheet .article h2:not(.discrete) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-weight: 600;
  padding: 0 0.5rem;
  border: none;
  height: 110px;
  margin: 0;
  line-height: 110px;
}
body.cheat-sheet .article h3:not(.discrete) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 0;
}
body.cheat-sheet .article h3:not(.discrete) a {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cheat-sheet .article h3:not(.discrete) span.label {
  margin-left: auto;
}
/* override deprecations */
body.cheat-sheet .article div.deprecated h2::after,
body.cheat-sheet .article div.deprecated h3::after {
  display: none;
}
/*  page */
body.cheat-sheet .sect1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.cheat-sheet .sect1 > .sectionbody {
  margin-top: 0.75rem;
}
body.cheat-sheet .sect2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  padding: 0.5rem;
  margin: 3.5rem 0;
}
body.cheat-sheet .sect2:first-child {
  margin-top: 0;
}
body.cheat-sheet .article h3 {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  margin: 1rem 0;
  margin: 0;
  padding: 1rem 0.5rem;
}
body.cheat-sheet .exampleblock {
  width: 100%;
  margin-bottom: 0;
  border: none;
  border-top: 1px solid rgba(226 227 229 / 1);
  border-top: 1px solid rgba(var(--theme-light-palette-neutral-border-weak));
}
body.cheat-sheet .exampleblock > .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex: 0 0 100%; */
  margin-top: 0;
  padding: 0;
  border: none;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
body.cheat-sheet .example-block > .content > .listingblock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42%;
          flex: 0 0 42%;
  margin: 0;
  padding: 1rem 0.5rem;
  /* border-top: 1px solid rgba(var(--colors-neutral-30)); */
}
body.cheat-sheet .listingblock .content {
  width: 100%;
  border-radius: 0.5rem;
}
body.cheat-sheet .paragraph {
  margin: 0 0 0.5rem;
}
body.cheat-sheet .exampleblock > .content > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 42%;
          flex: 0 0 42%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 1rem 0.5rem;
  margin: 0;
}
body.cheat-sheet .exampleblock > .content > div.labels {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-bottom: 0;
  padding-top: 0;
  gap: 0.25rem;
}
body.cheat-sheet .exampleblock > .content > div.labels span.label {
  margin-top: 1rem;
}
body.cheat-sheet .exampleblock > .content > div.extra {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  border-top: none;
}
body.cheat-sheet .exampleblock > .content > div.description ul {
  list-style: circle;
  line-height: 1.25;
  margin: 0;
  padding: 0 1rem;
}
body.cheat-sheet .page-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* flex-grow: 1; */
  /* flex-direction: row-reverse; */
  margin: 0;
  padding: 1rem 0.5rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  /* border-bottom: 1px solid rgba(var(--colors-neutral-20)); */
}
body.cheat-sheet .sect1 > h2 {
  padding-left: 1rem;
}
body.cheat-sheet .sect1 > .page-labels {
  padding-right: 0.5rem;
  margin: 0 0 0 auto;
}
/* body.cheat-sheet .page-labels:first-of-type {
  margin: 0 0 0 auto;
} */
body.cheat-sheet .page-labels p {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.cheat-sheet .labels {
  /* flex: 0 0 12%; */
  /* padding: 1rem 0; */
  /* margin: 0; */
  /* border-top: 1px solid rgba(var(--colors-neutral-30)); */
}
body.cheat-sheet .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* margin: 0.2rem; */
  line-height: 1.8;
}
body.cheat-sheet .notes {
  -webkit-box-flex: 100%;
      -ms-flex: 100%;
          flex: 100%;
  margin: 1rem 0.5rem;
}
body.cheat-sheet .notes p {
  margin: 0;
  padding: 0.5rem;
  /* background: var(--pre-background); */
}
body.cheat-sheet pre.highlight {
  white-space: pre-wrap;
}
/* hide elements */
body.cheat-sheet .exampleblock.hidden,
body.cheat-sheet .listingblock.hidden,
body.cheat-sheet .description.hidden,
body.cheat-sheet .labels.hidden,
body.cheat-sheet .sect1.hidden,
body.cheat-sheet .sect2.hidden,
body.cheat-sheet span.label.hidden,
.toc-menu li.hidden {
  display: none;
}
@media screen and (max-width: 1023px) {
  body.cheat-sheet .toc-menu-placeholder h2 {
    display: block;
    margin: 0 1.5rem;
    padding: 0;
  }

  body.cheat-sheet .article h3:not(.discrete) {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }

  body.cheat-sheet .toc-menu-placeholder ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 1rem;
    list-style: none;
  }

  body.cheat-sheet .toc-menu-placeholder li {
    margin: 0.25rem;
  }

  body.cheat-sheet .toc-menu-placeholder li[data-level="1"] {
    border-bottom: 1px dotted rgba(var(--color-baltic-30));
    /* background-color: rgba(var(--colors-neutral-20)); */
    /* margin-left: 0; */
    width: 100%;
    margin-top: 0.5rem;
  }

  body.cheat-sheet .toc-menu-placeholder li[data-level="2"] {
    border: 1px solid rgba(187 190 195 / 1);
    border: 1px solid rgba(var(--colors-neutral-30));
    font-size: 0.8rem;
    font-size: calc(var(--doc-font-size--desktop)*0.8);
  }

  body.cheat-sheet .toc-menu-placeholder li a {
    display: block;
    padding: 0 0.5rem;

    /* border: 1px dotted var(--color-blue-300); */
  }

  /* body.cheat-sheet .toc-menu-placeholder li[data-level="2"]::after {
    content: "|";
    margin: 0 0.5rem;
  } */

  body.cheat-sheet .sect1 > .page-labels {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
  }

  body.cheat-sheet .sect2 {
    /* background: none; */
    padding: 0;
    border: 1px solid rgba(187 190 195 / 1);
    border: 1px solid rgba(var(--colors-neutral-30));
  }

  body.cheat-sheet .sect2 > div.exampleblock:first-of-type {
    border: none;
  }

  body.cheat-sheet h3:not(.discrete) {
    /* background: rgba(var(--colors-neutral-20)); */
    /* margin: 0 0.5rem 0 0.5rem; */
    padding: 1rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    /* border: 1px solid rgba(var(--colors-neutral-30)); */
    /* border-right: none; */
  }

  body.cheat-sheet .sect2 > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    /* padding: 0.5rem; */
    margin: 0 0.5rem;
    /* background-color: rgba(var(--colors-neutral-20)); */
    /* border: 1px solid rgba(var(--colors-neutral-70)); */
    border-radius: 0;
  }

  body.cheat-sheet .notes p {
    background: none;
  }

  body.cheat-sheet .sect2 > div.labels,
  body.cheat-sheet .sect2 > div.page-labels {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }

  body.cheat-sheet .sect2 > div.labels p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  body.cheat-sheet .sect2 > div.page-labels {
    /* background: rgba(var(--colors-neutral-20)); */
    border-left: none;
    margin-left: 0;
    padding: 1rem;
    /* flex-grow: 1; */
  }

  body.cheat-sheet .sect2 > div.listingblock {
    margin-top: 1rem;
    border-top: none;
  }

  body.cheat-sheet .sect2 > div.description {
    border-top: none;
    padding: 0.5rem 1rem;
  }
}
@media print {
  body.cheat-sheet aside.toc.embedded,
  body.cheat-sheet .navbar-menu,
  body.cheat-sheet .navbar-search,
  body.cheat-sheet .navbar-burger,
  body.cheat-sheet .feedback,
  body.cheat-sheet footer {
    display: none;
  }

  body.cheat-sheet .sect1 {
    page-break-after: always;
  }

  body.cheat-sheet .sect2,
  body.cheat-sheet .sect2 > div.listingblock,
  body.cheat-sheet .sect2 > div.description,
  body.cheat-sheet .sect2 > div.notes {
    page-break-inside: avoid;
  }
}
nav.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid rgba(226 227 229 / 1);
  border-top: 1px solid var(--toolbar-border-color);
  line-height: 1;
  margin: 2rem -1rem -1rem;
  padding: 0.75rem 1rem 2rem;
}
nav.pagination span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
nav.pagination .prev {
  padding-right: 0.5rem;
}
nav.pagination .next {
  margin-left: auto;
  padding-left: 0.5rem;
  text-align: right;
}
nav.pagination span::before {
  color: rgba(111 117 126 / 1);
  color: var(--toolbar-muted-color);
  font-size: 0.75em;
  padding-bottom: 0.1em;
}
nav.pagination .prev::before {
  content: "Prev";
}
nav.pagination .next::before {
  content: "Next";
}
nav.pagination a {
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
  line-height: 1.3;
  position: relative;
}
nav.pagination a::before,
nav.pagination a::after {
  color: rgba(111 117 126 / 1);
  color: var(--toolbar-muted-color);
  font-weight: normal;
  font-size: 1.5em;
  line-height: 0.75;
  position: absolute;
  top: 0;
  width: 1rem;
}
nav.pagination .prev a::before {
  content: "\2039";
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
nav.pagination .next a::after {
  content: "\203a";
}
@media all and (max-width: 1024px) {
  nav.pagination {
    margin: 2rem 0 0;
  }
}
html.is-clipped--navbar {
  overflow-y: hidden;
}
body {
  padding-top: 3.77778rem;
  padding-top: var(--navbar-height);
}
.header-banner {
  background: rgba(231 250 251 / 1);
  background: var(--note-background-color);
  color: rgba(10 97 144 / 1);
  color: var(--note-color);
  -webkit-box-shadow: 0 0 1px var(--note-border-color);
          box-shadow: 0 0 1px var(--note-border-color);
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
  height: 2.5rem;
  height: var(--banner-height);
  position: fixed;
  top: 3.77778rem;
  top: var(--navbar-height);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 30;
  z-index: var(--z-index-banner);
}
.header-banner.warning-banner {
  background: rgba(255 233 231 / 1);
  background: var(--warning-background-color);
  color: rgba(187 45 0 / 1);
  color: var(--warning-color);
  -webkit-box-shadow: 0 0 1px rgba(187 45 0 / 1);
          box-shadow: 0 0 1px rgba(187 45 0 / 1);
  -webkit-box-shadow: 0 0 1px var(--warning-border-color);
          box-shadow: 0 0 1px var(--warning-border-color);
}
.header-banner span {
  padding: 0.25rem;
}
.navbar {
  background: rgba(9 9 10 / 1);
  background: var(--navbar-background);
  color: rgba(245 246 246 / 1);
  color: var(--navbar-font-color);
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
  height: 3.77778rem;
  height: var(--navbar-height);
  position: fixed;
  top: 0;
  width: 100%;
  word-wrap: break-word;
  border-top: 4px solid rgba(226 227 229 / 1);
  border-top: 4px solid var(--navbar-top-border);
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid var(--navbar-bottom-border);
  z-index: 5000;
  z-index: var(--z-index-navbar);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.navbar a {
  text-decoration: none;
  font-weight: 400;
  font-weight: var(--navbar-font-weight);
}
.navbar a.page-name-white {
  color: #fff;
}
.navbar a.no-left-padding {
  padding-left: 0;
}
/* .navbar-brand .navbar-item:first-child,
.navbar-brand .navbar-item:first-child a {
  color: var(--navbar-font-color);
  font-size: calc(22 / var(--rem-base) * 1rem);
} */
.navbar-brand svg {
  margin-right: 1rem;
}
.navbar-brand svg:last-child {
  margin-right: 0;
}
@media screen and (max-width: 420px) {
  .navbar-brand .navbar-item {
    padding-left: 0.5rem;
    padding-right: 0.75rem;
  }

  .navbar-brand .navbar-item:last-child {
    padding-right: 0;
  }
}
.navbar-logo {
  height: 34px;
  width: 104px;
}
.navbar-theme {
  margin-left: 12px;
  /* height: 2.5rem; */
}
.navbar-brand .separator {
  padding: 0 0.375rem;
}
.navbar .navbar-brand .navbar-end {
  display: none;
}
.navbar .navbar-grow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (min-width: 1024px) {
  .navbar-end > .navbar-item,
  .navbar-end .navbar-link {
    color: rgba(245 246 246 / 1);
    color: var(--navbar-font-color);
  }

  .navbar-end > a.navbar-item:hover,
  .navbar-end .navbar-link:hover {
    background: transparent;
    background: var(--navbar_hover-background);
    color: rgba(245 246 246 / 1);
    color: var(--navbar-font-color);
  }

  .navbar-end .navbar-link::after {
    border-color: rgba(245 246 246 / 1);
    border-color: var(--navbar-font-color);
  }

  .navbar-item.has-dropdown:hover .navbar-link {
    background: transparent;
    background: var(--navbar_hover-background);
    color: rgba(245 246 246 / 1);
    color: var(--navbar-font-color);
  }

  .navbar .navbar-brand .navbar-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.navbar-brand {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  /* height: var(--navbar-height); */
}
.navbar-burger,
.navbar-search {
  color: rgba(245 246 246 / 1);
  color: var(--navbar-font-color);
  background: none;
  border: none;
  outline: none;
  line-height: 1;
  height: 3.77778rem;
  height: var(--navbar-height);
  position: relative;
  /* width: var(--navbar-height); */
  width: 2.75rem;
  padding: 0;
}
.navbar-search {
  margin-left: auto;
}
.navbar-brand .navbar-search svg {
  margin-right: 0;
}
.navbar-burger span {
  background: rgba(245 246 246 / 1);
  background: var(--navbar-font-color);
  display: block;
  height: 1px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  top: 50%;
  width: 15px;
}
.navbar-burger span:nth-child(1) {
  margin-top: -6px;
}
.navbar-burger span:nth-child(2) {
  margin-top: -1px;
}
.navbar-burger span:nth-child(3) {
  margin-top: 4px;
}
.navbar-burger.is-active span:nth-child(1) {
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  margin-left: -5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: left bottom;
          transform-origin: left bottom;
}
.navbar-menu {
  display: none;
}
.navbar-item,
.navbar-link {
  color: rgba(33 35 37 / 1);
  color: var(--navbar-menu-font-color);
  display: block;
  line-height: 1.8;
  line-height: var(--doc-line-height);
  padding: 0.5rem 1rem;
  position: relative;
}
.navbar-item {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.navbar-item.has-dropdown .navbar-link {
  padding: 0 2.5em 0 0;
}
.navbar-item .icon {
  width: 1.1rem;
  height: 1.1rem;
  display: block;
}
@media screen and (min-width: 1024px) {
  .navbar-dropdown {
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  }

  .navbar-mobile {
    display: none;
    font-weight: 400;
  }
}
@media screen and (max-width: 1023px) {
  .navbar-item .navbar-link {
    font-weight: bold;
    padding-left: 0;
  }
}
.navbar-dropdown .navbar-item {
  padding-left: 0;
}
.navbar-dropdown a {
  color: rgba(10 97 144 / 1);
  color: var(--navbar-dropdown-link);
}
.navbar-dropdown a:hover {
  color: #2c5282;
  color: var(--navbar-dropdown_hover-link);
}
@media screen and (min-width: 1024px) {
  .navbar-dropdown .navbar-item {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.navbar-divider {
  background-color: rgba(226 227 229 / 1);
  background-color: var(--navbar-menu-border-color);
  border: none;
  height: 1px;
  margin: 0.25rem 0;
}
@media screen and (max-width: 1023px) {
  .navbar-brand .navbar-item {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .navbar-menu {
    background: rgba(255 255 255 / 1);
    background: var(--navbar-menu-background);
    padding: 0.5rem 0;
  }

  .navbar-menu.is-active {
    display: block;
    -webkit-box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
            box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
    overflow-y: auto;
    position: fixed;
    top: 3.5rem;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: none;
    z-index: 500;
    background: rgba(245 246 246 / 1);
    background: rgba(var(--colors-neutral-15));
  }

  .navbar-menu a.navbar-item:hover,
  .navbar-menu .navbar-link:hover {
    background-color: transparent;
    background-color: var(--navbar-menu_hover-background);
  }
}
@media screen and (min-width: 1024px) {
  .navbar,
  .navbar-menu,
  .navbar-end {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .navbar-burger,
  .navbar-search {
    display: none;
  }

  .navbar-item,
  .navbar-link {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .navbar-item.has-dropdown {
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .navbar-item.docs .navbar-dropdown {
    width: 660px;
    max-width: 660px;
  }

  .navbar-item.labs .navbar-dropdown {
    min-width: 280px;
  }

  .navbar-item.developer .navbar-dropdown {
    width: 310px;
  }

  .navbar-item .navbar-dropdown {
    max-width: 320px;
  }

  .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }

  .navbar-item.has-dropdown::after {
    border-width: 0 0 1px 1px;
    border-style: solid;
    content: " ";
    display: block;
    height: 0.5em;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    width: 0.5em;
    margin-top: -0.375em;
    right: 1.125em;
    top: 50%;
  }

  .navbar-item.has-dropdown::before {
    position: absolute;
    content: "";
    display: block;
    top: 100%;
    left: 50%;
    margin-top: -0.4rem;
    margin-left: -1.5rem;
    z-index: 1;
    width: 0;
    height: 0;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-bottom: 0.4rem solid transparent;
  }

  .developer.navbar-item.has-dropdown:hover::before {
    border-bottom-color: rgba(63 120 36 / 1);
    border-bottom-color: var(--navbar-developer-border);
  }

  .docs.navbar-item.has-dropdown:hover::before {
    border-bottom-color: rgba(10 97 144 / 1);
    border-bottom-color: var(--navbar-docs-border);
  }

  .navbar-item.labs.has-dropdown:hover::before {
    border-bottom-color: rgba(90 52 170 / 1);
    border-bottom-color: var(--navbar-labs-border);
  }

  .navbar-menu {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }

  .navbar-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: auto;
  }

  .navbar-dropdown {
    background-color: rgba(255 255 255 / 1);
    background-color: var(--navbar-menu-background);
    border: 1px solid rgba(226 227 229 / 1);
    border: 1px solid var(--navbar-menu-border-color);
    border-top: none;
    border-radius: 0 0 0.25rem 0.25rem;
    display: none;
    top: 100%;
    left: 0;
    min-width: 100%;
    position: absolute;
  }

  .navbar-dropdown .navbar-item {
    padding: 0.5rem 1rem;
    white-space: nowrap;
  }

  .navbar-dropdown .navbar-item:last-child {
    border-radius: inherit;
  }

  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }

  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }

  .navbar-dropdown a.navbar-item:hover {
    background-color: transparent;
    background-color: var(--navbar-menu_hover-background);
  }
}
.navbar .button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(10 97 144 / 1);
  background: var(--navbar-button-background);
  border: 1px solid rgba(var(--color-baltic-60));
  border: 1px solid var(--navbar-button-border-color);
  border-radius: 0.15rem;
  height: 1.75rem;
  color: rgba(255 255 255 / 1);
  color: var(--navbar-button-font-color);
  padding: 0 0.75em;
  white-space: nowrap;
}
.navbar-item.training .navbar-dropdown {
  border-top-color: rgba(63 120 36 / 1);
  border-top-color: var(--navbar-training-border);
}
.navbar-item.developer .navbar-dropdown {
  border-top-color: rgba(63 120 36 / 1);
  border-top-color: var(--navbar-developer-border);
}
.navbar-item.docs .navbar-dropdown {
  border-top-color: rgba(10 97 144 / 1);
  border-top-color: var(--navbar-docs-border);
}
.navbar-item.labs .navbar-dropdown {
  border-top-color: rgba(90 52 170 / 1);
  border-top-color: var(--navbar-labs-border);
}
.navbar-item.kb .navbar-dropdown {
  border-top-color: rgba(90 52 170 / 1);
  border-top-color: var(--navbar-kb-border);
}
@media screen and (min-width: 1024px) {
  .navbar-dropdown {
    border-top: 4px solid;
    margin-top: 0;
    border-radius: 4px;
    max-width: 480px;
  }
}
.project {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid rgba(var(--colors-neutral-20));
}
.project .project-name {
  color: rgba(94 99 106 / 1);
  color: var(--doc-font-color);
  font-weight: 600;
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
}
.project-description {
  margin: 0.2rem 0;
  font-size: 0.8rem;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  white-space: normal;
}
.project-links {
  margin: 0;
  padding: 0;
  white-space: normal;
}
.project-links li {
  list-style-type: none;
  display: inline;
  /* border-right: 1px solid rgba(var(--colors-neutral-40)); */
  /* padding: 0 .1rem; */
}
.project-links li::after {
  color: rgba(149 154 161 / 1);
  color: rgba(var(--colors-neutral-40));
  content: "|";
}
.project-links li:last-child::after {
  content: "";
}
.project-links li:first-child {
  padding-left: 0;
}
.project-links li:last-child {
  padding-right: 0;
  border-right: 0 none;
}
.project-link {
  font-size: 0.8rem;
  font-weight: 600;
  display: inline-block;
  margin-right: 0.2rem;
}
#search-open {
  padding-left: 0;
}
#auth {
  padding-left: 16px;
}
#auth .auth-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  border-radius: 50%;
  width: 1.9rem;
  height: 1.9rem;
  font-size: 0.7rem;
  background-size: cover;
  background-position: center;
  border: 2px solid #38a169;
  border: 2px solid var(--color-green-600);
}
.getting-started-cta .project:hover {
  background: rgba(226 227 229 / 1);
  background: rgba(var(--colors-neutral-20));
}
.getting-started-cta .project-subtitle {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  font-size: 13px;
  font-weight: 400;
}
.getting-started-cta .aura-ticker {
  font-size: 0.8rem;
  border: 1px solid #0070d9;
  border: 1px solid var(--colors-primary-50);
  color: #018bff;
  color: var(--colors-primary-default);
  border-radius: 9999px;
  padding: 0 8px;
  margin-left: 4px;
}
.getting-started-cta.navbar-item.has-dropdown::before {
  margin-left: 0;
}
.navbar-item.has-dropdown.getting-started-cta:hover::before {
  border-bottom-color: rgba(77 81 87 / 1);
  border-bottom-color: rgba(var(--colors-neutral-60));
}
.navbar-item.has-dropdown.getting-started-cta::after {
  content: none;
}
footer.footer {
  background-color: #000;
  background-color: var(--footer-background);
  color: rgba(255 255 255 / 1);
  color: var(--footer-font-color);
  font-size: 0.875rem;
  font-size: var(--footer-font-size);
  line-height: 1.8;
  line-height: var(--footer-line-height);
  padding: 2rem 0;
}
.footer .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-width: 40rem;
  max-width: var(--doc-max-width);
  margin: auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footer .column.logo {
  width: 100%;
}
.footer .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 33%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 180px;
  padding: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .footer .wrapper {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: 1280px;
  }

  .footer .column {
    width: 33%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .footer .column.links {
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer .column.links h2 {
    margin-top: 0;
  }
}
.footer p {
  margin: 0.5rem 0;
}
.footer a {
  color: rgba(255 255 255 / 1);
  color: var(--footer-link-font-color);
  font-weight: 300;
  font-weight: var(--body-font-weight);
}
.footer a:hover {
  color: rgba(226 227 229 / 1);
  color: var(--footer-link_hover-font-color);
  text-decoration: underline;
}
footer .logo-footer {
  width: inherit;
  height: 34px;
  padding: 0 1.5rem;
  background: url(../img/Logo_White_RGB_TransBG.svg) no-repeat;
}
.footer h2 {
  width: 100%;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-size: var(--font-size-body-medium);
  font-weight: 700;
  color: rgba(255 255 255 / 1);
  color: var(--footer-link-font-color);
}
.footer h2 a {
  font-weight: 700;
}
.footer ul {
  margin: 0.5rem 0;
  padding: 0;
}
.footer ul li {
  list-style-type: none;
  margin: 0 0 0.2rem;
}
.footer ul li i {
  color: rgba(255 255 255 / 1);
  color: var(--footer-font-color);
  font-size: 1rem;
  width: 0.8rem;
  text-align: center;
  display: inline-block;
  margin-right: 0.5rem;
}
.footer ul li.speaker-program {
  margin-top: 2rem;
}
footer ul li .speaker-program a {
  /* color: var(--footer-link-font-color); */
  font-size: normal;
}
/*! Adapted from the GitHub style by Vasily Polovnyov <vast@whiteants.net> */
.hljs-comment,
.hljs-quote {
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
  font-style: italic;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-subst {
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
  font-weight: 500;
  font-weight: var(--monospace-font-weight-bold);
}
.hljs-number,
.hljs-literal,
.hljs-variable,
.hljs-template-variable,
.hljs-tag .hljs-attr {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
.hljs-string,
.hljs-doctag {
  color: rgba(77 134 34 / 1);
  color: rgba(var(--colors-forest-40));
}
.hljs-title,
.hljs-section,
.hljs-selector-id {
  color: rgba(75 40 148 / 1);
  color: rgba(var(--colors-lavender-50));
  font-weight: 500;
  font-weight: var(--monospace-font-weight-bold);
}
.hljs-subst {
  font-weight: normal;
}
.hljs-type,
.hljs-class .hljs-title {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
  font-weight: 500;
  font-weight: var(--monospace-font-weight-bold);
}
.hljs-tag,
.hljs-name,
.hljs-attribute {
  color: rgba(117 78 200 / 1);
  color: rgba(var(--colors-lavender-40));
  font-weight: normal;
}
.hljs-regexp,
.hljs-link {
  color: rgba(77 134 34 / 1);
  color: rgba(var(--colors-forest-40));
}
.hljs-symbol,
.hljs-bullet {
  color: #434190;
  color: var(--color-indigo-800);
}
.hljs-built_in,
.hljs-builtin-name {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
.hljs-meta {
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
  /* font-weight: var(--monospace-font-weight-bold); */
}
.language-shell,
.language-cypher-shell {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
.language-shell > .bash,
.language-cypher-shell > .cypher {
  color: initial;
}
.language-shell > .hljs-meta,
.language-cypher-shell > .hljs-meta {
  color: #434190;
  color: var(--color-indigo-800);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.language-shell .bash {
  color: rgba(9 9 10 / 1);
  color: rgba(var(--colors-neutral-80));
}
.hljs-deletion {
  background: rgba(226 227 229 / 1);
  background: rgba(var(--colors-neutral-20));
}
.hljs-addition {
  background: rgba(111 166 70 / 1);
  background: rgba(var(--colors-forest-30));
}
.hljs-emphasis {
  font-style: italic;
}
.hljs-strong {
  font-weight: 500;
  font-weight: var(--monospace-font-weight-bold);
}
/* @import "highlight-dark.css"; */
@page {
  margin: 0.5in;
}
@media print {
  .hide-for-print {
    display: none !important;
  }

  html {
    font-size: 0.9375em;
    font-size: var(--body-font-size--print);
  }

  a {
    color: inherit !important;
    text-decoration: underline;
  }

  a.bare,
  a[href^="#"],
  a[href^="mailto:"] {
    text-decoration: none;
  }

  tr,
  img,
  object,
  svg {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  pre {
    -webkit-hyphens: none;
        -ms-hyphens: none;
            hyphens: none;
    white-space: pre-wrap;
  }

  body {
    padding-top: 2rem;
  }

  .navbar {
    background: none;
    color: inherit;
    position: absolute;
  }

  .navbar * {
    color: inherit !important;
  }

  #topbar-nav,
  .nav-container,
  .toolbar {
    display: none;
  }

  .doc {
    color: inherit;
    margin: auto;
    max-width: none;
    padding-bottom: 2rem;
  }

  .doc .listingblock code[data-lang]::before {
    display: block;
  }

  footer.footer {
    background: none;
    border-top: 1px solid rgba(226 227 229 / 1);
    border-top: 1px solid var(--panel-border-color);
    color: rgba(10 97 144 / 1);
    color: var(--quote-attribution-font-color);
    padding: 0.5rem;
  }

  .footer * {
    color: inherit;
  }
}
.gram {
  width: 100%;
  /* 12px padding top + 12px padding bottom */
  height: 576px;
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
  border-radius: 0.5rem;
}
.gram svg {
  height: 100%;
  width: 100%;
}
div.labels {
  font-family: "Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--body-font-family);
}
.flex-labels-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.header-label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.admonitionblock > div.labels {
  padding: 1rem 1rem 0.75rem;
}
.header-label-container > div.labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
      align-self: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.25rem;
  margin-left: auto;
  line-height: 1.8;
  line-height: var(--doc-line-height);
}
.sect-header .header-label-container > div.labels {
  padding-top: 0.4rem;
}
.header-label-container > div.labels.wrapped {
  margin-left: 0;
  margin-top: 0.5rem;
}
.doc > .sect-header > h1.page:first-child:has(> .labels) {
  margin-right: 0;
}
h1 > .header-label {
  margin-top: 1.2rem;
}
.header-label-container > .header-label:first-of-type {
  margin-left: auto;
}
.doc .tableblock caption > .labels {
  float: inline-end;
  margin-top: -0.25rem;
}
.listing-block .content-labels,
.example-block .content-labels {
  margin-bottom: 0.2rem;
}
.content-labels {
  margin-bottom: 0.2rem;
}
.has-label {
  padding-left: 0.4rem;
  border-left: 2px solid rgba(1 64 99 / 1);
  border-left: 2px solid rgba(var(--colors-baltic-60));
}
.has-label:has(> .labels > .label--new) {
  border-left-color: rgba(63 120 36 / 1);
  border-left-color: var(--success-color);
}
.has-label:has(> .labels > .label--deprecated) {
  border-left-color: rgba(37 27 0 / 1);
  border-left-color: var(--deprecated-color);
}
h2 > .flex-label {
  float: inline-end;
  line-height: 1.8;
  line-height: var(--doc-line-height);
  margin-left: 0.2rem;
  margin-top: 0.2rem;
}
.label {
  display: inline-block;
  /* height: 24px; */
  padding: 0.2rem 0.8rem;
  /* justify-content: center; */
  /* align-items: center; */
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 9999px;
  background: rgba(10 97 144 / 1);
  background: rgba(var(--colors-baltic-50));
  color: rgba(231 250 251 / 1);
  color: rgba(var(--colors-baltic-10));
  font-weight: 600;
  font-size: 0.7rem;
  font-size: var(--label-title-font-size);
  font-style: normal;
}
.tableblock .label {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
}
span.label--core,
span.label--apoc-core {
  background: rgba(143 227 232 / 1);
  background: rgba(var(--colors-baltic-20));
  color: rgba(8 30 43 / 1);
  color: rgba(var(--colors-baltic-70));
}
span.label--full,
span.label--apoc-full {
  background: rgba(188 241 148 / 1);
  background: rgba(var(--colors-forest-15));
  color: rgba(41 97 39 / 1);
  color: rgba(var(--colors-forest-50));
}
span.label--procedure {
  background: #c3dafe;
  background: var(--color-indigo-200);
  color: #4c51bf;
  color: var(--color-indigo-700);
}
span.label--function {
  background: rgba(233 222 255 / 1);
  background: rgba(var(--colors-lavender-15));
  color: rgba(75 40 148 / 1);
  color: rgba(var(--colors-lavender-50));
}
span.label--current {
  background: rgba(10 97 144 / 1);
  background: rgba(var(--colors-baltic-50));
  color: rgba(231 250 251 / 1);
  color: rgba(var(--colors-baltic-10));
}
span.label--free,
span.label--beginner {
  background: #0b297d;
  background: var(--colors-blueberry-70);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
span.label--not-on-aura {
  background: rgba(187 45 0 / 1);
  background: var(--warning-color);
  color: rgba(255 233 231 / 1);
  color: var(--warning-background-color);
}
span.label--aura-db-enterprise,
span.label--aura-db-dedicated {
  background: rgba(10 97 144 / 1);
  background: rgba(var(--colors-baltic-50));
  color: rgba(231 250 251 / 1);
  color: rgba(var(--colors-baltic-10));
}
span.label--aura,
span.label--enterprise-only,
span.label--professional,
span.label--enterprise,
span.label--enterprise-edition {
  background: rgba(10 97 144 / 1);
  background: rgba(var(--colors-baltic-50));
  color: rgba(231 250 251 / 1);
  color: rgba(var(--colors-baltic-10));
}
span.label--default,
span.label--recommended {
  background: rgba(10 97 144 / 1);
  background: rgba(var(--theme-light-palette-primary-bg-strong));
  color: rgba(231 250 251 / 1);
  color: rgba(var(--theme-light-palette-primary-bg-weak));
}
span.label--added,
span.label--changed,
span.label--new,
span.label--featured,
span.label--renamed,
span.label--updated,
span.label--yes {
  background: rgba(63 120 36 / 1);
  background: var(--success-color);
  color: rgba(231 252 215 / 1);
  color: var(--success-background-color);
}
span.label--alpha,
span.label--beta,
span.label--beta-until {
  background: rgba(236 156 0 / 1);
  background: var(--alpha-beta-background-color);
  color: #000;
  color: var(--alpha-beta-color);
}
span.label--na,
span.label--no,
span.label.not-available,
span.label--removed {
  background: rgba(187 45 0 / 1);
  background: var(--warning-color);
  color: rgba(255 233 231 / 1);
  color: var(--warning-background-color);
}
span.label--admin-only,
span.label--danger,
span.label--warning {
  background: rgba(187 45 0 / 1);
  background: var(--warning-color);
  color: rgba(255 233 231 / 1);
  color: var(--warning-background-color);
}
span.label--discontinued {
  background: rgba(187 45 0 / 1);
  background: var(--discontinued-color);
  color: rgba(255 233 231 / 1);
  color: var(--discontinued-background-color);
}
span.label--deprecated {
  background: rgba(255 214 0 / 1);
  background: var(--deprecated-background-color);
  color: rgba(37 27 0 / 1);
  color: var(--deprecated-color);
}
span.label--unix,
span.label--mac-os,
span.label--linux,
span.label--windows {
  background: rgba(8 30 43 / 1);
  background: rgba(var(--colors-baltic-70));
  color: rgba(255 255 255 / 1);
  color: rgba(var(--colors-neutral-10));
}
span.label--syntax,
span.label--functionality,
span.label--cypher {
  background: rgba(245 246 246 / 1);
  background: var(--code-background);
  color: rgba(26 27 29 / 1);
  color: var(--code-font-color);
}
span.label--cluster-member-core {
  background: rgba(195 248 251 / 1);
  background: rgba(var(--colors-baltic-15));
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
span.label--cluster-member-read-replica {
  background: rgba(188 241 148 / 1);
  background: rgba(var(--colors-forest-15));
  color: rgba(41 97 39 / 1);
  color: rgba(var(--colors-forest-50));
}
span.label--cluster-member-single {
  background: rgba(255 250 209 / 1);
  background: rgba(var(--colors-lemon-10));
  background: rgba(97 70 0 / 1);
  background: rgba(var(--colors-lemon-60));
}
span.label--labs {
  background: rgba(90 52 170 / 1);
  background: var(--color-labs);
}
span.label--labs-label {
  background: rgba(90 52 170 / 1);
  background: var(--color-labs);
  color: rgba(255 255 255 / 1);
  color: rgba(var(--colors-neutral-10));
}
span.label--graph-academy {
  background: rgba(63 120 36 / 1);
  background: var(--success-color);
}
.glossary {
  display: none;
}
.glossary-term {
  display: inline-block;
  color: rgba(10 97 144 / 1);
  color: var(--color-docs);
  border-bottom: 1px dotted rgba(10 97 144 / 1);
  border-bottom: 1px dotted var(--color-docs);
}
.glossary-term::after {
  display: inline-block;
  content: url("../img/info.svg");
  margin-left: 6px;
  margin-top: -4px;
}
code .glossary-term::after {
  display: none;
}
.tooltip {
  font-size: 0.8rem;
  position: absolute;
  z-index: 5000;
  background: rgba(255 255 255 / 1);
  background: rgba(var(--colors-neutral-10));
  border-bottom: 3px solid rgba(10 97 144 / 1);
  border-bottom: 3px solid var(--color-docs);
  border-radius: 0.25rem;
  width: 220px;
  /* overflow: hidden; */
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  /* display: none; */
}
.tooltip::after {
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  display: block;
}
.tooltip.tooltip--top::after {
  top: 0;
  left: 50%;
  margin-left: -0.25rem;
  margin-top: -0.25rem;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid rgba(226 227 229 / 1);
  border-bottom: 0.5rem solid var(--code-header-background);
}
.tooltip.tooltip--bottom::after {
  bottom: 0;
  left: 50%;
  margin-left: -0.25rem;
  margin-bottom: -0.5rem;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 0.5rem solid rgba(226 227 229 / 1);
  border-top: 0.5rem solid var(--code-header-background);
}
.tooltip .tooltip-header {
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: rgba(255 255 255 / 1);
  color: rgba(var(--colors-neutral-10));
  padding: 12px;
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.tooltip .tooltip-body {
  padding: 0.5rem 1rem;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  font-size: 0.8rem;
}
.tooltip .tooltip-body p:first-child {
  margin-top: 0;
}
.tooltip .tooltip-body p:last-child {
  margin-bottom: 0;
}
.tooltip .tooltip-body a {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
  font-weight: 600;
}
/* Hero */
section.hero {
  padding: 8rem 0 0;
  background: rgba(9 9 10 / 1);
  background: var(--navbar-background);
  background: rgb(2, 0, 36);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(9 9 10 / 1)), color-stop(80%, rgba(111 117 126 / 1)));
  background: linear-gradient(180deg, rgba(9 9 10 / 1) 0%, rgba(111 117 126 / 1) 80%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--navbar-background)), color-stop(80%, var(--hero-fade)));
  background: linear-gradient(180deg, var(--navbar-background) 0%, var(--hero-fade) 80%);
  text-align: left;
}
body.landing .hero h1,
body.landing .hero h2,
body.landing .hero p,
section.hero h1,
section.hero h2,
section.hero p {
  padding: 0 1rem;
  max-width: 680px;
  margin: auto;
}
.landing .hero h1,
.landing .hero h2,
section.hero h1,
section.hero h2 {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
  color: rgba(245 246 246 / 1);
  color: rgba(var(--colors-neutral-15));
  margin-bottom: 1rem;
}
.landing .hero h1::after,
.landing .hero h2::after,
section.hero h1::after,
section.hero h2::after {
  display: block;
  background-color: #38a169;
  background-color: var(--color-green-600);
  height: 3px;
  width: 80px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  content: "";
}
.landing .hero p,
section.hero p {
  font-size: 1.8rem;
  color: rgba(245 246 246 / 1);
  color: rgba(var(--colors-neutral-15));
  font-weight: 300;
}
/* Landing */
.landing .doc {
  max-width: initial;
  padding: 0;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}
.landing .doc h2,
.landing .doc .sectionbody {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 980px;
  margin: auto;
}
.landing .doc .sect1 {
  padding: 2em 0;
  margin-top: 0;
}
.landing .doc .sect1.hero {
  padding-bottom: 0 !important;
}
.landing .doc h1 {
  display: none;
}
.landing .doc .secondary {
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
}
.landing .doc .secondary.leading {
  margin-top: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(226 227 229 / 1)), color-stop(35%, rgba(245 246 246 / 1)), to(rgba(255 255 255 / 1)));
  background: linear-gradient(180deg, rgba(226 227 229 / 1) 0%, rgba(245 246 246 / 1) 35%, rgba(255 255 255 / 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--colors-neutral-20))), color-stop(35%, rgba(var(--colors-neutral-15))), to(var(--color-white)));
  background: linear-gradient(180deg, rgba(var(--colors-neutral-20)) 0%, rgba(var(--colors-neutral-15)) 35%, var(--color-white) 100%);
  padding-top: 4rem;
}
.landing .doc h2 {
  border-bottom: 0 none;
}
.landing .doc h2::after {
  display: block;
  background-color: rgba(10 97 144 / 1);
  background-color: var(--color-docs);
  height: 3px;
  width: 80px;
  margin-top: 1rem;
  margin-bottom: 0;
  content: "";
}
.landing.graphgists .doc h2::after {
  background-color: rgba(90 52 170 / 1);
  background-color: var(--color-graphgists);
}
/**
 * Hide page title since we are already using a hero title
 */
body.landing.labs h1.page {
  display: none;
}
/**
 * Landing Preamble - button and angled borders
 */
body.landing .ulist.buttons {
  line-height: 1;
  margin: -1rem 0 0;
  text-align: center;
  font-size: 1rem;
  display: block;
}
body.landing .ulist.buttons > :first-child {
  padding-top: 2rem;
}
body.landing .ulist.buttons > :last-child {
  /* 40px is the height of the clip-path */
  padding-bottom: calc(1rem + 40px);
}
body.landing .ulist.buttons::before {
  content: " ";
  display: block;
  height: 40px;
  -webkit-clip-path: polygon(100% 0, 0% calc(100% + 1px), 100% calc(100% + 1px));
          clip-path: polygon(100% 0, 0% calc(100% + 1px), 100% calc(100% + 1px));
}
body.landing .ulist.buttons::after {
  content: " ";
  display: block;
  height: 40px;
  margin-top: -40px;
  -webkit-clip-path: polygon(100% 0, 0 calc(100% + 1px), 100% calc(100% + 1px));
          clip-path: polygon(100% 0, 0 calc(100% + 1px), 100% calc(100% + 1px));
}
body.landing .ulist.buttons p {
  font-size: 1rem !important;
  display: inline;
  padding: 0;
  line-height: 1;
}
body.landing .ulist.buttons ul {
  padding: 0;
}
body.landing .ulist.buttons li {
  list-style-type: none;
  display: block;
  margin: 0 0 1rem;
}
body.landing .ulist.buttons li a {
  display: inline-block;
  margin: 0 0.25rem;
  background: rgba(9 9 10 / 1);
  background: rgba(var(--colors-neutral-80));
  color: white;
  font-weight: 600;
  padding: 1rem 2rem;
  border-radius: 0.25rem;
  -webkit-transition: all 0.1s linear;
  transition: all 0.1s linear;
}
@media all and (min-width: 760px) {
  body.landing .ulist.buttons li {
    display: inline-block;
  }

  body.landing .ulist.buttons li a {
    display: inline-block;
  }
}
.landing .clearfix {
  clear: both;
}
.landing .secondary::after {
  content: "";
  display: block;
  clear: both;
}
/* Flex Columns */
@media all and (min-width: 760px) {
  .landing .flex-container .sectionbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .landing .flex-container .column {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 1rem;
  }

  .landing .fleflex-containerx .column img {
    display: block;
    margin: auto;
    max-width: 100%;
  }

  .landing .flex-container .column .paragraph {
    margin-top: 0;
  }

  .landing .flex-container .column h3 {
    margin-bottom: 2em;
  }

  .landing .flex-container .column h3::after {
    display: block;
    background-color: #63b3ed;
    background-color: var(--color-blue-400);
    height: 2px;
    width: 40px;
    margin-top: 12px;
    content: "";
  }

  .landing .flex-container .column:first-child {
    margin-left: -12px;
  }

  .landing .flex-container .column:last-child {
    margin-right: -12px;
  }
}
.landing .toc.sidebar {
  display: none;
}
.landing .discrete h2 {
  display: none;
}
.developer.landing .use-cases .sect2 .paragraph img {
  width: 128px;
}
.developer.landing .use-cases .sect2 .paragraph:nth-child(3) {
  min-height: 82px;
}
/* Hero */
.hero {
  padding: 8rem 0 0 !important;
  background: rgba(9 9 10 / 1);
  background: rgba(var(--colors-neutral-80));
  background: rgb(2, 0, 36);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(9 9 10 / 1)), to(rgba(111 117 126 / 1)));
  background: linear-gradient(180deg, rgba(9 9 10 / 1) 0%, rgba(111 117 126 / 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--navbar-background)), to(var(--hero-fade)));
  background: linear-gradient(180deg, var(--navbar-background) 0%, var(--hero-fade) 100%);
  text-align: left;
}
.landing .doc .hero h2,
.landing .doc .hero h1,
.landing .doc .hero p,
.hero h1,
.hero h2,
.hero p {
  padding: 0 1rem;
  max-width: 680px;
  margin: auto;
}
.landing .doc .hero h1,
.landing .doc .hero h2,
.hero h1,
.hero h2 {
  font-size: 1.2rem;
  font-weight: 300;
  display: block;
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
  margin-bottom: 1rem;
}
.hero h1::after,
.hero h2::after {
  display: block;
  background-color: rgba(41 97 39 / 1);
  background-color: rgba(var(--colors-forest-50));
  height: 3px;
  width: 80px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  content: "";
}
.hero p {
  font-size: 1.8rem;
  color: rgba(187 190 195 / 1);
  color: rgba(var(--colors-neutral-30));
  font-weight: 300;
}
.landing .doc .hero .sectionbody,
.hero .sectionbody {
  width: 100%;
  max-width: none;
  padding: 0;
}
.hero .paragraph {
  padding-bottom: 5rem;
  margin-bottom: 0;
}
.hero svg {
  width: 100%;
  height: 40px;
}
.hero svg.bottom {
  margin-bottom: -1rem;
}
.hero svg.to-white {
  fill: rgba(255 255 255 / 1);
  fill: var(--color-white);
  margin-bottom: -1em;
}
.hero svg.to-leading {
  fill: rgba(226 227 229 / 1) !important;
  fill: var(--landing-leading-background) !important;
  margin-bottom: -1em;
}
body.center-align .toolbar {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.center-align .content {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.center-align .doc {
  max-width: 1104px;
}
/* @import "tiles.css"; */
/* new NDL-based docs-home styles */
@font-face {
  font-family: 'Syne Neo';
  src: url('https://storage.googleapis.com/neo4j-fonts/Syne%20Neo%20Medium%20Font.otf') format('opentype');
}
@media screen and (min-width: 1024px) {
  body.docs-ndl:not(.explainer) main > .content {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  body.docs-ndl .doc > .sect-header > h1.page:first-child {
    margin-top: 0;
  }
}
body.docs-ndl.hub,
body.docs-ndl.explainer {
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
}
/* nav */
body.docs-ndl .nav {
  background: rgba(255 255 255 / 1);
  background: rgba(var(--colors-neutral-10));
}
body.docs-ndl.explainer .nav-panel-menu {
  scrollbar-width: none;
}
body.docs-ndl .nav-menu .docs-home-link a::before {
  content: "";
  width: 4px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(10 97 144 / 1);
  background-color: rgba(10 97 144 / 1);
  background-color: var(--color-docs);
  border-radius: 4px;
}
body.docs-ndl .nav-menu .docs-home-link {
  margin-bottom: 0;
}
body.docs-ndl .nav-menu .docs-home-link:hover,
body.docs-ndl .nav-menu .docs-home-link:focus {
  text-decoration: none;
  background-color: 195
248
251
/
1;
  background-color: var(--colors-baltic-15);
}
body.docs-ndl .nav-menu .home-link {
  width: auto;
  background: none;
  -webkit-box-shadow: 0 1px 0 rgba(226 227 229 / 1);
          box-shadow: 0 1px 0 rgba(226 227 229 / 1);
  -webkit-box-shadow: 0 1px 0 var(--toolbar-border-color);
          box-shadow: 0 1px 0 var(--toolbar-border-color);
}
body.docs-ndl .nav-menu .home-link.is-home {
  -webkit-box-shadow: none;
          box-shadow: none;
}
body.docs-ndl .nav-menu .home-link.is-home a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(231 250 251 / 1);
  background-color: rgba(var(--colors-baltic-10));
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
body.docs-ndl .nav-module {
  /* background: rgba(var(--colors-neutral-15)); */
  background: rgba(255 255 255 / 1);
  background: rgba(var(--colors-neutral-10));
}
body.docs-ndl .nav-list:first-child .nav-item:first-child .nav-section-header {
  border: none;
  padding-top: 1.5rem !important;
  margin-top: 0 !important;
}
body.docs-ndl .nav-menu .nav-module > ul:last-of-type {
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  /* border-bottom: 1px solid rgba(var(--colors-neutral-20)); */
}
body.docs-ndl .nav-menu .nav-module > ul:not(ul:has(li)) {
  display: none;
}
body.docs-ndl .nav-menu a,
body.docs-ndl .nav-text {
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
}
body.docs-ndl .nav-menu .home-link a::before {
  display: inline-block;
  margin-right: 1em;
  vertical-align: middle;
  line-height: 1;
}
body.docs-ndl .nav-menu > .nav-list {
  margin-top: 0;
}
body.docs-ndl .nav-menu .component-title {
  display: none;
}
body.docs-ndl .nav-menu .nav-index {
  padding: 0.5rem 0;
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid rgba(var(--colors-neutral-20));
}
body.docs-ndl .nav-menu .nav-index a {
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
}
/* body.docs-ndl .nav-item[data-depth="0"] {
  margin-top: 0.5rem;
}

body.docs-ndl .nav-item .nav-section-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem !important;
  border-top: 1px solid var(--colors-netural-25);
}

body.docs-ndl .nav-menu .nav-list:first-child .nav-item:first-child .nav-section-header {
  border: none;
  padding-top: 1.5rem !important;
}

body.docs-ndl .nav-menu .nav-item > a {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.5;
}

body.docs-ndl .nav-menu .nav-item > a > strong {
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  display: block;
} */
/* end of nav */
/* toolbar */
body.docs-ndl.hub .toolbar {
  /* visibility: hidden; */
  display: none;
}
body.docs-ndl.explainer .toolbar {
  background-color: rgba(255 255 255 / 1);
  background-color: rgba(var(--colors-neutral-10));
}
body.docs-ndl .doc a {
  text-decoration: none;
}
body.docs-ndl .doc a::after {
  display: inline-block;
}
body.docs-ndl .doc a:hover {
  text-decoration: underline;
}
body.docs-ndl .cards.bottom-cards a:hover {
  text-decoration: none;
}
body.docs-ndl .doc a:hover::after {
  text-decoration: none;
}
body.docs-ndl.hub aside.toc.sidebar {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
}
body.docs-ndl.hub main > .content {
  /* align-items: center; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
}
body.docs-ndl.hub .doc {
  /* width: 100%; */
  max-width: 1440px;
  padding: 0 1rem 4rem;
}
body.docs-ndl .doc .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.docs-ndl .doc > .sect-header > h1.page:first-child {
  margin: 1.5rem 0;
  margin: var(--docs-ndl-spacer) 0;
  line-height: 1;
}
body.docs-ndl.hub .doc div:not(.display) h2 {
  display: none;
}
body.landing .toc {
  display: none;
}
body.docs-ndl .doc h2 {
  margin: 1rem 0 1rem;
}
body.docs-ndl .doc h1,
body.docs-ndl .doc h2 {
  font-family: "Syne Neo"
,
"Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--header-font-family);
  border-bottom: 0 none;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
body.docs-ndl.hub .sectionbody,
body.docs-ndl.explainer .sectionbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 1rem;
  -webkit-column-gap: 2%;
     -moz-column-gap: 2%;
          column-gap: 2%;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  /* justify-content: space-between; */
}
body.docs-ndl .widget .sectionbody {
  background: rgba(255 255 255 / 1);
  background: rgba(var(--colors-neutral-10));
  border-radius: 1rem;
  border: none;
  padding: 1rem;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  row-gap: 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
body.docs-ndl .widget.lists .sectionbody {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 24px;
}
body.docs-ndl .widget.banner .sectionbody {
  background: rgba(1 64 99 / 1);
  background: rgba(var(--colors-baltic-60));
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  border-radius: 1rem;
  border: none;
  padding: 2rem;
  row-gap: 0;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}
body.docs-ndl .widget.banner.start .sectionbody {
  background-image: url(../img/start.svg);
}
body.docs-ndl.sub .widget .sectionbody {
  background: transparent;
  padding: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 1rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
body.docs-ndl.sub .widget.banner .sectionbody {
  background: transparent;
  padding: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 1rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
body.docs-ndl.sub .widget .sectionbody .sect2 {
  border-radius: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
}
body.docs-ndl .next-steps .sectionbody {
  display: block;
}
body.docs-ndl .next-steps .sectionbody .dlist {
  margin-left: 1rem;
  padding-left: 2rem;
  border-left: 1px solid rgba(226 227 229 / 1);
  border-left: 1px solid rgba(var(--colors-neutral-20));
}
body.docs-ndl .next-steps .sectionbody .dlist dd {
  margin-bottom: 1rem;
}
body.docs-ndl .next-steps .sectionbody .dlist dt,
body.docs-ndl .next-steps .sectionbody .dlist dd {
  margin-left: 0;
  padding: 0.5rem;
}
body.docs-ndl .next-steps .sectionbody ol {
  list-style-type: none;
  counter-reset: step-counter;
  padding-left: 0;
}
body.docs-ndl .next-steps .sectionbody ol li {
  border-left: 1px solid rgba(10 97 144 / 1);
  border-left: 1px solid rgba(var(--colors-baltic-50));
  margin-left: 1rem;
  counter-increment: step-counter;
  margin-bottom: 0;
  padding-bottom: 2rem;
}
body.docs-ndl .next-steps .sectionbody ol li a {
  -webkit-text-emphasis: none;
          text-emphasis: none;
}
body.docs-ndl .next-steps .sectionbody ol li:last-of-type {
  counter-increment: step-counter;
  margin-bottom: 0;
  border: none;
}
body.docs-ndl .next-steps .sectionbody ol li p {
  margin: 0 0 0 1rem;
}
body.docs-ndl .next-steps .sectionbody ol li div.paragraph {
  margin: 0;
}
body.docs-ndl .next-steps .sectionbody ol li::before {
  /* content: counter(step-counter); */
  content: "";
  /* display: inline-block; */
  float: left;
  position: relative;
  z-index: 1;
  margin-left: -1rem;
  margin-right: 1rem;
  font-style: normal;
  background: rgba(195 248 251 / 1);
  background: rgba(var(--colors-baltic-15));
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
  border: 1px solid rgba(10 97 144 / 1);
  border: 1px solid rgba(var(--colors-baltic-50));
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}
body.docs-ndl .next-steps .sectionbody ul {
  /* list-style-type: none; */
  padding: 1rem;
}
body.docs-ndl .next-steps .sectionbody ul li {
  margin-bottom: 1rem;
}
body.docs-ndl .next-steps .sectionbody ul li div.paragraph {
  margin: 0;
}
/* body.docs-ndl .next-steps .sectionbody ol li:last-of-type:after {
  content: "";
  background: rgba(var(--colors-neutral-10));
  border: 1px solid rgba(var(--colors-baltic-50));
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  position: relative;
  left: -3.25rem;
  top: -3.875rem;
} */
/* body.docs-ndl .article a:visited {
  color: var(--neutral-color);
} */
/* explainer */
body.docs-ndl .cards .sectionbody > div.paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
body.docs-ndl.explainer .sectionbody .video {
  display: block;
  width: 100%;
}
/* video embeds */
.video iframe {
  border-radius: 0.75rem;
}
body.docs-ndl #preamble + .sect1 {
  margin-top: 0;
}
/* sections */
body.docs-ndl.hub .sect1:not(.banner),
body.docs-ndl.explainer .sect1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 1.5rem;
  margin-top: var(--docs-ndl-spacer);
}
body.docs-ndl .paragraph.caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1rem;
  margin: 0;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  font-family: Syne
Neo;
  font-family: var(--font-font-family-h1);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 100% */
  letter-spacing: 0.25px;
}
body.docs-ndl .paragraph.footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 0;
}
body.docs-ndl .banner .paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin: 1rem;
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.docs-ndl .banner .paragraph.description {
  font-family: var(--font-family-h2);
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  letter-spacing: 0;
}
/* selectable cards */
body.docs-ndl .cards .sect2.selectable .description {
  color: rgba(94 99 106 / 1);
  color: var(--doc-font-color);
  font-weight: 200;
}
body.docs-ndl .cards .sect2.selectable a {
  -webkit-text-decoration: solid;
          text-decoration: solid;
}
body.docs-ndl .cards .sect2.selectable .link a:hover {
  text-decoration: underline;
}
body.docs-ndl .cards .sect2.selectable:hover div.description {
  text-decoration: none;
}
/* banner */
body.docs-ndl.hub .banner .sectionbody,
body.docs-ndl.explainer .banner .sectionbody {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.docs-ndl .banner .sectionbody > div.openblock {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 65%;
          flex: 0 0 65%;
}
body.docs-ndl .banner .sectionbody > div.icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  padding: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
  margin-bottom: 0;
}
body.docs-ndl .banner .icon img {
  height: 100%;
  padding: 0;
  margin: 0;
}
body.docs-ndl .banner .button a {
  border-radius: 0.25rem;
  padding: 0.5em 1.5em;
  font-weight: 400;
  text-align: center;
  /* margin-left: 24px; */
}
.banner .button:hover {
  background: rgba(rgba(143 227 232 / 1));
  background: rgba(var(--banner-background-color));
  color: 92
195
201
/
1;
  color: var(--colors-baltic-25);
}
.description2 {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
  font-size: 1rem;
  font-size: var(--doc-font-size--desktop);
  line-height: 1.8;
  line-height: var(--doc-line-height);
  margin: 0
auto;
  margin: var(--doc-margin);
  max-width: 40rem;
  max-width: var(--doc-max-width);
  padding: 12px 24px 12px;
}
/* highlights */
body.docs-ndl .highlights .sectionbody > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 1rem 2rem 1rem;
}
body.docs-ndl .highlights .sectionbody > div.icon span.image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.docs-ndl .highlights .list,
body.docs-ndl .highlights .caption {
  padding-left: 0;
}
body.docs-ndl .highlights .list a {
  padding: 8px;
  text-decoration: none;
}
body.docs-ndl .highlights .list a:hover,
body.docs-ndl .highlights .list a:focus {
  text-decoration: none;
  background-color: rgba(111 117 126 / 0.1);
  background-color: var(--toc_hover-background-color);
}
body.docs-ndl .highlights .list ul li {
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid rgba(var(--colors-neutral-20));
}
body.docs-ndl .widget.highlights .footer-link {
  text-align: end;
}
body.docs-ndl .widget.highlights .footer-link a,
body.docs-ndl .widget.highlights .footer-link a:visited,
body.docs-ndl .widget.highlights .footer-link a::after {
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
}
body.docs-ndl .widget.highlights .icon img {
  max-width: 100%;
  height: auto;
  padding: 0;
}
/* lists */
body.docs-ndl .lists .sectionbody > div.sect2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22%;
          flex: 0 0 22%;
}
body.docs-ndl .widget .sectionbody > div.sect2 .ulist {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 1rem;
}
body.docs-ndl .widget ul {
  list-style-type: none;
  padding: 0;
}
body.docs-ndl .lists ul li {
  font-size: 0.875rem;
  font-size: var(--font-size-body-medium);
}
body.docs-ndl .lists ul li a {
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}
/* cards */
body.docs-ndl .sect2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  position: relative;
}
body.docs-ndl .cards .sectionbody > div.sect2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid var(--panel-border-color);
  /* margin-right: 1rem; */
}
body.docs-ndl .cards.bottom-cards .sectionbody > div.sect2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49%;
          flex: 0 1 49%;
  border: 0;
}
body.docs-ndl.explainer .sectionbody > div.sect2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 49%;
          flex: 0 1 49%;
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid var(--panel-border-color);
}
body.docs-ndl .cards .sect2.selectable > a,
body.docs-ndl .cards .sect2:not(.selectable),
body.docs-ndl .lists .sect2 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* justify-content: space-between; */
  gap: 8px;
  /* min-width: 30%; */
  padding: 24px;
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  line-height: 2rem;
}
body.docs-ndl .cards.selectable .sect2:hover,
body.docs-ndl .cards .sect2.selectable:hover {
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
  border: 1px solid rgba(187 190 195 / 1);
  border: 1px solid var(--page-version-missing-font-color);
  -webkit-box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
          box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
  cursor: default;
}
/* styles for specific types of cards:
- featured - for new and exciting items
- labs
- graph-academy
*/
/* this would give a background image on cards marked with [.ga-promo] */
body.docs-ndl .cards .sectionbody > div.sect2.graph-academy > a,
body.docs-ndl .cards .sectionbody > div.sect2.graph-academy:not(.selectable) {
  background: #fff url(../img/ad-blob.svg) no-repeat 100% 100%;
  border: 1px solid rgba(63 120 36 / 1);
  border: 1px solid var(--success-color);
  -webkit-box-shadow: 0 2px 4px 0 rgba(63, 120, 36, 0.5), 0 1px 2px 0 rgba(63, 120, 36, 0.2);
          box-shadow: 0 2px 4px 0 rgba(63, 120, 36, 0.5), 0 1px 2px 0 rgba(63, 120, 36, 0.2);
}
body.docs-ndl .cards .sectionbody > div.sect2.labs > a,
body.docs-ndl .cards .sectionbody > div.sect2.labs:not(.selectable) {
  border: 1px solid rgba(90 52 170 / 1);
  border: 1px solid var(--color-labs);
  -webkit-box-shadow: 0 2px 4px 0 rgba(90, 52, 170, 0.5), 0 1px 2px 0 rgba(90, 52, 170, 0.2);
          box-shadow: 0 2px 4px 0 rgba(90, 52, 170, 0.5), 0 1px 2px 0 rgba(90, 52, 170, 0.2);
}
/* add a labs label to a title in a card */
body.docs-ndl .header-label-container > div.labels {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: auto;
}
body.docs-ndl .cards .sect2 > a,
body.docs-ndl .cards:not(.selectable) .sect2 > a,
body.docs-ndl .widget:not(.video) {
  /* box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06); */
  border: none;
  border-radius: 1rem;
}
body.docs-ndl .cards .sect2 > a {
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}
body.docs-ndl.color-docs .sect2 {
  color: rgba(255 255 255 / 1);
  color: rgba(var(--colors-neutral-10));
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
}
body.docs-ndl.color-docs .cards .sect2 h3,
body.docs-ndl.color-docs .cards .sect2 .description {
  color: rgba(255 255 255 / 1);
  color: rgba(var(--colors-neutral-10));
}
body.docs-ndl .cards .sect2 .paragraph {
  margin: 0;
}
/* body.docs-ndl:not(.create-applications) .sect2 {
  min-height: 200px;
} */
body.docs-ndl .cards .sect2 a > h3,
body.docs-ndl .cards .sect2 a > div {
  margin: 0;
  padding: 0;
}
body.docs-ndl .highlights .sectionbody > div,
body.docs-ndl .sect2 a > div,
body.docs-ndl .sect2 a > h3 {
  display: flow;
}
body.docs-ndl .cards .sect2 .icon,
body.docs-ndl .widget .icon {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
body.docs-ndl .cards .sect2 .icon,
body.docs-ndl .widget.banner .icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0;
  margin: 0;
  width: 100%;
}
body.docs-ndl .cards .sect2 .icon p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fill-available;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.docs-ndl .cards .sect2 .icon p div.labels {
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.25rem;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
body.docs-ndl .cards .icon span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* For the 1st, 3rd etc highlights, move the image to the right */
body.docs-ndl .widget.highlights:nth-of-type(odd) .icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
/* We can use this rule to apply styles to the 2nd, 4th highlights etc widget */
/* body.docs-ndl .widget.highlights:nth-of-type(even) .openblock {
  margin-right:40px;
} */
body.docs-ndl body.docs-ndl .cards .sect2 .icon img {
  width: 4rem;
  height: 4rem;
  padding: 0;
}
body.docs-ndl .cards .sect2 .icon.icon-l img {
  width: 6rem;
  height: 6rem;
  margin-bottom: 9px;
}
body.docs-ndl .lists .sect2 .icon img,
body.docs-ndl .icon-s .sect2 .icon img {
  width: 3rem;
  height: 3rem;
  padding: 0;
}
body.docs-ndl .lists .sect2 .icon img path {
  color: rgba(#5db3bf);
  color: rgba(var(--colors-baltic-30));
  fill: rgba(#5db3bf);
  fill: rgba(var(--colors-baltic-30));
}
body.docs-ndl .cards .sect2 h3,
body.docs-ndl .lists .sect2 h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0;
  font-weight: 600;
  font-weight: var(--font-weight-semibold);
  width: -webkit-fill-available;
}
body.docs-ndl .cards .sect2 h3 .anchor::before {
  display: none;
}
body.docs-ndl .cards .sect2 .paragraph:not(.icon) {
  font-size: 0.875rem;
  font-size: var(--font-size-body-medium);
  line-height: 1.5;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  /* z-index: 10; */
  /* margin: 0.5rem 1rem 0 1rem; */
  /* -webkit-box-flex: 1; */
  /* -ms-flex-positive: 1; */
  /* flex-grow: 1; */
}
body.docs-ndl .cards .sect2.selectable .paragraph.link {
  display: none;
}
body.docs-ndl .cards.selectable .sect2 .paragraph.link,
body.docs-ndl .cards:not(.selectable) .sect2 .paragraph.link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 30px;
  margin-top: auto;
}
body.docs-ndl .bottom-cards .sect2 .icon {
  padding-bottom: 16px;
}
body.docs-ndl .bottom-cards .sect2 h3 {
  padding-bottom: 8px;
}
body.docs-ndl .bottom-cards:not(.selectable) .sect2 .paragraph.link {
  padding-top: 0;
}
body.docs-ndl .cards .sect2 .paragraph.category {
  display: none;
}
body.docs-ndl .plain-links a.external::after {
  all: unset;
}
body.docs-ndl .highlights a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}
body.docs-ndl .highlights a::after,
body.docs-ndl .cards .link a::after {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  content: "→";
  font-weight: 600;
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
  -webkit-transition: margin 0.2s linear;
  transition: margin 0.2s linear;
}
body.docs-ndl .highlights a::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.5rem;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  float: right;
}
body.docs-ndl .cards .sect2 .ulist {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin: 0;
  font-size: 0.875rem;
  font-size: var(--font-size-body-medium);
  line-height: 1.5;
  text-align: left;
}
body.docs-ndl .cards .sect2 .ulist ul {
  padding: 0;
}
body.docs-ndl .cards .sect2 .ulist ul li {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
@media screen and (max-width: 1439px) {
  body.docs-ndl .toolbar {
    top: 0;
  }

  body.docs-ndl .nav-container {
    z-index: 30;
  }

  body.docs-ndl .cards .sectionbody > div.sect2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 49%;
            flex: 0 1 49%;
  }

  body.docs-ndl.explainer .cards .sect2 h3 {
    text-align: left;
  }

  body.docs-ndl .widget .sectionbody {
    row-gap: 2rem;
  }

  body.docs-ndl .widget .sectionbody > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  body.docs-ndl .widget.banner .sectionbody {
    row-gap: 2rem;
  }

  /* body.docs-ndl .widget.banner .sectionbody > div {
    flex: 0 1 100%;
    justify-content: center;
  } */

  body.docs-ndl .lists ul {
    /* text-align: center; */
  }

  body.docs-ndl .widget .sectionbody .sect2,
  body.docs-ndl.sub .widget .sectionbody .sect2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
  }

  body.docs-ndl .lists .sectionbody > div.sect2 > * {
    /* margin: 0 auto; */
  }

  body.docs-ndl .highlights .sectionbody > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  body.docs-ndl .highlights .sectionbody > div.openblock {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }

  body.docs-ndl .highlights .sectionbody > div.icon {
    margin: auto;
  }

  body.docs-ndl.explainer .sectionbody > div.sect2 a {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
@media all and (max-width: 620px) {
  body.docs-ndl .doc > .sect-header > h1.page:first-child {
    text-align: center;
    margin: 1rem auto;
  }

  body.docs-ndl .bottom-cards .sect2 > a,
  body.docs-ndl .cards .sect2 > a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  body.docs-ndl.explainer .cards .sect2 > a {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1rem;
  }

  body.docs-ndl.explainer .cards .sect2 .paragraph:not(.icon) {
    text-align: left;
  }

  body.docs-ndl .cards.bottom-cards .sectionbody > div.sect2,
  body.docs-ndl .cards .sectionbody > div.sect2 {
    /* min-width: 90%; */
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
  }

  body.docs-ndl .lists .sectionbody > div.sect2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding: 1rem;
  }
}
/* legacy docs-home styles */
body.docshome {
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
}
/* nav */
body.docshome .nav-menu > .nav-list {
  margin-top: 0;
}
body.docshome .nav-menu .component-title {
  display: none;
}
body.docshome .nav-item[data-depth="0"] {
  margin-top: 0.5rem;
}
body.docshome .nav-item .nav-section-header {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1.5rem !important;
  border-top: 1px solid var(--colors-netural-25);
}
body.docshome .nav-menu .nav-list:first-child .nav-item:first-child .nav-section-header {
  border: none;
  padding-top: 1.5rem !important;
}
body.docshome .nav-menu .nav-item > a {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.5;
}
body.docshome .nav-menu .nav-item > a > strong {
  margin-top: 1.5rem !important;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  display: block;
}
/* end of nav */
body.docshome .content {
  /* align-items: center; */
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
}
body.docshome .doc {
  width: 100%;
  max-width: 1440px;
  padding: 0;
}
body.docshome .doc h2::after {
  display: block;
  background-color: rgba(10 97 144 / 1);
  background-color: rgba(var(--colors-baltic-50));
  height: 3px;
  width: 80px;
  margin-top: 1rem;
  margin-bottom: 0;
  content: "";
}
body.docshome .doc div:not(.display) h2 {
  display: none;
}
body.docshome .nav-item:not(.is-active) > .nav-list {
  display: block;
}
body.landing .toc {
  display: none;
}
body.docshome .doc h2 {
  border-bottom: 0 none;
}
body.docshome .sectionbody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.docshome .sect1 .sectionbody > div.sect2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 440px;
          flex: 0 1 440px;
}
body.docshome .sect2 {
  overflow: hidden;
  position: relative;
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-width: 30%;
  padding: 1rem;
  margin: 0 1rem 1rem 0;
  border-radius: 0.5rem;
  /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); */
  border: 1px solid #d5d9de;
}
body.docshome:not(.create-applications) .sect2 {
  min-height: 200px;
}
body.docshome .sect2 .icon {
  float: left;
  position: absolute;
  top: 1rem;
  left: 1rem;
  /* z-index: 0; */
}
body.docshome .sect2 .icon img {
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  padding: 12px;
}
body.docshome:not(.create-applications) .sect2 .icon img {
  background: rgba(231 250 251 / 1);
  background: rgba(var(--colors-baltic-10));
}
@media all and (max-width: 820px) {
  body.docshome .sect2 {
    min-width: 90%;
  }
}
body.docshome .sect2 h3 {
  /* z-index: 20; */
  font-size: 1.1rem;
  color: #2c5282;
  color: var(--color-blue-800);
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  line-height: 1.5;
  margin: 0.5rem 2rem 0 6rem;
}
body.docshome .sect2 h3 .anchor::before {
  display: none;
}
body.docshome .sect2 .paragraph:not(.icon) {
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  /* z-index: 10; */
  margin: 0.5rem 1rem 0 6rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
body.docshome .sect2 .paragraph.link {
  margin-top: 0.5rem;
  width: 100%;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  font-weight: 600;
  font-size: 1rem;
  /* padding-bottom: 1rem; */
}
body.docshome .sect2 .paragraph.category {
  display: none;
}
body.docshome .plain-links a.external::after {
  all: unset;
}
body.docshome .sect2 .paragraph.link a:not(.external)::after {
  margin-left: 0.25rem;
  content: "→";
  font-weight: 600;
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
  -webkit-transition: margin 0.2s linear;
  transition: margin 0.2s linear;
}
body.docshome .sect2 .ulist {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
body.docshome .sect2 ul {
  margin: 0.2rem 0 0;
  padding: 0;
  text-align: right;
  font-size: 0.8rem;
}
body.docshome .sect2 ul li {
  display: inline-block;
  margin-bottom: 0;
}
body.docshome .sect2 ul li a {
  display: inline-block;
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid rgba(var(--colors-neutral-20));
  padding: 0.1rem 0.7rem;
  border-radius: 0.2rem;
  font-size: 0.7rem;
}
@media screen and (min-width: 1024px) {
  body.docshome .toolbar {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  body.docshome .doc {
    padding: 1rem;
  }

  body.docshome .toolbar {
    top: 0;
  }

  body.docshome .nav-container {
    z-index: 30;
    margin-top: 2.5rem;
    margin-top: var(--toolbar-height);
  }
}
/* @import "developer.css"; */
.feedback {
  position: fixed;
  bottom: 0;
  left: 1rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background: rgba(231 250 251 / 1);
  background: var(--feedback-background-color);
  color: rgba(10 97 144 / 1);
  color: var(--feedback-color);
  padding: 0.5rem 1rem;
  width: 16rem;
  width: calc(var(--nav-width) - 2rem);
  font-size: 0.8rem;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 1000;
}
.feedback.negative {
  background: rgba(255 233 231 / 1);
  background: var(--feedback-negative-color);
  color: rgba(187 45 0 / 1);
  color: var(--feedback-negative-background-color);
}
.feedback.negative line {
  stroke: rgba(187 45 0 / 1);
  stroke: var(--feedback-negative-background-color);
}
.feedback.negative a {
  color: rgba(187 45 0 / 1);
  color: var(--feedback-negative-background-color);
}
.feedback.positive {
  background: rgba(231 252 215 / 1);
  background: var(--feedback-positive-color);
  color: rgba(63 120 36 / 1);
  color: var(--feedback-positive-background-color);
}
.feedback .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.25rem 0;
}
.feedback .header p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.feedback svg {
  cursor: pointer;
}
.feedback .header svg {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin-left: 0.5rem;
}
.feedback .form div {
  font-size: 0.7rem;
}
.feedback h2,
.feedback p {
  font-size: 0.9rem;
}
.feedback input {
  margin-right: 0.5rem;
}
.feedback .feedback-option {
  float: left;
}
.feedback label {
  font-size: 0.8rem;
}
.feedback div.more-information {
  margin: 10px 0;
}
.feedback textarea {
  border-radius: 0.25rem;
  border: 1px solid #90cdf4;
  border: 1px solid var(--color-blue-300);
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  width: 100%;
  font-family: inherit;
  font-size: 0.7rem;
  color: #2b6cb0;
  color: var(--color-blue-700);
  padding: 0.5rem;
}
.feedback path,
.feedback circle,
.feedback line {
  fill: transparent;
  stroke: rgba(10 97 144 / 1);
  stroke: var(--feedback-color);
  stroke-width: 1;
}
.feedback .primary,
.feedback .secondary {
  padding: 0.5rem 1rem;
  background: #ebf8ff;
  background: var(--color-blue-100);
  border: 1px solid #2b6cb0;
  border: 1px solid var(--color-blue-700);
  color: #2b6cb0;
  color: var(--color-blue-700);
  border-radius: 0.175rem;
  font-size: 0.8rem;
  font-family: inherit;
  font-weight: 600;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  cursor: pointer;
}
.feedback .primary:focus,
.feedback .primary:active,
.feedback .secondary:focus,
.feedback .secondary:active {
  outline: none;
}
.feedback .primary {
  background: #2b6cb0;
  background: var(--color-blue-700);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
.feedback.negative textarea:active,
.feedback.negative textarea:focus {
  outline: none;
}
.feedback.negative .primary {
  background: #c53030;
  background: var(--color-red-700);
  border-color: #c53030;
  border-color: var(--color-red-700);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
.feedback.negative .secondary {
  background: #fff5f5;
  background: var(--color-red-100);
  border-color: #c53030;
  border-color: var(--color-red-700);
  color: #c53030;
  color: var(--color-red-700);
}
.feedback.negative textarea {
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  border-color: #c53030;
  border-color: var(--color-red-700);
  color: #c53030;
  color: var(--color-red-700);
}
.feedback .thank-you-positive,
.feedback .thank-you-negative {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.feedback .thank-you-negative p {
  margin-bottom: 0.5rem;
}
.feedback .error {
  font-size: 0.8rem;
  margin-bottom: 1rem;
}
@media all and (max-width: 1024px) {
  .feedback {
    position: relative;
    margin: 1em 0;
    border-radius: 0.25rem;
    max-width: 40rem;
    max-width: var(--doc-max-width);
    min-width: 0;
    right: auto;
    width: 16rem;
    width: calc(var(--nav-width) - 2rem);
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-bottom: 2rem;
  }
}
@media all and (min-width: 1025px) {
  .feedback.absolute {
    position: absolute;
  }
}
.feedback a {
  display: inline-block;
  margin-left: 4px;
}
/* .docs a {
    color: var(--color-docs);
} */
/*
body.docs {
    --navbar-background: var(--color-white);
    --navbar-top-border: var(--color-docs);

    --navbar-font-color: rgba(var(--colors-neutral-60));
    --navbar_hover-background: transparent;

    --nav-bullet-color: var(--color-blue-300);
}
*/
body.docs .navbar,
body.docs .search .search-container .search-form {
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  border-top-color: rgba(10 97 144 / 1);
  border-top-color: var(--color-docs);
}
body.docs .navbar,
body.docs .navbar-brand .navbar-item:first-child,
body.docs .navbar-brand .navbar-item:first-child a {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
@media screen and (min-width: 1024px) {
  body.docs .navbar-end > .navbar-item,
  body.docs .navbar-end .navbar-link {
    color: rgba(10 97 144 / 1);
    color: var(--color-docs);
  }

  body.docs .navbar-end > a.navbar-item:hover,
  body.docs .navbar-end .navbar-link:hover {
    color: rgba(10 97 144 / 1);
    color: var(--color-docs);
  }

  body.docs .navbar-end .navbar-link::after {
    border-color: rgba(10 97 144 / 1);
    border-color: var(--color-docs);
  }

  body.docs .navbar-item.has-dropdown:hover .navbar-link {
    color: rgba(10 97 144 / 1);
    color: var(--color-docs);
  }
}
body.docs .navbar-burger {
  color: rgba(10 97 144 / 1);
  color: var(--color-docs);
}
body.docs .navbar-burger span {
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
}
body.docs .banner .button {
  margin-top: 24px;
}
body.docs .doc .button a {
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.docs .banner .button a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: rgba(143 227 232 / 1);
  background: var(--banner-background-color);
  border: 1px solid rgba(143 227 232 / 1);
  border: 1px solid var(--banner-background-color);
  color: #1a1b1d;
  color: var(--text-inverse);
  font-size: 1rem;
  font-size: var(--font-size-h6);
  font-weight: 600;
}
body.docs .banner .button a:hover {
  background: #5db3bf;
  background: var(--colors-baltic-30);
  border: 1px solid #5db3bf;
  border: 1px solid var(--colors-baltic-30);
  text-decoration: none;
}
body.docs .nav-item .nav-item::before,
body.docs .toc-menu li a::before {
  color: rgba(#5db3bf);
  color: rgba(var(--colors-baltic-30));
}
body.docs .tooltip {
  border-bottom-color: rgba(10 97 144 / 1);
  border-bottom-color: var(--color-docs);
}
body.docs .tooltip--top::after {
  border-bottom-color: rgba(226 227 229 / 1);
  border-bottom-color: var(--code-header-background);
}
body.docs .tooltip.tooltip--bottom::after {
  border-top-color: rgba(10 97 144 / 1);
  border-top-color: var(--color-docs);
}
body.docs #preamble .abstract .title,
body.docs #preamble .abstract blockquote {
  border-left-color: rgba(10 97 144 / 1);
  border-left-color: var(--color-docs);
  color: rgba(1 64 99 / 1);
  color: rgba(var(--colors-baltic-60));
}
body.docs .tableblock .icon i:not(.fa) {
  color: rgba(10 97 144 / 1);
  color: var(--color-docs);
}
/* positive and negative */
body.docs .icon i.fa-thumbs-up {
  color: rgba(63 120 36 / 1);
  color: rgba(var(--theme-light-palette-success-icon));
}
body.docs .icon i.fa-thumbs-down {
  color: rgba(187 45 0 / 1);
  color: rgba(var(--theme-light-palette-danger-icon));
}
body.docs .navbar .navbar-item.getting-started-cta .navbar-link {
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.docs .navbar .navbar-item.getting-started-cta .navbar-link:hover {
  background: rgba(1 64 99 / 1);
  background: rgba(var(--colors-baltic-60));
}
body.docs .navbar .navbar-item.getting-started-cta .navbar-link:active {
  background: rgba(8 30 43 / 1);
  background: rgba(var(--colors-baltic-70));
}
body.docs .banner .button .banner-link {
  background: rgba(143 227 232 / 1);
  background: var(--banner-background-color);
  /* color: var(--banner-text-color); */
}
/* body.docs .banner .button .banner-link:hover {
  background: rgba(var(--banner-hover-color));
} */
body.docs .banner .button .banner-link:active {
  background: rgba(rgba(143 227 232 / 1));
  background: rgba(var(--banner-background-color));
}
/*
body.labs {
    --navbar-background: var(--color-white);
    --navbar-top-border: var(--navbar-font-color);

    --navbar-font-color: rgba(var(--colors-neutral-60));
    --navbar_hover-background: transparent;

    --nav-bullet-color: var(--color-purple-300);
}
*/
body.labs .navbar,
body.labs .search .search-container .search-form {
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  border-top-color: rgba(90 52 170 / 1);
  border-top-color: var(--color-labs);
}
body.labs .navbar,
body.labs .navbar-brand .navbar-item:first-child,
body.labs .navbar-brand .navbar-item:first-child a {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
@media screen and (min-width: 1024px) {
  body.labs .navbar-end > .navbar-item,
  body.labs .navbar-end .navbar-link {
    color: rgba(77 81 87 / 1);
    color: rgba(var(--colors-neutral-60));
  }

  body.labs .navbar-end > a.navbar-item:hover,
  body.labs .navbar-end .navbar-link:hover {
    color: rgba(77 81 87 / 1);
    color: rgba(var(--colors-neutral-60));
  }

  body.labs .navbar-end .navbar-link::after {
    border-color: rgba(77 81 87 / 1);
    border-color: rgba(var(--colors-neutral-60));
  }

  body.labs .navbar-item.has-dropdown:hover .navbar-link {
    color: rgba(77 81 87 / 1);
    color: rgba(var(--colors-neutral-60));
  }
}
body.labs .navbar-burger {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
body.labs .navbar-burger span {
  background: rgba(77 81 87 / 1);
  background: rgba(var(--colors-neutral-60));
}
body.labs .doc .button {
  background: rgba(90 52 170 / 1);
  background: var(--color-labs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.labs .doc .button:hover {
  background: rgba(44 42 52 / 1);
  background: rgba(var(--colors-lavender-60));
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.labs .nav-item .nav-item::before,
body.labs .toc-menu li a::before {
  background-color: #90cdf4;
  background-color: var(--color-blue-300);
}
body.labs .tooltip {
  border-bottom-color: rgba(90 52 170 / 1);
  border-bottom-color: var(--color-labs);
}
body.labs .tooltip--top::after {
  border-bottom-color: rgba(90 52 170 / 1);
  border-bottom-color: var(--color-labs);
}
body.labs .tooltip.tooltip--bottom::after {
  border-top-color: rgba(90 52 170 / 1);
  border-top-color: var(--color-labs);
}
body.labs #preamble .abstract .title,
body.labs #preamble .abstract blockquote {
  border-left-color: rgba(90 52 170 / 1);
  border-left-color: var(--color-labs);
  color: rgba(9 0 28 / 1);
  color: rgba(var(--colors-lavender-80));
}
body.labs .tableblock .icon i {
  color: rgba(90 52 170 / 1);
  color: var(--color-labs);
}
body.labs .navbar .navbar-item.getting-started-cta .navbar-link {
  background: rgba(90 52 170 / 1);
  background: var(--color-labs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.labs .navbar .navbar-item.getting-started-cta .navbar-link:hover {
  background: rgba(75 40 148 / 1);
  background: rgba(var(--colors-lavender-50));
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.labs .banner .button .banner-link {
  background: rgba(143 227 232 / 1);
  background: var(--banner-background-color);
  color: #5db3bf;
  color: var(--colors-baltic-30);
}
body.labs .banner .button .banner-link:hover {
  background: rgba(75 40 148 / 1);
  background: rgba(var(--colors-lavender-50));
  color: rgba(92 195 201 / 1);
  color: var(--banner-hover-color);
}
/* Labs Home Page */
body.landing.labs .hero {
  background-color: rgba(90 52 170 / 1);
  background-color: var(--color-labs);
  background-image: url('https://cdn.neo4jlabs.com/images/lab-pipette-big.jpg');
  /* background-image: url('https://cdn.neo4jlabs.com/images/lab-pipette-big-overlay.jpg'); */
  background-repeat: no-repeat;
  background-size: cover;
}
body.landing.labs .hero h2 {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.landing.labs h2::after {
  background-color: rgba(90 52 170 / 1) !important;
  background-color: var(--color-labs) !important;
}
body.landing.labs .hero p {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
.landing.labs .hero .buttons::before {
  background-color: rgba(117 78 200 / 1);
  background-color: rgba(var(--colors-lavender-40));
}
.landing.labs .hero .buttons::after {
  background-color: rgba(226 227 229 / 1);
  background-color: var(--landing-leading-background);
}
body.landing.labs .buttons > * {
  background: rgba(117 78 200 / 1);
  background: rgba(var(--colors-lavender-40));
}
body.landing.labs .buttons li a {
  background: rgba(90 52 170 / 1);
  background: var(--color-labs);
  color: white;
}
body.landing.labs .buttons li a:hover {
  background: rgba(75 40 148 / 1);
  background: rgba(var(--colors-lavender-50));
}
body.landing.labs .buttons li a:active {
  background: #3182ce;
  background: var(--color-blue-600);
}
/* body.developer {
    --nav-bullet-color: rgba(var(--colors-neutral-50));
} */
body.developer .navbar,
body.developer .search .search-container .search-form {
  border-top-color: #38a169;
  border-top-color: var(--color-green-600);
}
body.developer .nav-item .nav-item::before,
body.developer .toc-menu li a::before {
  background-color: rgba(111 117 126 / 1);
  background-color: rgba(var(--colors-neutral-50));
}
.developer .navbar-brand #neo4j-group {
  fill: rgba(255 255 255 / 1);
  fill: var(--color-white);
}
.developer .navbar-brand #developer {
  fill: rgba(149 154 161 / 1);
  fill: rgba(var(--colors-neutral-40));
}
body.developer .doc .button {
  background: #2f855a;
  background: var(--color-green-700);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.developer .doc .button:hover {
  background: #38a169;
  background: var(--color-green-600);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.developer .doc .button:active {
  background: rgba(77 81 87 / 1);
  background: rgba(var(--colors-neutral-60));
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.developer #preamble .abstract .title,
body.developer #preamble .abstract blockquote {
  border-left-color: #38a169;
  border-left-color: var(--color-green-600);
}
body.developer .tableblock .icon i:not(.fa) {
  color: #38a169;
  color: var(--color-green-600);
}
body.developer .navbar .navbar-item.getting-started-cta .navbar-link {
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.developer .navbar .navbar-item.getting-started-cta:hover .navbar-link {
  background: rgba(1 64 99 / 1);
  background: rgba(var(--colors-baltic-60));
}
body.developer .banner .button .banner-link {
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.developer .banner .button:hover .banner-link {
  background: rgba(1 64 99 / 1);
  background: rgba(var(--colors-baltic-60));
}
/* Developer Home Page */
body.landing.developer .navbar {
  border-bottom: 0 none;
}
body.landing.developer .hero {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(9 9 10 / 1)), color-stop(45%, rgba(33 35 37 / 1)), to(rgba(33 35 37 / 1)));
  background: linear-gradient(180deg, rgba(9 9 10 / 1) 0%, rgba(33 35 37 / 1) 45%, rgba(33 35 37 / 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--colors-neutral-80))), color-stop(45%, rgba(var(--colors-neutral-70))), to(rgba(var(--colors-neutral-70))));
  background: linear-gradient(180deg, rgba(var(--colors-neutral-80)) 0%, rgba(var(--colors-neutral-70)) 45%, rgba(var(--colors-neutral-70)) 100%);
}
@media all and (min-width: 760px) {
  /* .landing.developer .languages {
    padding: 1em 0 4em;
  } */

  .landing.developer .languages h3 {
    display: none;
  }

  .landing.developer .languages .flex-container {
    text-align: center;
  }
}
.landing.developer .languages ul {
  padding: 0;
  margin: 0;
}
.landing.developer .languages ul li {
  margin-bottom: 0;
  list-style: none;
}
.landing.developer .languages ul li a {
  font-weight: 400;
}
body.landing.developer .hero .buttons::before {
  background-color: rgba(77 81 87 / 1);
  background-color: rgba(var(--colors-neutral-60));
}
body.landing.developer .hero .buttons::after {
  background-color: rgba(226 227 229 / 1);
  background-color: var(--landing-leading-background);
}
body.landing.developer .sect1 .buttons > * {
  background: rgba(77 81 87 / 1);
  background: rgba(var(--colors-neutral-60));
}
body.landing.developer .buttons li a {
  background: rgba(9 9 10 / 1);
  background: rgba(var(--colors-neutral-80));
  color: white;
}
body.landing.developer .buttons li a:hover {
  background: rgba(33 35 37 / 1);
  background: rgba(var(--colors-neutral-70));
}
body.landing.developer .buttons li a:active {
  background: #38a169;
  background: var(--color-green-600);
}
/* KB */
body.kb svg.kb {
  margin-bottom: 10px;
}
body.kb .navbar,
body.kb .search .search-container .search-form {
  border-top-color: rgba(90 52 170 / 1);
  border-top-color: var(--color-kb);
}
.kb .navbar-brand #developer {
  fill: rgba(149 154 161 / 1);
  fill: rgba(var(--colors-neutral-40));
}
.kb .navbar-brand #neo4j-group {
  fill: rgba(255 255 255 / 1);
  fill: var(--color-white);
}
body.kb .navbar .navbar-item.getting-started-cta .navbar-link {
  background: rgba(90 52 170 / 1);
  background: var(--color-labs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.kb .navbar .navbar-item.getting-started-cta .navbar-link:hover {
  background: rgba(75 40 148 / 1);
  background: rgba(var(--colors-lavender-50));
}
body.kb .navbar .navbar-item.getting-started-cta .navbar-link:active {
  background: rgba(44 42 52 / 1);
  background: rgba(var(--colors-lavender-60));
}
body.kb .banner .banner-item.button-cta .banner-link {
  background: rgba(90 52 170 / 1);
  background: var(--color-labs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.kb .banner .banner-item.button-cta .banner-link:hover {
  background: rgba(75 40 148 / 1);
  background: rgba(var(--colors-lavender-50));
}
body.kb .banner .banner-item.button-cta .banner-link:active {
  background: rgba(44 42 52 / 1);
  background: rgba(var(--colors-lavender-60));
}
body.training .navbar,
body.training .search .search-container .search-form {
  border-top-color: rgba(150 18 0 / 1);
  border-top-color: var(--color-training);
  border-bottom: 0;
}
.training .navbar-brand #developer {
  fill: rgba(149 154 161 / 1);
  fill: rgba(var(--colors-neutral-40));
}
.training .navbar-brand #neo4j-group {
  fill: rgba(255 255 255 / 1);
  fill: var(--color-white);
}
/* Graphgists */
body.graphgists .sect1.hero h2::after {
  background-color: rgba(90 52 170 / 1) !important;
  background-color: var(--color-graphgists) !important;
}
body.graphgists svg.graphgists {
  margin-bottom: 10px;
}
body.graphgists .navbar,
body.graphgists .search .search-container .search-form {
  border-top-color: rgba(90 52 170 / 1);
  border-top-color: var(--color-graphgists);
  border-bottom-color: #000;
  border-bottom-color: var(--color-black);
}
.graphgists .navbar-brand #developer {
  fill: rgba(149 154 161 / 1);
  fill: rgba(var(--colors-neutral-40));
}
.graphgists .navbar-brand #neo4j-group {
  fill: rgba(255 255 255 / 1);
  fill: var(--color-white);
}
body.graphgists .navbar .navbar-item.getting-started-cta .navbar-link {
  background: rgba(90 52 170 / 1);
  background: var(--color-labs);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
.doc pre.has-header code {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.doc .listingblock .code-title,
.doc .listingblock .code-inset {
  padding: 0.5rem;
  /* display: flex; */
}
.doc .listingblock .code-title {
  /* flex-grow: 1; */
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.doc .code-header {
  /* display: flex; */
}
.doc .code-header div {
  padding: 0.25rem 0;
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
}
.doc .listingblock .code-spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.doc .listingblock .code-title,
.doc .listingblock .code-language {
  /* background: var(--code-header-background); */
  color: rgba(26 27 29 / 1);
  color: var(--code-header-font-color);
  font-size: 0.875rem;
  font-size: var(--code-header-font-size);
}
.doc .listingblock .code-header {
  background: rgba(226 227 229 / 1);
  background: var(--code-header-background);
  color: rgba(26 27 29 / 1);
  color: var(--code-header-font-color);
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.doc .listingblock .code-language {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  padding: 0.25rem 0;
}
.doc .listingblock .code-inset .btn {
  border: 0 none;
  padding: 0.6rem 0;
  border-radius: 0.175rem;
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
  line-height: 1;
  text-align: center;
}
.doc .code-footer .btn {
  border: 0 none;
  background: rgba(226 227 229 / 1) !important;
  background: var(--code-header-background) !important;
  color: rgba(26 27 29 / 1) !important;
  color: var(--code-header-font-color) !important;
  margin: 0.25rem 0 0.25rem 0.5rem;
  padding: 0.6rem;
  border-radius: 0.175rem;
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
  line-height: 1;
  text-align: center;
}
.doc .listingblock .code-inset .btn:focus,
.doc .code-footer .btn:focus {
  outline: none;
}
.doc .listingblock .code-inset .btn-copy:hover {
  cursor: pointer;
}
.doc .listingblock .code-inset .btn.btn-copy {
  padding: 0;
}
.doc .listingblock .code-inset .btn-copy.fa-check {
  background: rgba(77 81 87 / 1);
  background: rgba(var(--colors-neutral-60));
  margin: 0.2rem;
  padding: 0.4rem;
}
.doc .listingblock .code-inset .btn-copy.fa-check::before {
  display: block;
  background: transparent;
  color: rgba(26 27 29 / 1) !important;
  color: var(--code-header-font-color) !important;
}
.doc .listingblock .code-inset {
  border-top-right-radius: 0.5rem;
  /* background: var(--pre-background); */
  color: rgba(26 27 29 / 1);
  color: var(--code-header-font-color);
  font-size: 0.69444rem;
  font-size: calc(12.5/var(--rem-base)*1rem);
  position: absolute;
  /* float: right; */
  padding: 0.25rem 0.5rem;
  /* margin-left: -2rem; */
  z-index: 1;
  right: 0;
}
.doc .code-inset .copy-success.hidden {
  display: none;
}
.doc .code-inset .copy-success .btn {
  position: absolute;
  right: -1rem;
  background: rgba(41 97 39 / 1);
  background: rgba(var(--colors-forest-50));
  color: rgba(255 255 255 / 1) !important;
  color: var(--color-white) !important;
  padding: 0.4rem;
  margin: 0;
  line-height: 1;
  font-size: 0.69444rem;
  font-size: calc(12.5/var(--rem-base)*1rem);
  width: 4rem;
  z-index: 1;
}
.doc .code-inset .copy-success .btn::after {
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 50%;
  margin-left: -0.25rem;
  margin-top: -0.25rem;
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-bottom: 0.5rem solid rgba(41 97 39 / 1);
  border-bottom: 0.5rem solid rgba(var(--colors-forest-50));
}
.doc .code-footer {
  background: rgba(111 117 126 / 1);
  background: rgba(var(--colors-neutral-50));
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
  padding: 0.3rem 12px 0.3rem 0;
  font-size: 0.8em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.doc .spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.doc .show-more {
  position: absolute;
  bottom: 0;
  height: 2.5rem;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.doc .show-more a {
  font-weight: 500;
  color: rgba(26 27 29 / 1);
  color: var(--code-header-font-color);
  padding: 5px 10px;
  background: rgba(226 227 229 / 1);
  background: var(--code-header-background);
  border-radius: 30px;
}
.doc .code-footer.has-results {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.doc .code-footer .loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 0.6rem;
  color: rgba(226 227 229 / 1);
  color: rgba(var(--colors-neutral-20));
  font-size: 0.7rem;
}
.doc .code-results {
  background: rgba(226 227 229 / 1);
  background: rgba(var(--colors-neutral-20));
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  border: 1px solid rgba(111 117 126 / 1);
  border: 1px solid rgba(var(--colors-neutral-50));
  border-bottom-width: 2px;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  font-size: 0.75rem;
  overflow: auto;
}
.doc .code-results .code-result-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid rgba(149 154 161 / 1);
  border-bottom: 1px solid rgba(var(--colors-neutral-40));
  margin: 0 12px 4px;
}
.doc .code-results .code-result-options .code-result-header {
  font-weight: 600;
  text-transform: uppercase;
  padding: 0.6rem 0 0.2rem;
}
.doc .code-results button {
  padding: 0;
  font-weight: 600;
  border: 0 none;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  background: transparent;
}
.doc .code-results button:focus {
  color: #38a169;
  color: var(--color-green-600);
  outline: none;
}
.doc .code-results .code-result-container {
  width: 100%;
  max-height: 600px;
  overflow: auto;
  padding: 12px;
}
.doc .code-results .code-result-table {
  min-width: 100%;
}
.doc .code-results .code-result-table th {
  font-weight: 600;
  text-align: left;
  font-size: 0.7rem;
  padding: 0 0.25rem 6px;
  color: #718096;
  border-bottom: 1px solid #cbd5e0;
}
.doc .code-results .code-result-table td {
  vertical-align: top;
  padding: 0.25rem;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
.doc .code-results .code-result-table tbody td {
  border-right: 1px solid rgba(187 190 195 / 1);
  border-right: 1px solid rgba(var(--colors-neutral-30));
  border-bottom: 1px solid rgba(187 190 195 / 1);
  border-bottom: 1px solid rgba(var(--colors-neutral-30));
}
.doc .code-results .code-result-table tbody tr td:last-child {
  border-right-width: 0;
}
/*
.doc .code-results .code-result-table tbody tr:nth-child(even) {
  background: rgba(var(--colors-neutral-15));
}

.doc .code-results .code-result-table tbody tr:hover {
  background: rgba(var(--colors-neutral-15));
}
*/
.doc .code-results .code-result-table tbody tr:hover {
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
}
.doc .code-results pre {
  padding: 0;
  font-size: 0.6rem;
  background: transparent;
}
.doc .code-results .error {
  border-left: 4px solid #e53e3e;
  border-left: 4px solid var(--color-red-600);
  color: #e53e3e;
  color: var(--color-red-600);
  padding: 8px;
  border-radius: 0;
}
.doc .editable code,
.doc .editable code:focus {
  outline: none;
}
.doc .code-result-toggle {
  padding-right: 1.2rem;
}
.doc .code-result-toggle button {
  line-height: 1.5;
  line-height: var(--body-line-height);
  padding: 0.5rem 0 0.5rem;
  margin-left: 0.4rem;
  border-bottom: 2px solid transparent;
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
}
.doc .code-result-toggle button.code-result-toggle--current {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  border-bottom-color: rgba(77 81 87 / 1);
  border-bottom-color: rgba(var(--colors-neutral-60));
}
@media all and (min-width: 760px) {
  .code-walkthrough .doc #preamble .paragraph {
    font-size: 1.1rem;
  }

  .code-walkthrough .doc {
    max-width: 68rem;
  }

  .code-walkthrough .doc .sect1 {
    clear: both;
    position: relative;
    padding-right: 50%;
  }

  .code-walkthrough .doc .sect1::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: -2rem;
    right: 0;
    width: 48%;
    background: rgba(245 246 246 / 1);
    background: rgba(var(--colors-neutral-15));
    z-index: 1;
  }

  .code-walkthrough .doc .sect1.disconnected::after {
    display: none;
  }

  .code-walkthrough .doc .sect1.first::after {
    top: 2.7rem;
  }

  .code-walkthrough .doc .sect1:first-child::after {
    top: 2.7rem;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
  }

  .code-walkthrough .doc .sect1.last::after {
    bottom: 0;
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }

  .code-walkthrough .doc .listingblock {
    position: absolute;
    top: 2.7rem;
    right: 0;
    width: 48%;
    z-index: 10;
    z-index: var(--z-index-code);
  }

  .code-walkthrough .doc .listingblock code {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 0 none !important;
    -moz-tab-size: 2;
      -o-tab-size: 2;
         tab-size: 2;
  }

  .code-walkthrough .toc {
    display: none;
  }

  .highlight .highlight-line {
    background: rgba(231 250 251 / 1);
    background: var(--mark-background);
  }
}
/* Navbar */
body.kb .navbar {
  border-bottom: 0 none;
  border-top-color: rgba(90 52 170 / 1);
  border-top-color: var(--color-kb);
}
body.kb section.hero {
  padding: 8rem 0 0;
  background: rgba(9 9 10 / 1);
  background: var(--navbar-background);
  background: rgb(2, 0, 36);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(9 9 10 / 1)), to(rgba(111 117 126 / 1)));
  background: linear-gradient(180deg, rgba(9 9 10 / 1) 0%, rgba(111 117 126 / 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(var(--navbar-background)), to(var(--hero-fade)));
  background: linear-gradient(180deg, var(--navbar-background) 0%, var(--hero-fade) 100%);
  text-align: left;
}
body.kb h1::after,
body.kb h2::after {
  background-color: rgba(90 52 170 / 1) !important;
  background-color: var(--color-kb) !important;
}
body.kb .label {
  background-color: rgba(90 52 170 / 1) !important;
  background-color: var(--color-kb) !important;
  color: rgba(245 246 246 / 1);
  color: rgba(var(--colors-neutral-15));
}
/* Hero */
body.kb .kb-search {
  max-width: 680px;
  margin: 2em auto 4rem;
  background: rgba(111 117 126 / 1);
  background: rgba(var(--colors-neutral-50));
  border-radius: 0.5rem;
  color: rgba(245 246 246 / 1);
  color: rgba(var(--colors-neutral-15));
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.9rem;
  cursor: pointer;
}
body.kb .kb-search .search-placeholder {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0.75rem 0;
}
body.kb .kb-search .search-shortcut {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  color: rgba(33 35 37 / 1);
  color: rgba(var(--colors-neutral-70));
  background: rgba(111 117 126 / 1);
  background: rgba(var(--colors-neutral-50));
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  /* font-family: monospace; */
  font-weight: 400;
}
body.kb .kb-search .kb-search-icon {
  padding-top: 2px;
}
body.kb .kb-search svg {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 1.6rem;
  height: 1.6rem;
  stroke: rgba(9 9 10 / 1);
  stroke: rgba(var(--colors-neutral-80));
  margin-left: 12px;
}
body.kb .hero {
  padding-bottom: 2em !important;
}
/* Doc */
body.kb-article .doc {
  max-width: initial;
  padding: 2em 0;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 0 !important;
      -ms-flex: none !important;
          flex: none !important;
}
body.kb-article .doc > .sect1 > .sectionbody {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
body.kb .doc .flex-container {
  padding: 2em 0 1em;
}
body.kb .doc .sectionbody {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
}
/* Landing Page */
body.landing.kb.kb-home .article.paragraph {
  padding: 0;
}
body.landing.kb.kb-home .sectionbody {
  padding-left: 1rem;
  padding-right: 1rem;
}
body.landing.kb.kb-home .flex-container .sectionbody .column {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 13rem;
}
@media (min-width: 760px) {
  body.landing.kb.kb-home .flex-container .sectionbody .column {
    padding-left: 0;
    padding-right: 2rem;
  }
}
body.landing.kb .doc .sectionbody .column ul li a {
  font-weight: 200;
}
body.landing.kb .doc .sectionbody .column ul {
  list-style-type: none;
  padding: 0;
}
.landing .flex-container .category.column:first-child {
  margin-left: 0 !important;
}
.landing .flex-container .category.column:last-child {
  margin-right: 0 !important;
}
body.landing.kb.kb-home ul.category-tags span.count {
  float: right;
  color: rgba(9 9 10 / 1);
  color: rgba(var(--colors-neutral-80));
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 0.75em;
  height: 2em;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.25;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
  margin-right: 2rem;
}
/* Article */
body.kb .article.paragraph {
  padding: 0 1rem;
}
body.kb-article .doc h1 { display: block; }
body.kb h2 {
  font-weight: 200;
}
body.kb h2 span {
  color: rgba(90 52 170 / 1);
  color: var(--color-kb);
  font-weight: 600;
}
body.kb-article .heading {
  padding: 2em 0;
}
body.kb-category .breadcrumbs,
body.kb-tag .breadcrumbs {
  padding: 0 1rem;
}
body.kb-article .breadcrumbs {
  padding: 0;
}
body.kb-category .breadcrumbs ul,
body.kb-tag .breadcrumbs ul,
body.kb-article .breadcrumbs ul {
  padding: 0 !important;
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
}
.kb-category .breadcrumbs a,
.kb-tag .breadcrumbs a,
.kb-article .breadcrumbs a {
  font-weight: 200;
}
.kb .breadcrumbs a::after {
  display: none;
}
.kb-article h1.page {
  margin: 0.5rem 0;
}
.kb .kb-metadata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 0.875rem;
  margin-bottom: 0;
}
.kb .kb-metadata-menu {
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.kb .kb-metadata-menu dl {
  margin: 0;
}
.kb .kb-metadata dt,
.kb .kb-metadata dd {
  display: inline-block;
  padding: 0;
  margin-left: 0;
}
.kb-metadata dt::after {
  content: ":";
}
.kb .kb-metadata dd {
  margin: 0 1rem 0 0.2rem;
}
.kb .kb-metadata .edit-this-page {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kb .kb-metadata .edit-this-page a {
  font-weight: normal;
}
.kb .kb-metadata .edit-this-page a::after { display: none; }
/* Training */
.training-certification .doc,
.training-enrollment .doc,
.training-home .doc {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 75rem;
  margin: auto;
}
.training .doc h2::after {
  background-color: rgba(150 18 0 / 1);
  background-color: var(--color-training);
}
/* Landing */
.training.landing .discrete > h3 {
  display: none;
}
.training.landing .featured-courses {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, auto));
  margin: 0 -1rem;
}
.training.landing .featured-courses > .openblock {
  padding: 1rem;
  margin-bottom: 1rem;
  display: grid;
}
.training.landing .featured-courses > .openblock > .content {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  display: grid;
  grid-template-rows: 0.1fr auto 4rem;
  background: #fff;
}
.training.landing .featured-courses > .openblock > .content > .imageblock {
  margin: 0;
}
.training.landing .featured-courses > .openblock > .content > .paragraph {
  padding: 0.5rem 1rem 0;
  line-height: 1.4;
}
.training.landing .course-label {
  background: linear-gradient(45deg, #63b3ed, #b794f4);
  background: linear-gradient(45deg, var(--color-blue-400), var(--color-purple-400));
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 5px;
  color: #fff;
  font-weight: 700;
}
.training.landing .featured-courses .course-duration::before {
  display: inline-block;
  content: " ";
  background-image: url(../img/duration.svg);
  background-repeat: no-repeat;
  height: 1rem;
  width: 1rem;
  margin-right: 0.25rem;
}
.training.landing .featured-courses .course-duration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.65rem;
}
.training.landing a.button.course-action {
  background-color: #d53f8c;
  background-color: var(--color-pink-600);
}
.training.landing a.button.course-action:hover {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
  background-color: #ed64a6;
  background-color: var(--color-pink-500);
}
.training.landing a.button.course-action:visited {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
/* Home */
.training-home .doc .find-training {
  text-align: center;
  padding-bottom: 2em;
}
.training-home .doc .find-training h3 {
  margin: 0;
  padding: 0;
}
.training-home .doc .find-training hr {
  background: url('../img/delimiter.svg') no-repeat top center;
  background-size: contain;
  display: block;
  height: 2rem;
  border: 0;
  position: relative;
  margin-bottom: 2rem;
}
.training-home .doc .find-training hr::before,
.training-home .doc .find-training hr::after {
  content: '';
  display: block;
  position: absolute;
  background: rgba(226 227 229 / 1);
  background: rgba(var(--colors-neutral-20));
  height: 2px;
  top: 1.25rem;
}
.training-home .doc .find-training hr::before {
  left: 0;
  right: 50%;
  margin-right: 7.75rem;
}
.training-home .doc .find-training hr::after {
  right: 0;
  left: 50%;
  margin-left: 7.75rem;
}
.training-home .doc section.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 2em;
}
/* Hero */
.training-certification .hero,
.training-enrollment .hero,
.training-home .hero {
  color: white;
  padding: 8rem 0 2rem !important;
  background: rgba(9 9 10 / 1);
  background: rgba(var(--colors-neutral-80));
  background: rgb(2, 0, 36);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(9 9 10 / 1)), color-stop(45%, rgba(33 35 37 / 1)), to(rgba(33 35 37 / 1)));
  background: linear-gradient(180deg, rgba(9 9 10 / 1) 0%, rgba(33 35 37 / 1) 45%, rgba(33 35 37 / 1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--colors-neutral-80))), color-stop(45%, rgba(var(--colors-neutral-70))), to(rgba(var(--colors-neutral-70))));
  background: linear-gradient(180deg, rgba(var(--colors-neutral-80)) 0%, rgba(var(--colors-neutral-70)) 45%, rgba(var(--colors-neutral-70)) 100%);
  text-align: left;
}
.training-certification .hero h1,
.training-enrollment .hero h1,
.training-home .hero h1 {
  color: white;
}
.training-certification .hero h1::after,
.training-certification .hero h2::after,
.training-enrollment .hero h1::after,
.training-enrollment .hero h2::after,
.training-home .hero h1::after,
.training-home .hero h2::after {
  background-color: rgba(150 18 0 / 1);
  background-color: var(--color-training);
}
/* Home */
.row > .training-courses {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 2em;
  padding-top: 2rem;
}
.training-promoted {
  min-width: 20rem;
}
.training-courses ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, auto));
}
.training-courses ul li::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.training-courses ul > li {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.training-courses ul > li > a {
  cursor: pointer;
}
.training-courses ul > li > a:hover {
  color: white;
  font-weight: 800;
}
.training-courses .course-card {
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.17);
  border-radius: 5px;
  display: grid;
  grid-template-rows: 250px 1fr;
  grid-template-columns: minmax(-webkit-min-content, 400px);
  grid-template-columns: minmax(min-content, 400px);
}
.training-courses .course-card .course-illustration {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.training-courses .course-card .course-label {
  background: linear-gradient(45deg, #63b3ed, #b794f4);
  background: linear-gradient(45deg, var(--color-blue-400), var(--color-purple-400));
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 5px;
  color: white;
  font-weight: 700;
}
.training-courses .course-card > .course-content {
  padding: 0.5rem 1rem 1rem;
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content 1fr;
  grid-template-rows: min-content min-content 1fr;
}
.training-courses .course-card .course-content h3 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}
.training-courses .course-content .course-duration {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.1rem;
  padding: 0;
}
.training-courses .course-content .course-actions {
  margin-top: auto;
}
.training-courses .course-content .course-duration::before {
  display: inline-block;
  content: ' ';
  background-image: url('../img/duration.svg');
  height: 1rem;
  width: 1rem;
  margin-right: 0.25rem;
}
.course-actions a.button {
  background-color: #d53f8c;
  background-color: var(--color-pink-600);
}
.course-actions a.button:hover {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
  background-color: #ed64a6;
  background-color: var(--color-pink-500);
}
.course-actions a.button:visited {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
.course-actions .course-state.is-hidden {
  display: none;
}
.training-courses ul > li .course-card .button {
  margin-top: 1rem;
  margin-bottom: 0.75rem;
}
.training-courses ul > li a {
  color: inherit;
}
.training-courses ul > li a:hover {
  color: #d53f8c;
  color: var(--color-pink-600);
}
/* Enrollment */
.training-certification .doc .sect1,
.training-enrollment .doc .sect1 {
  padding: 0.25rem 0;
  margin-top: 0;
}
.training-certification .doc h2,
.training-enrollment .doc h2 {
  margin: 0;
  border-bottom: 0 none;
}
.training-certification .doc h2::after,
.training-enrollment .doc h2::after {
  display: block;
  height: 3px;
  width: 80px;
  margin-top: 1rem;
  margin-bottom: 0;
  content: "";
}
.training-certification .doc,
.training-enrollment .doc {
  padding-top: 2em;
}
.training-certification .doc section,
.training-enrollment .doc section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.training-certification .doc header h3,
.training-enrollment .doc header h3 {
  margin: 0;
  padding: 0.4rem 0 2rem;
}
.training-certification .course-description,
.training-enrollment .course-description {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  min-width: 450px;
  padding-left: 1rem;
  padding-right: 1rem;
}
/* stack elements to prevent layout shift */
.training-certification .course-actions,
.training-enrollment .course-actions {
  display: grid;
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
  min-width: 350px;
  padding-left: 1rem;
  padding-right: 1rem;
}
.training-certification .course-actions > .error,
.training-certification .course-actions > .spinner,
.training-certification .course-actions > .content,
.training-enrollment .course-actions > .error,
.training-enrollment .course-actions > .spinner,
.training-enrollment .course-actions > .content {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.training-certification .course-actions .panel,
.training-enrollment .course-actions .panel {
  display: grid;
  padding: 1rem;
  background-color: rgba(245 246 246 / 1);
  background-color: rgba(var(--colors-neutral-15));
  border-top: 5px solid rgba(150 18 0 / 1);
  border-top: 5px solid var(--color-training);
}
.training-certification .course-actions a.button-logout,
.training-enrollment .course-actions a.button-logout {
  background: none;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  text-decoration: underline;
  text-align: end;
  display: block;
  font-size: 0.8rem;
  padding: 0;
  margin-bottom: 0.5rem;
}
/* stack elements to prevent layout shift */
.training-certification .course-actions .content,
.training-enrollment .course-actions .content {
  display: grid;
}
.training-certification .course-actions .content > .course-state,
.training-enrollment .course-actions .content > .course-state {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
/* Form */
.training-certification .course-actions form label,
.training-enrollment .course-actions form label {
  color: rgba(9 9 10 / 1);
  color: rgba(var(--colors-neutral-80));
  display: block;
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.training-certification .course-actions form .field:not(:last-child),
.training-enrollment .course-actions form .field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.training-certification .course-actions form .field.action,
.training-enrollment .course-actions form .field.action {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.training-certification .course-actions .button-signin,
.training-certification .course-actions .button-course-enroll,
.training-certification .course-actions .button-course-continue,
.training-enrollment .course-actions .button-signin,
.training-enrollment .course-actions .button-course-enroll,
.training-enrollment .course-actions .button-course-continue {
  margin: auto;
}
/* Marketo form */
.training-certification .course-actions form .help,
.training-enrollment .course-actions form .help {
  font-size: 0.85rem;
  margin-top: 0;
  font-style: italic;
  margin-bottom: 1.25rem;
  margin-left: 0.8rem;
}
.training-certification .course-actions form input:hover,
.training-enrollment .course-actions form input:hover {
  border-color: rgba(111 117 126 / 1);
  border-color: rgba(var(--colors-neutral-50));
}
.training-certification .course-actions form select:hover,
.training-enrollment .course-actions form select:hover {
  border-color: rgba(111 117 126 / 1);
  border-color: rgba(var(--colors-neutral-50));
}
.training-certification .course-actions form select,
.training-enrollment .course-actions form select {
  cursor: pointer;
  display: block;
  max-width: 100%;
  outline: 0;
  background-color: white;
  border-radius: 4px;
  color: rgba(9 9 10 / 1);
  color: rgba(var(--colors-neutral-80));
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(149 154 161 / 1);
  border: 1px solid rgba(var(--colors-neutral-40));
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1rem;
  height: 2.5em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding: calc(0.5em - 1px) calc(0.75em - 1px);
  position: relative;
  vertical-align: top;
}
.training-certification .course-actions form input[type="text"],
.training-certification .course-actions form input[type="email"],
.training-enrollment .course-actions form input[type="text"],
.training-enrollment .course-actions form input[type="email"] {
  max-width: 100%;
  width: 100%;
  background-color: white;
  border-radius: 4px;
  color: rgba(9 9 10 / 1);
  color: rgba(var(--colors-neutral-80));
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(187 190 195 / 1);
  border: 1px solid rgba(var(--colors-neutral-30));
  -webkit-box-shadow: none;
          box-shadow: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.5;
  padding: calc(0.5em - 1px) calc(0.75em - 1px);
  position: relative;
  vertical-align: top;
}
.training-certification .course-actions form select:focus,
.training-certification .course-actions form input:focus,
.training-enrollment .course-actions form select:focus,
.training-enrollment .course-actions form input:focus {
  outline: 0;
  border-color: rgba(150 18 0 / 1);
  border-color: var(--color-training);
  -webkit-box-shadow: 0 0 0 0.125em rgba(213, 63, 140, 0.25);
          box-shadow: 0 0 0 0.125em rgba(213, 63, 140, 0.25);
}
.training-certification .mktoForm .mktoFormCol,
.training-enrollment .mktoForm .mktoFormCol {
  width: 100%;
}
.training-certification .mktoForm .mktoFieldWrap,
.training-enrollment .mktoForm .mktoFieldWrap {
  width: 100%;
}
.training-certification .mktoForm,
.training-certification .mktoField,
.training-enrollment .mktoForm,
.training-enrollment .mktoField {
  width: 100% !important;
}
.training-certification input.mktoField[type="checkbox"],
.training-enrollment input.mktoField[type="checkbox"] {
  width: auto !important;
  margin-top: 0.5rem;
}
.training-certification .mktoForm .mktoRequiredField .mktoAsterix,
.training-enrollment .mktoForm .mktoRequiredField .mktoAsterix {
  display: block;
}
.training-certification .mktoForm .mktoAsterix,
.training-enrollment .mktoForm .mktoAsterix {
  color: #9b2c2c;
  color: var(--color-red-800);
  display: none;
}
.training-certification .mktoForm .mktoError .mktoErrorMsg,
.training-enrollment .mktoForm .mktoError .mktoErrorMsg {
  display: block;
  margin-top: 7px;
  border-radius: 6px;
  border: none;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-shadow: none;
  outline: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #fed7d7;
  background-color: var(--color-red-200);
  color: #742a2a;
  color: var(--color-red-900);
  padding: 0.65rem;
}
.training-certification .mktoForm .mktoError .mktoErrorArrow,
.training-enrollment .mktoForm .mktoError .mktoErrorArrow {
  background-color: #fed7d7;
  background-color: var(--color-red-200);
  border: none;
  outline: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.training-certification .mktoForm button.mktoButton,
.training-enrollment .mktoForm button.mktoButton {
  color: #fff;
  cursor: pointer;
  background-color: #d53f8c;
  background-color: var(--color-pink-600);
  display: inline-block;
  border-radius: 0.25rem;
  margin: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: 600;
}
.training-certification button.mktoButton:hover,
.training-enrollment button.mktoButton:hover {
  background-color: #ed64a6;
  background-color: var(--color-pink-500);
}
.training-certification .mktoForm div,
.training-certification .mktoForm span,
.training-certification .mktoForm label,
.training-certification .mktoForm p,
.training-certification .mktoForm div.mktoButtonRow,
.training-enrollment .mktoForm div,
.training-enrollment .mktoForm span,
.training-enrollment .mktoForm label,
.training-enrollment .mktoForm p,
.training-enrollment .mktoForm div.mktoButtonRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.training-certification .mktoForm span,
.training-enrollment .mktoForm span {
  width: 100%;
}
#LblPostalCode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
/* info */
.training-certification .course-actions[data-status="info"] .info {
  visibility: visible;
}
.training-certification .course-actions[data-status="info"] .spinner,
.training-certification .course-actions[data-status="info"] .content,
.training-certification .course-actions[data-status="info"] .error {
  visibility: hidden;
}
/* loading */
.training-certification .course-actions[data-status="loading"] .spinner,
.training-enrollment .course-actions[data-status="loading"] .spinner {
  visibility: visible;
}
.training-certification .course-actions[data-status="loading"] .content,
.training-certification .course-actions[data-status="loading"] .error,
.training-certification .course-actions[data-status="loading"] .info,
.training-enrollment .course-actions[data-status="loading"] .content,
.training-enrollment .course-actions[data-status="loading"] .error {
  visibility: hidden;
}
/* loaded */
.training-certification .course-actions[data-status="loaded"] .content,
.training-enrollment .course-actions[data-status="loaded"] .content {
  visibility: visible;
}
.training-certification .course-actions[data-status="loaded"] .info,
.training-certification .course-actions[data-status="loaded"] .error,
.training-certification .course-actions[data-status="loaded"] .spinner,
.training-enrollment .course-actions[data-status="loaded"] .error,
.training-enrollment .course-actions[data-status="loaded"] .spinner {
  visibility: hidden;
}
/* error */
.training-certification .course-actions[data-status="error"] .error,
.training-enrollment .course-actions[data-status="error"] .error {
  visibility: visible;
}
.training-certification .course-actions[data-status="error"] .info,
.training-certification .course-actions[data-status="error"] .content,
.training-certification .course-actions[data-status="error"] .spinner,
.training-enrollment .course-actions[data-status="error"] .content,
.training-enrollment .course-actions[data-status="error"] .spinner {
  visibility: hidden;
}
.training-certification .course-actions .error,
.training-enrollment .course-actions .error {
  background-color: #fed7d7;
  background-color: var(--color-red-200);
  color: #742a2a;
  color: var(--color-red-900);
  padding: 1rem;
  border-left: 4px solid #e53e3e;
  border-left: 4px solid var(--color-red-600);
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto auto;
}
.training-certification .course-actions .info {
  background-color: #bee3f8;
  background-color: var(--color-blue-200);
  color: #2a4365;
  color: var(--color-blue-900);
  padding: 1rem;
  border-left: 4px solid #3182ce;
  border-left: 4px solid var(--color-blue-600);
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto auto;
}
.training-certification .course-actions .spinner,
.training-enrollment .course-actions .spinner {
  margin: 0 auto auto;
}
.training-certification .doc .sect1.heading,
.training-enrollment .doc .sect1.heading {
  padding: 2em 0 0;
}
.training-certification .doc .sect1 h2,
.training-enrollment .doc .sect1 h2 {
  padding-bottom: 1rem;
}
.training-certification #preamble .imageblock,
.training-enrollment #preamble .imageblock {
  max-width: 40rem;
  margin: auto;
}
/* breadcrumbs */
.training-certification .breadcrumbs,
.training-enrollment .breadcrumbs {
  display: block;
  padding: 0;
}
.training-certification .breadcrumbs ul,
.training-enrollment .breadcrumbs ul {
  padding: 0 !important;
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
}
.training-certification .breadcrumbs a,
.training-enrollment .breadcrumbs a {
  font-weight: 200;
}
.training-certification .breadcrumbs a::after,
.training-enrollment .breadcrumbs a::after {
  display: none;
}
/* Course */
body.training .nav-item .nav-item.is-completed::before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0.15rem;
  display: block;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  margin-left: -1.3rem;
  content: "✓";
  opacity: 1;
  background-color: #48bb78;
  background-color: var(--color-green-500);
  z-index: 1000;
  color: white;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
body.training .nav-item .nav-item.is-pending::before {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 0.15rem;
  display: block;
  height: 1rem;
  width: 1rem;
  border-radius: 9999px;
  margin-left: -1.3rem;
  content: "";
  opacity: 1;
  z-index: 1000;
  color: white;
  text-align: center;
  font-weight: bold;
  border: 1px solid rgba(111 117 126 / 1);
  border: 1px solid rgba(var(--colors-neutral-50));
  background-color: rgba(245 246 246 / 1);
  background-color: var(--navbar-font-color);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
body.training .nav-item .nav-item.is-completed.is-current-page::before,
body.training .nav-item .nav-item.is-completed:hover::before {
  background-color: #2f855a;
  background-color: var(--color-green-700);
}
body.training .nav-item .nav-item.is-current-page::before,
body.training .nav-item .nav-item:hover::before {
  opacity: 1;
  background-color: rgba(111 117 126 / 1);
  background-color: rgba(var(--colors-neutral-50));
  z-index: 1000;
}
body.training .button {
  cursor: pointer;
}
#quiz-result {
  padding: 1rem;
  border-radius: 0.25rem;
}
#quiz-result.is-success {
  background-color: #c6f6d5;
  background-color: var(--color-green-200);
  color: #22543d;
  color: var(--color-green-900);
  border-left: 4px solid #38a169;
  border-left: 4px solid var(--color-green-600);
}
#quiz-result.is-error {
  background-color: #fed7d7;
  background-color: var(--color-red-200);
  color: #742a2a;
  color: var(--color-red-900);
  border-left: 4px solid #e53e3e;
  border-left: 4px solid var(--color-red-600);
}
#quiz-result > p.paragraph {
  margin: 0;
}
/* download certificate */
.training .download-certificate {
  position: relative;
}
.training .download-certificate .spinner {
  position: absolute;
  margin-top: 0;
}
.training .download-certificate .error {
  position: absolute;
  background-color: #bee3f8;
  background-color: var(--color-blue-200);
  color: #2a4365;
  color: var(--color-blue-900);
  border-left: 4px solid #3182ce;
  border-left: 4px solid var(--color-blue-600);
  padding: 1rem;
  border-radius: 0.25rem;
}
.training .download-certificate .success {
  position: absolute;
  background-color: #c6f6d5;
  background-color: var(--color-green-200);
  color: #22543d;
  color: var(--color-green-900);
  border-left: 4px solid #38a169;
  border-left: 4px solid var(--color-green-600);
  padding: 1rem;
  border-radius: 0.25rem;
}
.training .download-certificate .success a {
  text-decoration: underline;
  color: #38a169;
  color: var(--color-green-600);
}
.training .download-certificate .success a:hover {
  color: #48bb78;
  color: var(--color-green-500);
}
/* ready */
.training .download-certificate[data-status="ready"] .content {
  visibility: visible;
}
.training .download-certificate[data-status="ready"] .spinner,
.training .download-certificate[data-status="ready"] .success,
.training .download-certificate[data-status="ready"] .error {
  visibility: hidden;
}
/* loading */
.training .download-certificate[data-status="loading"] .spinner {
  visibility: visible;
}
.training .download-certificate[data-status="loading"] .content,
.training .download-certificate[data-status="loading"] .success,
.training .download-certificate[data-status="loading"] .error {
  visibility: hidden;
}
/* success */
.training .download-certificate[data-status="success"] .success {
  visibility: visible;
}
.training .download-certificate[data-status="success"] .spinner,
.training .download-certificate[data-status="success"] .content,
.training .download-certificate[data-status="success"] .error {
  visibility: hidden;
}
/* error */
.training .download-certificate[data-status="error"] .error {
  visibility: visible;
}
.training .download-certificate[data-status="error"] .content,
.training .download-certificate[data-status="error"] .success,
.training .download-certificate[data-status="error"] .spinner {
  visibility: hidden;
}
.training-help {
  position: fixed;
  bottom: 0;
  right: 2rem;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  background: #ebf8ff;
  background: var(--color-blue-100);
  color: #2c5282;
  color: var(--color-blue-800);
  padding: 0.5rem 1rem;
  width: 320px;
  font-size: 0.8rem;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 1000;
}
.training-help p {
  padding: 0.25rem 0;
}
#yelp-dataset-agreement {
  padding: 0.75em;
  border: 1px solid rgba(187 190 195 / 1);
  border: 1px solid rgba(var(--colors-neutral-30));
  margin-bottom: 1em;
  margin-right: 1em;
}
#yelp-dataset-agreement .button {
  margin-bottom: 0.25rem;
  margin-top: 0.5rem;
}
#yelp-dataset-agreement p {
  padding: 0;
  margin: 0;
}
#yelp-dataset-agreement .paragraph {
  padding-bottom: 0;
  margin-bottom: 0;
}
#yelp-dataset-agreement button {
  display: block;
}
#yelp-dataset-agreement label[for="yelp-dataset-agreement-check"] {
  font-weight: 600;
}
#yelp-dataset-agreement.has-focus {
  background: white;
  -webkit-animation: highlight 2.5s ease;
          animation: highlight 2.5s ease;
}
@-webkit-keyframes highlight {
  0% { background: aliceblue; }
  100% { background: white; }
}
@keyframes highlight {
  0% { background: aliceblue; }
  100% { background: white; }
}
body.graphgists .hero,
body.graphgist .hero {
  padding-bottom: 2em !important;
}
body.graphgists .leading .sectionbody {
  padding-top: 1rem;
}
body.graphgists .leading .sectionbody .imageblock.left {
  margin-right: 2rem;
}
body.graphgists .breadcrumbs {
  padding: 0;
  font-size: 0.9rem;
}
body.graphgists .breadcrumbs ul {
  padding: 0;
}
body.graphgists ul.use-cases,
body.graphgists ul.industries {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, auto));
  margin: 0;
  padding: 1em 0 0;
}
body.graphgists ul.use-cases > li,
body.graphgists ul.industries > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
}
body.graphgists ul.use-cases > li img,
body.graphgists ul.industries > li img {
  width: 1rem;
  max-height: 1rem;
  margin-right: 0.5em;
}
ul.graphgists {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, auto));
  margin: 0;
  padding: 1em 0 0;
  grid-gap: 3em 1.5em;
}
ul.graphgists li::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
ul.graphgists > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
ul.graphgists > li > a {
  cursor: pointer;
}
.graphgist-card {
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  display: grid;
  grid-template-rows: 250px 1fr;
  grid-template-columns: minmax(-webkit-min-content, 400px);
  grid-template-columns: minmax(min-content, 400px);
  background-color: rgba(255 255 255 / 1);
  background-color: var(--color-white);
}
.graphgist-card .graphgist-illustration {
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-position: center;
}
.graphgist-card > .graphgist-content {
  display: grid;
  grid-template-rows: -webkit-min-content -webkit-min-content 1fr;
  grid-template-rows: min-content min-content 1fr;
  border-top: 1px #eaeaea solid;
  margin-top: 0.5rem;
  padding: 1.5rem 1rem 1rem;
}
.graphgist-card .graphgist-content h3 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  height: 4rem;
  line-height: 1.5rem;
}
.graphgist-card dl.graphgist-info > dd {
  padding: 0;
  margin: 0 0 0.5rem;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
.graphgist-card dl.graphgist-info > dt {
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
  text-transform: uppercase;
  font-size: 0.8rem;
}
.graphgist-card dl.graphgist-info > dt::after {
  content: ": ";
  margin-right: 0.3em;
}
.graphgist-card .graphgist-info ul.graphgist-use-cases,
.graphgist-card .graphgist-info ul.graphgist-industries {
  margin: 0;
  padding: 0;
}
.graphgist-card .graphgist-info ul.graphgist-use-cases > li,
.graphgist-card .graphgist-info ul.graphgist-industries > li {
  display: inline;
}
.graphgist-card .graphgist-info ul.graphgist-use-cases > li:not(:last-child)::after,
.graphgist-card .graphgist-info ul.graphgist-industries > li:not(:last-child)::after {
  content: ", ";
}
ul.graphgists li:first-child {
  padding-left: 0;
}
ul.graphgists li:last-child {
  padding-right: 0;
}
/* graphgist page */
body.graphgist .navbar {
  border-bottom: none;
}
body.graphgist .doc {
  max-width: none;
  padding: 2em 0;
  margin: 0;
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
body.graphgist .doc > .sect1 > .sectionbody {
  padding-left: 1rem;
  padding-right: 1rem;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.graphgist-metadata {
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 1rem;
  border-radius: 0.5rem;
  width: 320px;
}
.graphgist-metadata dl {
  margin-top: 0;
}
.graphgist-metadata .graphgist-use-case,
.graphgist-metadata .graphgist-industry {
  display: block;
}
.graphgist-metadata dt {
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
  text-transform: uppercase;
  font-size: 0.8rem;
}
body.graphgist .graphgist-metadata dd,
body.graphgist .graphgist-metadata dt {
  display: block;
  margin-left: 0;
  padding: 0;
}
body.graphgist .graphgist-metadata dt:not(:first-child) {
  padding-top: 1em;
}
body.graphgist .graphgist-metadata fieldset {
  border: none;
  margin-top: 1.25em;
  padding: 0.25em 0 0;
}
body.graphgist .graphgist-metadata fieldset > legend {
  font-weight: 600;
  color: rgba(33 35 37 / 1);
  color: rgba(var(--colors-neutral-70));
}
body.graphgist .graphgist-metadata label {
  color: rgba(33 35 37 / 1);
  color: rgba(var(--colors-neutral-70));
  font-size: 0.9em;
}
body.graphgist .graphgist-metadata .field.has-addons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
body.graphgist .graphgist-metadata .field.has-addons .control:first-child:not(:only-child) .input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
body.graphgist .graphgist-metadata .field.has-addons .control:last-child:not(:only-child) .button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
body.graphgist .graphgist-metadata .field.has-addons a.button {
  border-color: #805ad5;
  border-color: var(--color-purple-600);
  cursor: pointer;
  padding: calc(0.5em - 1px) 1em;
  border-radius: 0.375em;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 1em;
  line-height: 1.5;
  /* Otherwise, the input field is misaligned with the button in Safari */
  height: 2.5em;
}
body.graphgist .graphgist-metadata .field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
body.graphgist .graphgist-metadata .input:active,
body.graphgist .graphgist-metadata .input:focus {
  border-color: #805ad5;
  border-color: var(--color-purple-600);
}
body.graphgist .graphgist-metadata .input:focus-visible {
  outline: none;
}
body.graphgist .graphgist-metadata .input {
  -webkit-box-shadow: inset 0 0.0625em 0.125em rgb(10 10 10 / 5%);
          box-shadow: inset 0 0.0625em 0.125em rgb(10 10 10 / 5%);
  width: 100%;
  color: rgba(33 35 37 / 1);
  color: rgba(var(--colors-neutral-70));
  border-radius: 0.375em;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid rgba(149 154 161 / 1);
  border: 1px solid rgba(var(--colors-neutral-40));
  font-size: 1em;
  line-height: 1.5;
  padding: calc(0.5em - 1px) calc(0.75em - 1px);
  /* Otherwise, the input field is misaligned with the button in Safari */
  height: 2.5em;
}
body.graphgist .graphgist-metadata .control {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  clear: both;
  font-size: 1em;
  position: relative;
  text-align: inherit;
}
/* make sure that <pre> elements won't overlap with the metadata block (float) */
body.graphgist .listingblock pre {
  z-index: -1;
}
.graphgist-metadata-menu {
  padding-top: 1rem;
  border-top: 1px solid rgba(187 190 195 / 1);
  border-top: 1px solid rgba(var(--colors-neutral-30));
}
.graphgist-metadata-menu ul {
  padding: 0;
  list-style: none;
}
.graphgist-metadata .button {
  display: block;
  width: 100%;
  margin: 0 0 0.5rem;
  background: rgba(90 52 170 / 1);
  background: var(--color-graphgists);
  border: 1px solid rgba(255 255 255 / 1);
  border: 1px solid var(--color-white);
  padding: 0.5rem 1rem;
  color: rgba(255 255 255 / 1) !important;
  color: var(--color-white) !important;
  font-size: 0.9rem;
}
.graphgist-metadata .button:hover {
  background-color: #553c9a !important;
  background-color: var(--color-purple-800) !important;
  /* color: var(--color-purple-800) !important; */
}
.graphgist-metadata .button.secondary {
  border: 1px solid #805ad5 !important;
  border: 1px solid var(--color-purple-600) !important;
  background: rgba(255 255 255 / 1) !important;
  background: var(--color-white) !important;
  color: #805ad5 !important;
  color: var(--color-purple-600) !important;
}
.graphgist-metadata .button.secondary:hover {
  background: #faf5ff !important;
  background: var(--color-purple-100) !important;
}
#search_open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 400;
  padding-right: 0;
}
@media all and (max-width: 1024px) {
  #search_open svg {
    margin-right: 1rem;
  }
}
.search {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 6000;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: none;
  opacity: 0;
}
body.search--active {
  overflow: hidden;
}
.search.search--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
}
.search .search-container {
  width: 100%;
  max-width: 420px;
  height: 100%;
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: -5px 10px 15px -3px rgba(0, 0, 0, 0.1), -5px 4px 6px -2px rgba(0, 0, 0, 0.05);
          box-shadow: -5px 10px 15px -3px rgba(0, 0, 0, 0.1), -5px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.search .search-container .search-form {
  position: relative;
  z-index: 1000;
  border-top: 4px solid rgba(226 227 229 / 1);
  border-top: 4px solid var(--navbar-top-border);
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid var(--navbar-bottom-border);
  height: 3.77778rem;
  height: var(--navbar-height);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
  padding-right: 1rem;
}
.search .search-container .search-form label {
  display: none;
}
.search .search-container .search-form input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border: 0 none;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  height: 3rem;
}
.search .search-container .search-form input:focus,
.search .search-container .search-form input:active {
  outline: none;
}
.search .search-container .search-form input::-webkit-input-placeholder {
  font-style: italic;
  color: rgba(149 154 161 / 1);
  color: rgba(var(--colors-neutral-40));
}
.search .search-container .search-form input::-moz-placeholder {
  font-style: italic;
  color: rgba(149 154 161 / 1);
  color: rgba(var(--colors-neutral-40));
}
.search .search-container .search-form input:-ms-input-placeholder {
  font-style: italic;
  color: rgba(149 154 161 / 1);
  color: rgba(var(--colors-neutral-40));
}
.search .search-container .search-form input::-ms-input-placeholder {
  font-style: italic;
  color: rgba(149 154 161 / 1);
  color: rgba(var(--colors-neutral-40));
}
.search .search-container .search-form input::placeholder {
  font-style: italic;
  color: rgba(149 154 161 / 1);
  color: rgba(var(--colors-neutral-40));
}
.search .search-container .search-form .search-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 1rem 0.5rem;
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.search svg line {
  stroke-width: 1.5;
  stroke: rgba(77 81 87 / 1);
  stroke: rgba(var(--colors-neutral-60));
}
.search .search-container .search-results {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem;
  overflow: auto;
  font-size: 0.9rem;
}
.search .search-container .search-results.loading {
  position: relative;
}
.search .search-container .search-results.loading::before {
  content: "";
  display: block;
  border: 0.3rem solid rgba(226 227 229 / 1);
  border: 0.3rem solid rgba(var(--colors-neutral-20));
  border-top: 0.3rem solid rgba(77 81 87 / 1);
  border-top: 0.3rem solid rgba(var(--colors-neutral-60));
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1.5rem;
  margin-left: -1.5rem;
  -webkit-animation: spinner 0.5s linear infinite;
          animation: spinner 0.5s linear infinite;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.search .search-container .search-results p {
  font-size: 0.75rem;
  margin-top: 0;
}
.search .search-container .search-filters {
  border-top: 1px solid rgba(226 227 229 / 1);
  border-top: 1px solid var(--navbar-bottom-border);
}
.search .search-container .search-filters.hidden {
  display: none;
}
.search .search-container .search-filters h2 {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  font-weight: 400;
  font-size: 0.8rem;
  margin: 0;
}
.search .search-filters-header {
  background: rgba(231 250 251 / 1);
  background: rgba(var(--colors-baltic-10));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  padding: 1rem;
}
.search .search-filters .search-filters-content {
  padding: 1rem;
  display: none;
}
.search .search-filters--active .search-filters-content {
  display: block;
}
.search .search-filters .search-filters-header .search-filters-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.search .search-filters #hide_filters { display: none; }
.search .search-filters #show_filters { display: block; }
.search .search-filters--active #hide_filters { display: block; }
.search .search-filters--active #show_filters { display: none; }
.search .search-filter-checkbox {
  margin-bottom: 0.2rem;
  font-size: 0.8rem;
}
.search .search-filter-checkbox input {
  margin-right: 0.5rem;
}
.search .search-filter-checkbox label span {
  float: right;
  color: rgba(111 117 126 / 1);
  color: rgba(var(--colors-neutral-50));
}
.search-results .search-result-item {
  margin-bottom: 2rem;
}
.search-results .search-result-item h3 {
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 0;
}
.search-results .search-result-item h3 a {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
.search-results .search-result-item em {
  background: #fffff0;
  background: var(--color-yellow-100);
  color: #c05621;
  color: var(--color-orange-700);
  font-style: normal;
  font-weight: 600;
  padding: 0.2rem;
  border-radius: 0.25rem;
}
.search-results .search-result-item .search-result-url {
  display: block;
  font-size: 0.7rem;
  font-weight: 400;
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
  margin-bottom: 0.5rem;
}
.search-results .search-result-item .search-result-body {
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
}
.search-results .search-result-label {
  line-height: 1;
  font-size: 0.7rem;
  background: rgba(226 227 229 / 1);
  background: rgba(var(--colors-neutral-20));
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  font-style: normal;
  padding: 0.2rem 0.5rem;
  font-weight: 600;
  border-radius: 0.25rem;
}
.search-results .label--docs {
  background: rgba(10 97 144 / 1);
  background: rgba(var(--colors-baltic-50));
  color: rgba(231 250 251 / 1);
  color: rgba(var(--colors-baltic-10));
}
.search-results .label--developer-guide {
  background: rgba(9 9 10 / 1);
  background: rgba(var(--colors-neutral-80));
  color: rgba(226 227 229 / 1);
  color: rgba(var(--colors-neutral-20));
}
.search-results .label--knowledge-base {
  background: #dd6b20;
  background: var(--color-orange-600);
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
.search-results .search-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 0.75rem;
  border-top: 1px solid rgba(226 227 229 / 1);
  border-top: 1px solid var(--navbar-bottom-border);
  padding-top: 0.5rem;
}
.search-results .search-pagination-link {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  cursor: pointer;
}
.search-results .search-pagination-link:hover {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
}
.search-results .search-pagination .search-pagination--next {
  margin-left: auto;
}
.comments {
  margin: 1.5rem -1rem;
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid rgba(var(--colors-neutral-20));
  border-top-width: 2px;
  /* background: rgba(var(--colors-neutral-15)); */
  border-radius: 0.5rem;
}
.comments-header {
  background: rgba(226 227 229 / 1);
  background: rgba(var(--colors-neutral-20));
  padding: 1rem;
}
.comments-header h2 {
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  padding: 0 !important;
  border-bottom: 0 none !important;
}
.comments-container {
  padding: 1rem;
}
@media all and (max-width: 720px) {
  .comments {
    display: none;
  }
}
/** Add this to discourse: https://community.neo4j.com/admin/customize/themes/9/common/embedded_scss/edit

$base-font-family: "Open Sans","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;

html {
    font-family: $base-font-family;
    font-size: 12;
    font-weight: 200;
    font-size: 16px;
    color: #2d3748;
}

header.discourse {
    border-bottom: 0px none;
}
header.discourse .replies {
    font-size: .8rem;
    padding: 0;
}

.button {
    font-size: .8rem;
    padding: .5rem 1rem;
    border-radius: .25rem;
    font-weight: 600;
    background: #3182ce;
    color: #fff !important;
}
.button:hover {
    background: #4299e1;
    color: #fff;
}

article.post {

}

.username {
    color: #718096;
    font-size: .9rem;
}
.username .title {
    display: block;
    font-size: .75rem;
    color: #cbd5e0;
}
article.post {
    border-bottom: 0px none;
}
article.post .post-date {
    color: #a0aec0;
}
.username a.staff {
    background: transparent;
}

.username a.staff:after {
    display: inline-block;
    margin-left: .5rem;
    height: .5rem;
    width: .5rem;
    border-radius: 50%;
    content: "";
    background: #3182ce;
}

article.post a {
    font-weight: 600;
    font-size: .9rem;
}

article.post p {
    font-size: .9rem;
    color: #4a5568;
}

footer {
    border-top: 1px solid #edf2f7;
    padding-top: 1rem;
}
*/
#cookiebanner {
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
  -webkit-box-shadow: 0 -5px 5px 1px rgba(0, 0, 0, 0.08) !important;
          box-shadow: 0 -5px 5px 1px rgba(0, 0, 0, 0.08) !important;
  padding: 1rem;
  font-size: 0.8rem;
  color: rgba(33 35 37 / 1);
  color: rgba(var(--colors-neutral-70));
}
#cookiebanner .row {
  max-width: 32.5rem;
  margin: auto;
}
#cookiebanner .c-header {
  font-size: 0.9rem;
  font-weight: 600;
  color: rgba(9 9 10 / 1);
  color: rgba(var(--colors-neutral-80));
}
/* #cookiebanner .columns {
    width: 50%;
    float: left;
} */
#c-left a {
  color: rgba(10 97 144 / 1);
  color: rgba(var(--colors-baltic-50));
  font-weight: bold;
}
/* #c-right {
    text-align: center;
} */
#c-right a {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  font-weight: 600;
  border: 1px solid #2b6cb0;
  border: 1px solid var(--color-blue-700);
  border-radius: 0.25rem;
  margin-right: 0.5rem;
}
#NeoCybotCookiebotDialogBodyButtonAccept {
  background: #2b6cb0;
  background: var(--color-blue-700);
  color: #ebf8ff;
  color: var(--color-blue-100);
}
#NeoCybotCookiebotDialogBodyButtonDecline {
  background: var(--white);
  color: #2b6cb0;
  color: var(--color-blue-700);
}
.medium-zoom-overlay,
img.medium-zoom-image {
  z-index: 1000;
}
.spinner {
  width: 3rem;
  height: 3rem;
  position: relative;
  margin: 1rem auto;
}
.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(187 190 195 / 1);
  background-color: rgba(var(--colors-neutral-30));
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }

  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent icons */
.fa-glass::before {
  content: "\f000";
}
.fa-music::before {
  content: "\f001";
}
.fa-search::before {
  content: "\f002";
}
.fa-envelope-o::before {
  content: "\f003";
}
.fa-heart::before {
  content: "\f004";
}
.fa-star::before {
  content: "\f005";
}
.fa-star-o::before {
  content: "\f006";
}
.fa-user::before {
  content: "\f007";
}
.fa-film::before {
  content: "\f008";
}
.fa-th-large::before {
  content: "\f009";
}
.fa-th::before {
  content: "\f00a";
}
.fa-th-list::before {
  content: "\f00b";
}
.fa-check::before {
  content: "\f00c";
}
.fa-remove::before,
.fa-close::before,
.fa-times::before {
  content: "\f00d";
}
.fa-search-plus::before {
  content: "\f00e";
}
.fa-search-minus::before {
  content: "\f010";
}
.fa-power-off::before {
  content: "\f011";
}
.fa-signal::before {
  content: "\f012";
}
.fa-gear::before,
.fa-cog::before {
  content: "\f013";
}
.fa-trash-o::before {
  content: "\f014";
}
.fa-home::before {
  content: "\f015";
}
.fa-file-o::before {
  content: "\f016";
}
.fa-clock-o::before {
  content: "\f017";
}
.fa-road::before {
  content: "\f018";
}
.fa-download::before {
  content: "\f019";
}
.fa-arrow-circle-o-down::before {
  content: "\f01a";
}
.fa-arrow-circle-o-up::before {
  content: "\f01b";
}
.fa-inbox::before {
  content: "\f01c";
}
.fa-play-circle-o::before {
  content: "\f01d";
}
.fa-rotate-right::before,
.fa-repeat::before {
  content: "\f01e";
}
.fa-refresh::before {
  content: "\f021";
}
.fa-list-alt::before {
  content: "\f022";
}
.fa-lock::before {
  content: "\f023";
}
.fa-flag::before {
  content: "\f024";
}
.fa-headphones::before {
  content: "\f025";
}
.fa-volume-off::before {
  content: "\f026";
}
.fa-volume-down::before {
  content: "\f027";
}
.fa-volume-up::before {
  content: "\f028";
}
.fa-qrcode::before {
  content: "\f029";
}
.fa-barcode::before {
  content: "\f02a";
}
.fa-tag::before {
  content: "\f02b";
}
.fa-tags::before {
  content: "\f02c";
}
.fa-book::before {
  content: "\f02d";
}
.fa-bookmark::before {
  content: "\f02e";
}
.fa-print::before {
  content: "\f02f";
}
.fa-camera::before {
  content: "\f030";
}
.fa-font::before {
  content: "\f031";
}
.fa-bold::before {
  content: "\f032";
}
.fa-italic::before {
  content: "\f033";
}
.fa-text-height::before {
  content: "\f034";
}
.fa-text-width::before {
  content: "\f035";
}
.fa-align-left::before {
  content: "\f036";
}
.fa-align-center::before {
  content: "\f037";
}
.fa-align-right::before {
  content: "\f038";
}
.fa-align-justify::before {
  content: "\f039";
}
.fa-list::before {
  content: "\f03a";
}
.fa-dedent::before,
.fa-outdent::before {
  content: "\f03b";
}
.fa-indent::before {
  content: "\f03c";
}
.fa-video-camera::before {
  content: "\f03d";
}
.fa-photo::before,
.fa-image::before,
.fa-picture-o::before {
  content: "\f03e";
}
.fa-pencil::before {
  content: "\f040";
}
.fa-map-marker::before {
  content: "\f041";
}
.fa-adjust::before {
  content: "\f042";
}
.fa-tint::before {
  content: "\f043";
}
.fa-edit::before,
.fa-pencil-square-o::before {
  content: "\f044";
}
.fa-share-square-o::before {
  content: "\f045";
}
.fa-check-square-o::before {
  content: "\f046";
}
.fa-arrows::before {
  content: "\f047";
}
.fa-step-backward::before {
  content: "\f048";
}
.fa-fast-backward::before {
  content: "\f049";
}
.fa-backward::before {
  content: "\f04a";
}
.fa-play::before {
  content: "\f04b";
}
.fa-pause::before {
  content: "\f04c";
}
.fa-stop::before {
  content: "\f04d";
}
.fa-forward::before {
  content: "\f04e";
}
.fa-fast-forward::before {
  content: "\f050";
}
.fa-step-forward::before {
  content: "\f051";
}
.fa-eject::before {
  content: "\f052";
}
.fa-chevron-left::before {
  content: "\f053";
}
.fa-chevron-right::before {
  content: "\f054";
}
.fa-plus-circle::before {
  content: "\f055";
}
.fa-minus-circle::before {
  content: "\f056";
}
.fa-times-circle::before {
  content: "\f057";
}
.fa-check-circle::before {
  content: "\f058";
}
.fa-question-circle::before {
  content: "\f059";
}
.fa-info-circle::before {
  content: "\f05a";
}
.fa-crosshairs::before {
  content: "\f05b";
}
.fa-times-circle-o::before {
  content: "\f05c";
}
.fa-check-circle-o::before {
  content: "\f05d";
}
.fa-ban::before {
  content: "\f05e";
}
.fa-arrow-left::before {
  content: "\f060";
}
.fa-arrow-right::before {
  content: "\f061";
}
.fa-arrow-up::before {
  content: "\f062";
}
.fa-arrow-down::before {
  content: "\f063";
}
.fa-mail-forward::before,
.fa-share::before {
  content: "\f064";
}
.fa-expand::before {
  content: "\f065";
}
.fa-compress::before {
  content: "\f066";
}
.fa-plus::before {
  content: "\f067";
}
.fa-minus::before {
  content: "\f068";
}
.fa-asterisk::before {
  content: "\f069";
}
.fa-exclamation-circle::before {
  content: "\f06a";
}
.fa-gift::before {
  content: "\f06b";
}
.fa-leaf::before {
  content: "\f06c";
}
.fa-fire::before {
  content: "\f06d";
}
.fa-eye::before {
  content: "\f06e";
}
.fa-eye-slash::before {
  content: "\f070";
}
.fa-warning::before,
.fa-exclamation-triangle::before {
  content: "\f071";
}
.fa-plane::before {
  content: "\f072";
}
.fa-calendar::before {
  content: "\f073";
}
.fa-random::before {
  content: "\f074";
}
.fa-comment::before {
  content: "\f075";
}
.fa-magnet::before {
  content: "\f076";
}
.fa-chevron-up::before {
  content: "\f077";
}
.fa-chevron-down::before {
  content: "\f078";
}
.fa-retweet::before {
  content: "\f079";
}
.fa-shopping-cart::before {
  content: "\f07a";
}
.fa-folder::before {
  content: "\f07b";
}
.fa-folder-open::before {
  content: "\f07c";
}
.fa-arrows-v::before {
  content: "\f07d";
}
.fa-arrows-h::before {
  content: "\f07e";
}
.fa-bar-chart-o::before,
.fa-bar-chart::before {
  content: "\f080";
}
.fa-twitter-square::before {
  content: "\f081";
}
.fa-facebook-square::before {
  content: "\f082";
}
.fa-camera-retro::before {
  content: "\f083";
}
.fa-key::before {
  content: "\f084";
}
.fa-gears::before,
.fa-cogs::before {
  content: "\f085";
}
.fa-comments::before {
  content: "\f086";
}
.fa-thumbs-o-up::before {
  content: "\f087";
}
.fa-thumbs-o-down::before {
  content: "\f088";
}
.fa-star-half::before {
  content: "\f089";
}
.fa-heart-o::before {
  content: "\f08a";
}
.fa-sign-out::before {
  content: "\f08b";
}
.fa-linkedin-square::before {
  content: "\f08c";
}
.fa-thumb-tack::before {
  content: "\f08d";
}
.fa-external-link::before {
  content: "\f08e";
}
.fa-sign-in::before {
  content: "\f090";
}
.fa-trophy::before {
  content: "\f091";
}
.fa-github-square::before {
  content: "\f092";
}
.fa-upload::before {
  content: "\f093";
}
.fa-lemon-o::before {
  content: "\f094";
}
.fa-phone::before {
  content: "\f095";
}
.fa-square-o::before {
  content: "\f096";
}
.fa-bookmark-o::before {
  content: "\f097";
}
.fa-phone-square::before {
  content: "\f098";
}
.fa-twitter::before {
  content: "\f099";
}
.fa-facebook-f::before,
.fa-facebook::before {
  content: "\f09a";
}
.fa-github::before {
  content: "\f09b";
}
.fa-unlock::before {
  content: "\f09c";
}
.fa-credit-card::before {
  content: "\f09d";
}
.fa-feed::before,
.fa-rss::before {
  content: "\f09e";
}
.fa-hdd-o::before {
  content: "\f0a0";
}
.fa-bullhorn::before {
  content: "\f0a1";
}
.fa-bell::before {
  content: "\f0f3";
}
.fa-certificate::before {
  content: "\f0a3";
}
.fa-hand-o-right::before {
  content: "\f0a4";
}
.fa-hand-o-left::before {
  content: "\f0a5";
}
.fa-hand-o-up::before {
  content: "\f0a6";
}
.fa-hand-o-down::before {
  content: "\f0a7";
}
.fa-arrow-circle-left::before {
  content: "\f0a8";
}
.fa-arrow-circle-right::before {
  content: "\f0a9";
}
.fa-arrow-circle-up::before {
  content: "\f0aa";
}
.fa-arrow-circle-down::before {
  content: "\f0ab";
}
.fa-globe::before {
  content: "\f0ac";
}
.fa-wrench::before {
  content: "\f0ad";
}
.fa-tasks::before {
  content: "\f0ae";
}
.fa-filter::before {
  content: "\f0b0";
}
.fa-briefcase::before {
  content: "\f0b1";
}
.fa-arrows-alt::before {
  content: "\f0b2";
}
.fa-group::before,
.fa-users::before {
  content: "\f0c0";
}
.fa-chain::before,
.fa-link::before {
  content: "\f0c1";
}
.fa-cloud::before {
  content: "\f0c2";
}
.fa-flask::before {
  content: "\f0c3";
}
.fa-cut::before,
.fa-scissors::before {
  content: "\f0c4";
}
.fa-copy::before,
.fa-files-o::before {
  content: "\f0c5";
}
.fa-paperclip::before {
  content: "\f0c6";
}
.fa-save::before,
.fa-floppy-o::before {
  content: "\f0c7";
}
.fa-square::before {
  content: "\f0c8";
}
.fa-navicon::before,
.fa-reorder::before,
.fa-bars::before {
  content: "\f0c9";
}
.fa-list-ul::before {
  content: "\f0ca";
}
.fa-list-ol::before {
  content: "\f0cb";
}
.fa-strikethrough::before {
  content: "\f0cc";
}
.fa-underline::before {
  content: "\f0cd";
}
.fa-table::before {
  content: "\f0ce";
}
.fa-magic::before {
  content: "\f0d0";
}
.fa-truck::before {
  content: "\f0d1";
}
.fa-pinterest::before {
  content: "\f0d2";
}
.fa-pinterest-square::before {
  content: "\f0d3";
}
.fa-google-plus-square::before {
  content: "\f0d4";
}
.fa-google-plus::before {
  content: "\f0d5";
}
.fa-money::before {
  content: "\f0d6";
}
.fa-caret-down::before {
  content: "\f0d7";
}
.fa-caret-up::before {
  content: "\f0d8";
}
.fa-caret-left::before {
  content: "\f0d9";
}
.fa-caret-right::before {
  content: "\f0da";
}
.fa-columns::before {
  content: "\f0db";
}
.fa-unsorted::before,
.fa-sort::before {
  content: "\f0dc";
}
.fa-sort-down::before,
.fa-sort-desc::before {
  content: "\f0dd";
}
.fa-sort-up::before,
.fa-sort-asc::before {
  content: "\f0de";
}
.fa-envelope::before {
  content: "\f0e0";
}
.fa-linkedin::before {
  content: "\f0e1";
}
.fa-rotate-left::before,
.fa-undo::before {
  content: "\f0e2";
}
.fa-legal::before,
.fa-gavel::before {
  content: "\f0e3";
}
.fa-dashboard::before,
.fa-tachometer::before {
  content: "\f0e4";
}
.fa-comment-o::before {
  content: "\f0e5";
}
.fa-comments-o::before {
  content: "\f0e6";
}
.fa-flash::before,
.fa-bolt::before {
  content: "\f0e7";
}
.fa-sitemap::before {
  content: "\f0e8";
}
.fa-umbrella::before {
  content: "\f0e9";
}
.fa-paste::before,
.fa-clipboard::before {
  content: "\f0ea";
}
.fa-lightbulb-o::before {
  content: "\f0eb";
}
.fa-exchange::before {
  content: "\f0ec";
}
.fa-cloud-download::before {
  content: "\f0ed";
}
.fa-cloud-upload::before {
  content: "\f0ee";
}
.fa-user-md::before {
  content: "\f0f0";
}
.fa-stethoscope::before {
  content: "\f0f1";
}
.fa-suitcase::before {
  content: "\f0f2";
}
.fa-bell-o::before {
  content: "\f0a2";
}
.fa-coffee::before {
  content: "\f0f4";
}
.fa-cutlery::before {
  content: "\f0f5";
}
.fa-file-text-o::before {
  content: "\f0f6";
}
.fa-building-o::before {
  content: "\f0f7";
}
.fa-hospital-o::before {
  content: "\f0f8";
}
.fa-ambulance::before {
  content: "\f0f9";
}
.fa-medkit::before {
  content: "\f0fa";
}
.fa-fighter-jet::before {
  content: "\f0fb";
}
.fa-beer::before {
  content: "\f0fc";
}
.fa-h-square::before {
  content: "\f0fd";
}
.fa-plus-square::before {
  content: "\f0fe";
}
.fa-angle-double-left::before {
  content: "\f100";
}
.fa-angle-double-right::before {
  content: "\f101";
}
.fa-angle-double-up::before {
  content: "\f102";
}
.fa-angle-double-down::before {
  content: "\f103";
}
.fa-angle-left::before {
  content: "\f104";
}
.fa-angle-right::before {
  content: "\f105";
}
.fa-angle-up::before {
  content: "\f106";
}
.fa-angle-down::before {
  content: "\f107";
}
.fa-desktop::before {
  content: "\f108";
}
.fa-laptop::before {
  content: "\f109";
}
.fa-tablet::before {
  content: "\f10a";
}
.fa-mobile-phone::before,
.fa-mobile::before {
  content: "\f10b";
}
.fa-circle-o::before {
  content: "\f10c";
}
.fa-quote-left::before {
  content: "\f10d";
}
.fa-quote-right::before {
  content: "\f10e";
}
.fa-spinner::before {
  content: "\f110";
}
.fa-circle::before {
  content: "\f111";
}
.fa-mail-reply::before,
.fa-reply::before {
  content: "\f112";
}
.fa-github-alt::before {
  content: "\f113";
}
.fa-folder-o::before {
  content: "\f114";
}
.fa-folder-open-o::before {
  content: "\f115";
}
.fa-smile-o::before {
  content: "\f118";
}
.fa-frown-o::before {
  content: "\f119";
}
.fa-meh-o::before {
  content: "\f11a";
}
.fa-gamepad::before {
  content: "\f11b";
}
.fa-keyboard-o::before {
  content: "\f11c";
}
.fa-flag-o::before {
  content: "\f11d";
}
.fa-flag-checkered::before {
  content: "\f11e";
}
.fa-terminal::before {
  content: "\f120";
}
.fa-code::before {
  content: "\f121";
}
.fa-mail-reply-all::before,
.fa-reply-all::before {
  content: "\f122";
}
.fa-star-half-empty::before,
.fa-star-half-full::before,
.fa-star-half-o::before {
  content: "\f123";
}
.fa-location-arrow::before {
  content: "\f124";
}
.fa-crop::before {
  content: "\f125";
}
.fa-code-fork::before {
  content: "\f126";
}
.fa-unlink::before,
.fa-chain-broken::before {
  content: "\f127";
}
.fa-question::before {
  content: "\f128";
}
.fa-info::before {
  content: "\f129";
}
.fa-exclamation::before {
  content: "\f12a";
}
.fa-superscript::before {
  content: "\f12b";
}
.fa-subscript::before {
  content: "\f12c";
}
.fa-eraser::before {
  content: "\f12d";
}
.fa-puzzle-piece::before {
  content: "\f12e";
}
.fa-microphone::before {
  content: "\f130";
}
.fa-microphone-slash::before {
  content: "\f131";
}
.fa-shield::before {
  content: "\f132";
}
.fa-calendar-o::before {
  content: "\f133";
}
.fa-fire-extinguisher::before {
  content: "\f134";
}
.fa-rocket::before {
  content: "\f135";
}
.fa-maxcdn::before {
  content: "\f136";
}
.fa-chevron-circle-left::before {
  content: "\f137";
}
.fa-chevron-circle-right::before {
  content: "\f138";
}
.fa-chevron-circle-up::before {
  content: "\f139";
}
.fa-chevron-circle-down::before {
  content: "\f13a";
}
.fa-html5::before {
  content: "\f13b";
}
.fa-css3::before {
  content: "\f13c";
}
.fa-anchor::before {
  content: "\f13d";
}
.fa-unlock-alt::before {
  content: "\f13e";
}
.fa-bullseye::before {
  content: "\f140";
}
.fa-ellipsis-h::before {
  content: "\f141";
}
.fa-ellipsis-v::before {
  content: "\f142";
}
.fa-rss-square::before {
  content: "\f143";
}
.fa-play-circle::before {
  content: "\f144";
}
.fa-ticket::before {
  content: "\f145";
}
.fa-minus-square::before {
  content: "\f146";
}
.fa-minus-square-o::before {
  content: "\f147";
}
.fa-level-up::before {
  content: "\f148";
}
.fa-level-down::before {
  content: "\f149";
}
.fa-check-square::before {
  content: "\f14a";
}
.fa-pencil-square::before {
  content: "\f14b";
}
.fa-external-link-square::before {
  content: "\f14c";
}
.fa-share-square::before {
  content: "\f14d";
}
.fa-compass::before {
  content: "\f14e";
}
.fa-toggle-down::before,
.fa-caret-square-o-down::before {
  content: "\f150";
}
.fa-toggle-up::before,
.fa-caret-square-o-up::before {
  content: "\f151";
}
.fa-toggle-right::before,
.fa-caret-square-o-right::before {
  content: "\f152";
}
.fa-euro::before,
.fa-eur::before {
  content: "\f153";
}
.fa-gbp::before {
  content: "\f154";
}
.fa-dollar::before,
.fa-usd::before {
  content: "\f155";
}
.fa-rupee::before,
.fa-inr::before {
  content: "\f156";
}
.fa-cny::before,
.fa-rmb::before,
.fa-yen::before,
.fa-jpy::before {
  content: "\f157";
}
.fa-ruble::before,
.fa-rouble::before,
.fa-rub::before {
  content: "\f158";
}
.fa-won::before,
.fa-krw::before {
  content: "\f159";
}
.fa-bitcoin::before,
.fa-btc::before {
  content: "\f15a";
}
.fa-file::before {
  content: "\f15b";
}
.fa-file-text::before {
  content: "\f15c";
}
.fa-sort-alpha-asc::before {
  content: "\f15d";
}
.fa-sort-alpha-desc::before {
  content: "\f15e";
}
.fa-sort-amount-asc::before {
  content: "\f160";
}
.fa-sort-amount-desc::before {
  content: "\f161";
}
.fa-sort-numeric-asc::before {
  content: "\f162";
}
.fa-sort-numeric-desc::before {
  content: "\f163";
}
.fa-thumbs-up::before {
  content: "\f164";
}
.fa-thumbs-down::before {
  content: "\f165";
}
.fa-youtube-square::before {
  content: "\f166";
}
.fa-youtube::before {
  content: "\f167";
}
.fa-xing::before {
  content: "\f168";
}
.fa-xing-square::before {
  content: "\f169";
}
.fa-youtube-play::before {
  content: "\f16a";
}
.fa-dropbox::before {
  content: "\f16b";
}
.fa-stack-overflow::before {
  content: "\f16c";
}
.fa-instagram::before {
  content: "\f16d";
}
.fa-flickr::before {
  content: "\f16e";
}
.fa-adn::before {
  content: "\f170";
}
.fa-bitbucket::before {
  content: "\f171";
}
.fa-bitbucket-square::before {
  content: "\f172";
}
.fa-tumblr::before {
  content: "\f173";
}
.fa-tumblr-square::before {
  content: "\f174";
}
.fa-long-arrow-down::before {
  content: "\f175";
}
.fa-long-arrow-up::before {
  content: "\f176";
}
.fa-long-arrow-left::before {
  content: "\f177";
}
.fa-long-arrow-right::before {
  content: "\f178";
}
.fa-apple::before {
  content: "\f179";
}
.fa-windows::before {
  content: "\f17a";
}
.fa-android::before {
  content: "\f17b";
}
.fa-linux::before {
  content: "\f17c";
}
.fa-dribbble::before {
  content: "\f17d";
}
.fa-skype::before {
  content: "\f17e";
}
.fa-foursquare::before {
  content: "\f180";
}
.fa-trello::before {
  content: "\f181";
}
.fa-female::before {
  content: "\f182";
}
.fa-male::before {
  content: "\f183";
}
.fa-gittip::before,
.fa-gratipay::before {
  content: "\f184";
}
.fa-sun-o::before {
  content: "\f185";
}
.fa-moon-o::before {
  content: "\f186";
}
.fa-archive::before {
  content: "\f187";
}
.fa-bug::before {
  content: "\f188";
}
.fa-vk::before {
  content: "\f189";
}
.fa-weibo::before {
  content: "\f18a";
}
.fa-renren::before {
  content: "\f18b";
}
.fa-pagelines::before {
  content: "\f18c";
}
.fa-stack-exchange::before {
  content: "\f18d";
}
.fa-arrow-circle-o-right::before {
  content: "\f18e";
}
.fa-arrow-circle-o-left::before {
  content: "\f190";
}
.fa-toggle-left::before,
.fa-caret-square-o-left::before {
  content: "\f191";
}
.fa-dot-circle-o::before {
  content: "\f192";
}
.fa-wheelchair::before {
  content: "\f193";
}
.fa-vimeo-square::before {
  content: "\f194";
}
.fa-turkish-lira::before,
.fa-try::before {
  content: "\f195";
}
.fa-plus-square-o::before {
  content: "\f196";
}
.fa-space-shuttle::before {
  content: "\f197";
}
.fa-slack::before {
  content: "\f198";
}
.fa-envelope-square::before {
  content: "\f199";
}
.fa-wordpress::before {
  content: "\f19a";
}
.fa-openid::before {
  content: "\f19b";
}
.fa-institution::before,
.fa-bank::before,
.fa-university::before {
  content: "\f19c";
}
.fa-mortar-board::before,
.fa-graduation-cap::before {
  content: "\f19d";
}
.fa-yahoo::before {
  content: "\f19e";
}
.fa-google::before {
  content: "\f1a0";
}
.fa-reddit::before {
  content: "\f1a1";
}
.fa-reddit-square::before {
  content: "\f1a2";
}
.fa-stumbleupon-circle::before {
  content: "\f1a3";
}
.fa-stumbleupon::before {
  content: "\f1a4";
}
.fa-delicious::before {
  content: "\f1a5";
}
.fa-digg::before {
  content: "\f1a6";
}
.fa-pied-piper-pp::before {
  content: "\f1a7";
}
.fa-pied-piper-alt::before {
  content: "\f1a8";
}
.fa-drupal::before {
  content: "\f1a9";
}
.fa-joomla::before {
  content: "\f1aa";
}
.fa-language::before {
  content: "\f1ab";
}
.fa-fax::before {
  content: "\f1ac";
}
.fa-building::before {
  content: "\f1ad";
}
.fa-child::before {
  content: "\f1ae";
}
.fa-paw::before {
  content: "\f1b0";
}
.fa-spoon::before {
  content: "\f1b1";
}
.fa-cube::before {
  content: "\f1b2";
}
.fa-cubes::before {
  content: "\f1b3";
}
.fa-behance::before {
  content: "\f1b4";
}
.fa-behance-square::before {
  content: "\f1b5";
}
.fa-steam::before {
  content: "\f1b6";
}
.fa-steam-square::before {
  content: "\f1b7";
}
.fa-recycle::before {
  content: "\f1b8";
}
.fa-automobile::before,
.fa-car::before {
  content: "\f1b9";
}
.fa-cab::before,
.fa-taxi::before {
  content: "\f1ba";
}
.fa-tree::before {
  content: "\f1bb";
}
.fa-spotify::before {
  content: "\f1bc";
}
.fa-deviantart::before {
  content: "\f1bd";
}
.fa-soundcloud::before {
  content: "\f1be";
}
.fa-database::before {
  content: "\f1c0";
}
.fa-file-pdf-o::before {
  content: "\f1c1";
}
.fa-file-word-o::before {
  content: "\f1c2";
}
.fa-file-excel-o::before {
  content: "\f1c3";
}
.fa-file-powerpoint-o::before {
  content: "\f1c4";
}
.fa-file-photo-o::before,
.fa-file-picture-o::before,
.fa-file-image-o::before {
  content: "\f1c5";
}
.fa-file-zip-o::before,
.fa-file-archive-o::before {
  content: "\f1c6";
}
.fa-file-sound-o::before,
.fa-file-audio-o::before {
  content: "\f1c7";
}
.fa-file-movie-o::before,
.fa-file-video-o::before {
  content: "\f1c8";
}
.fa-file-code-o::before {
  content: "\f1c9";
}
.fa-vine::before {
  content: "\f1ca";
}
.fa-codepen::before {
  content: "\f1cb";
}
.fa-jsfiddle::before {
  content: "\f1cc";
}
.fa-life-bouy::before,
.fa-life-buoy::before,
.fa-life-saver::before,
.fa-support::before,
.fa-life-ring::before {
  content: "\f1cd";
}
.fa-circle-o-notch::before {
  content: "\f1ce";
}
.fa-ra::before,
.fa-resistance::before,
.fa-rebel::before {
  content: "\f1d0";
}
.fa-ge::before,
.fa-empire::before {
  content: "\f1d1";
}
.fa-git-square::before {
  content: "\f1d2";
}
.fa-git::before {
  content: "\f1d3";
}
.fa-y-combinator-square::before,
.fa-yc-square::before,
.fa-hacker-news::before {
  content: "\f1d4";
}
.fa-tencent-weibo::before {
  content: "\f1d5";
}
.fa-qq::before {
  content: "\f1d6";
}
.fa-wechat::before,
.fa-weixin::before {
  content: "\f1d7";
}
.fa-send::before,
.fa-paper-plane::before {
  content: "\f1d8";
}
.fa-send-o::before,
.fa-paper-plane-o::before {
  content: "\f1d9";
}
.fa-history::before {
  content: "\f1da";
}
.fa-circle-thin::before {
  content: "\f1db";
}
.fa-header::before {
  content: "\f1dc";
}
.fa-paragraph::before {
  content: "\f1dd";
}
.fa-sliders::before {
  content: "\f1de";
}
.fa-share-alt::before {
  content: "\f1e0";
}
.fa-share-alt-square::before {
  content: "\f1e1";
}
.fa-bomb::before {
  content: "\f1e2";
}
.fa-soccer-ball-o::before,
.fa-futbol-o::before {
  content: "\f1e3";
}
.fa-tty::before {
  content: "\f1e4";
}
.fa-binoculars::before {
  content: "\f1e5";
}
.fa-plug::before {
  content: "\f1e6";
}
.fa-slideshare::before {
  content: "\f1e7";
}
.fa-twitch::before {
  content: "\f1e8";
}
.fa-yelp::before {
  content: "\f1e9";
}
.fa-newspaper-o::before {
  content: "\f1ea";
}
.fa-wifi::before {
  content: "\f1eb";
}
.fa-calculator::before {
  content: "\f1ec";
}
.fa-paypal::before {
  content: "\f1ed";
}
.fa-google-wallet::before {
  content: "\f1ee";
}
.fa-cc-visa::before {
  content: "\f1f0";
}
.fa-cc-mastercard::before {
  content: "\f1f1";
}
.fa-cc-discover::before {
  content: "\f1f2";
}
.fa-cc-amex::before {
  content: "\f1f3";
}
.fa-cc-paypal::before {
  content: "\f1f4";
}
.fa-cc-stripe::before {
  content: "\f1f5";
}
.fa-bell-slash::before {
  content: "\f1f6";
}
.fa-bell-slash-o::before {
  content: "\f1f7";
}
.fa-trash::before {
  content: "\f1f8";
}
.fa-copyright::before {
  content: "\f1f9";
}
.fa-at::before {
  content: "\f1fa";
}
.fa-eyedropper::before {
  content: "\f1fb";
}
.fa-paint-brush::before {
  content: "\f1fc";
}
.fa-birthday-cake::before {
  content: "\f1fd";
}
.fa-area-chart::before {
  content: "\f1fe";
}
.fa-pie-chart::before {
  content: "\f200";
}
.fa-line-chart::before {
  content: "\f201";
}
.fa-lastfm::before {
  content: "\f202";
}
.fa-lastfm-square::before {
  content: "\f203";
}
.fa-toggle-off::before {
  content: "\f204";
}
.fa-toggle-on::before {
  content: "\f205";
}
.fa-bicycle::before {
  content: "\f206";
}
.fa-bus::before {
  content: "\f207";
}
.fa-ioxhost::before {
  content: "\f208";
}
.fa-angellist::before {
  content: "\f209";
}
.fa-cc::before {
  content: "\f20a";
}
.fa-shekel::before,
.fa-sheqel::before,
.fa-ils::before {
  content: "\f20b";
}
.fa-meanpath::before {
  content: "\f20c";
}
.fa-buysellads::before {
  content: "\f20d";
}
.fa-connectdevelop::before {
  content: "\f20e";
}
.fa-dashcube::before {
  content: "\f210";
}
.fa-forumbee::before {
  content: "\f211";
}
.fa-leanpub::before {
  content: "\f212";
}
.fa-sellsy::before {
  content: "\f213";
}
.fa-shirtsinbulk::before {
  content: "\f214";
}
.fa-simplybuilt::before {
  content: "\f215";
}
.fa-skyatlas::before {
  content: "\f216";
}
.fa-cart-plus::before {
  content: "\f217";
}
.fa-cart-arrow-down::before {
  content: "\f218";
}
.fa-diamond::before {
  content: "\f219";
}
.fa-ship::before {
  content: "\f21a";
}
.fa-user-secret::before {
  content: "\f21b";
}
.fa-motorcycle::before {
  content: "\f21c";
}
.fa-street-view::before {
  content: "\f21d";
}
.fa-heartbeat::before {
  content: "\f21e";
}
.fa-venus::before {
  content: "\f221";
}
.fa-mars::before {
  content: "\f222";
}
.fa-mercury::before {
  content: "\f223";
}
.fa-intersex::before,
.fa-transgender::before {
  content: "\f224";
}
.fa-transgender-alt::before {
  content: "\f225";
}
.fa-venus-double::before {
  content: "\f226";
}
.fa-mars-double::before {
  content: "\f227";
}
.fa-venus-mars::before {
  content: "\f228";
}
.fa-mars-stroke::before {
  content: "\f229";
}
.fa-mars-stroke-v::before {
  content: "\f22a";
}
.fa-mars-stroke-h::before {
  content: "\f22b";
}
.fa-neuter::before {
  content: "\f22c";
}
.fa-genderless::before {
  content: "\f22d";
}
.fa-facebook-official::before {
  content: "\f230";
}
.fa-pinterest-p::before {
  content: "\f231";
}
.fa-whatsapp::before {
  content: "\f232";
}
.fa-server::before {
  content: "\f233";
}
.fa-user-plus::before {
  content: "\f234";
}
.fa-user-times::before {
  content: "\f235";
}
.fa-hotel::before,
.fa-bed::before {
  content: "\f236";
}
.fa-viacoin::before {
  content: "\f237";
}
.fa-train::before {
  content: "\f238";
}
.fa-subway::before {
  content: "\f239";
}
.fa-medium::before {
  content: "\f23a";
}
.fa-yc::before,
.fa-y-combinator::before {
  content: "\f23b";
}
.fa-optin-monster::before {
  content: "\f23c";
}
.fa-opencart::before {
  content: "\f23d";
}
.fa-expeditedssl::before {
  content: "\f23e";
}
.fa-battery-4::before,
.fa-battery::before,
.fa-battery-full::before {
  content: "\f240";
}
.fa-battery-3::before,
.fa-battery-three-quarters::before {
  content: "\f241";
}
.fa-battery-2::before,
.fa-battery-half::before {
  content: "\f242";
}
.fa-battery-1::before,
.fa-battery-quarter::before {
  content: "\f243";
}
.fa-battery-0::before,
.fa-battery-empty::before {
  content: "\f244";
}
.fa-mouse-pointer::before {
  content: "\f245";
}
.fa-i-cursor::before {
  content: "\f246";
}
.fa-object-group::before {
  content: "\f247";
}
.fa-object-ungroup::before {
  content: "\f248";
}
.fa-sticky-note::before {
  content: "\f249";
}
.fa-sticky-note-o::before {
  content: "\f24a";
}
.fa-cc-jcb::before {
  content: "\f24b";
}
.fa-cc-diners-club::before {
  content: "\f24c";
}
.fa-clone::before {
  content: "\f24d";
}
.fa-balance-scale::before {
  content: "\f24e";
}
.fa-hourglass-o::before {
  content: "\f250";
}
.fa-hourglass-1::before,
.fa-hourglass-start::before {
  content: "\f251";
}
.fa-hourglass-2::before,
.fa-hourglass-half::before {
  content: "\f252";
}
.fa-hourglass-3::before,
.fa-hourglass-end::before {
  content: "\f253";
}
.fa-hourglass::before {
  content: "\f254";
}
.fa-hand-grab-o::before,
.fa-hand-rock-o::before {
  content: "\f255";
}
.fa-hand-stop-o::before,
.fa-hand-paper-o::before {
  content: "\f256";
}
.fa-hand-scissors-o::before {
  content: "\f257";
}
.fa-hand-lizard-o::before {
  content: "\f258";
}
.fa-hand-spock-o::before {
  content: "\f259";
}
.fa-hand-pointer-o::before {
  content: "\f25a";
}
.fa-hand-peace-o::before {
  content: "\f25b";
}
.fa-trademark::before {
  content: "\f25c";
}
.fa-registered::before {
  content: "\f25d";
}
.fa-creative-commons::before {
  content: "\f25e";
}
.fa-gg::before {
  content: "\f260";
}
.fa-gg-circle::before {
  content: "\f261";
}
.fa-tripadvisor::before {
  content: "\f262";
}
.fa-odnoklassniki::before {
  content: "\f263";
}
.fa-odnoklassniki-square::before {
  content: "\f264";
}
.fa-get-pocket::before {
  content: "\f265";
}
.fa-wikipedia-w::before {
  content: "\f266";
}
.fa-safari::before {
  content: "\f267";
}
.fa-chrome::before {
  content: "\f268";
}
.fa-firefox::before {
  content: "\f269";
}
.fa-opera::before {
  content: "\f26a";
}
.fa-internet-explorer::before {
  content: "\f26b";
}
.fa-tv::before,
.fa-television::before {
  content: "\f26c";
}
.fa-contao::before {
  content: "\f26d";
}
.fa-500px::before {
  content: "\f26e";
}
.fa-amazon::before {
  content: "\f270";
}
.fa-calendar-plus-o::before {
  content: "\f271";
}
.fa-calendar-minus-o::before {
  content: "\f272";
}
.fa-calendar-times-o::before {
  content: "\f273";
}
.fa-calendar-check-o::before {
  content: "\f274";
}
.fa-industry::before {
  content: "\f275";
}
.fa-map-pin::before {
  content: "\f276";
}
.fa-map-signs::before {
  content: "\f277";
}
.fa-map-o::before {
  content: "\f278";
}
.fa-map::before {
  content: "\f279";
}
.fa-commenting::before {
  content: "\f27a";
}
.fa-commenting-o::before {
  content: "\f27b";
}
.fa-houzz::before {
  content: "\f27c";
}
.fa-vimeo::before {
  content: "\f27d";
}
.fa-black-tie::before {
  content: "\f27e";
}
.fa-fonticons::before {
  content: "\f280";
}
.fa-reddit-alien::before {
  content: "\f281";
}
.fa-edge::before {
  content: "\f282";
}
.fa-credit-card-alt::before {
  content: "\f283";
}
.fa-codiepie::before {
  content: "\f284";
}
.fa-modx::before {
  content: "\f285";
}
.fa-fort-awesome::before {
  content: "\f286";
}
.fa-usb::before {
  content: "\f287";
}
.fa-product-hunt::before {
  content: "\f288";
}
.fa-mixcloud::before {
  content: "\f289";
}
.fa-scribd::before {
  content: "\f28a";
}
.fa-pause-circle::before {
  content: "\f28b";
}
.fa-pause-circle-o::before {
  content: "\f28c";
}
.fa-stop-circle::before {
  content: "\f28d";
}
.fa-stop-circle-o::before {
  content: "\f28e";
}
.fa-shopping-bag::before {
  content: "\f290";
}
.fa-shopping-basket::before {
  content: "\f291";
}
.fa-hashtag::before {
  content: "\f292";
}
.fa-bluetooth::before {
  content: "\f293";
}
.fa-bluetooth-b::before {
  content: "\f294";
}
.fa-percent::before {
  content: "\f295";
}
.fa-gitlab::before {
  content: "\f296";
}
.fa-wpbeginner::before {
  content: "\f297";
}
.fa-wpforms::before {
  content: "\f298";
}
.fa-envira::before {
  content: "\f299";
}
.fa-universal-access::before {
  content: "\f29a";
}
.fa-wheelchair-alt::before {
  content: "\f29b";
}
.fa-question-circle-o::before {
  content: "\f29c";
}
.fa-blind::before {
  content: "\f29d";
}
.fa-audio-description::before {
  content: "\f29e";
}
.fa-volume-control-phone::before {
  content: "\f2a0";
}
.fa-braille::before {
  content: "\f2a1";
}
.fa-assistive-listening-systems::before {
  content: "\f2a2";
}
.fa-asl-interpreting::before,
.fa-american-sign-language-interpreting::before {
  content: "\f2a3";
}
.fa-deafness::before,
.fa-hard-of-hearing::before,
.fa-deaf::before {
  content: "\f2a4";
}
.fa-glide::before {
  content: "\f2a5";
}
.fa-glide-g::before {
  content: "\f2a6";
}
.fa-signing::before,
.fa-sign-language::before {
  content: "\f2a7";
}
.fa-low-vision::before {
  content: "\f2a8";
}
.fa-viadeo::before {
  content: "\f2a9";
}
.fa-viadeo-square::before {
  content: "\f2aa";
}
.fa-snapchat::before {
  content: "\f2ab";
}
.fa-snapchat-ghost::before {
  content: "\f2ac";
}
.fa-snapchat-square::before {
  content: "\f2ad";
}
.fa-pied-piper::before {
  content: "\f2ae";
}
.fa-first-order::before {
  content: "\f2b0";
}
.fa-yoast::before {
  content: "\f2b1";
}
.fa-themeisle::before {
  content: "\f2b2";
}
.fa-google-plus-circle::before,
.fa-google-plus-official::before {
  content: "\f2b3";
}
.fa-fa::before,
.fa-font-awesome::before {
  content: "\f2b4";
}
.fa-handshake-o::before {
  content: "\f2b5";
}
.fa-envelope-open::before {
  content: "\f2b6";
}
.fa-envelope-open-o::before {
  content: "\f2b7";
}
.fa-linode::before {
  content: "\f2b8";
}
.fa-address-book::before {
  content: "\f2b9";
}
.fa-address-book-o::before {
  content: "\f2ba";
}
.fa-vcard::before,
.fa-address-card::before {
  content: "\f2bb";
}
.fa-vcard-o::before,
.fa-address-card-o::before {
  content: "\f2bc";
}
.fa-user-circle::before {
  content: "\f2bd";
}
.fa-user-circle-o::before {
  content: "\f2be";
}
.fa-user-o::before {
  content: "\f2c0";
}
.fa-id-badge::before {
  content: "\f2c1";
}
.fa-drivers-license::before,
.fa-id-card::before {
  content: "\f2c2";
}
.fa-drivers-license-o::before,
.fa-id-card-o::before {
  content: "\f2c3";
}
.fa-quora::before {
  content: "\f2c4";
}
.fa-free-code-camp::before {
  content: "\f2c5";
}
.fa-telegram::before {
  content: "\f2c6";
}
.fa-thermometer-4::before,
.fa-thermometer::before,
.fa-thermometer-full::before {
  content: "\f2c7";
}
.fa-thermometer-3::before,
.fa-thermometer-three-quarters::before {
  content: "\f2c8";
}
.fa-thermometer-2::before,
.fa-thermometer-half::before {
  content: "\f2c9";
}
.fa-thermometer-1::before,
.fa-thermometer-quarter::before {
  content: "\f2ca";
}
.fa-thermometer-0::before,
.fa-thermometer-empty::before {
  content: "\f2cb";
}
.fa-shower::before {
  content: "\f2cc";
}
.fa-bathtub::before,
.fa-s15::before,
.fa-bath::before {
  content: "\f2cd";
}
.fa-podcast::before {
  content: "\f2ce";
}
.fa-window-maximize::before {
  content: "\f2d0";
}
.fa-window-minimize::before {
  content: "\f2d1";
}
.fa-window-restore::before {
  content: "\f2d2";
}
.fa-times-rectangle::before,
.fa-window-close::before {
  content: "\f2d3";
}
.fa-times-rectangle-o::before,
.fa-window-close-o::before {
  content: "\f2d4";
}
.fa-bandcamp::before {
  content: "\f2d5";
}
.fa-grav::before {
  content: "\f2d6";
}
.fa-etsy::before {
  content: "\f2d7";
}
.fa-imdb::before {
  content: "\f2d8";
}
.fa-ravelry::before {
  content: "\f2d9";
}
.fa-eercast::before {
  content: "\f2da";
}
.fa-microchip::before {
  content: "\f2db";
}
.fa-snowflake-o::before {
  content: "\f2dc";
}
.fa-superpowers::before {
  content: "\f2dd";
}
.fa-wpexplorer::before {
  content: "\f2de";
}
.fa-meetup::before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/* chatbot */
.docs .ndl-drawer.ndl-drawer-overlay {
  position: fixed;
  top: 4px;
  -webkit-box-shadow: -2px 1px 2px 1px rgba(226 227 229 / 1);
          box-shadow: -2px 1px 2px 1px rgba(226 227 229 / 1);
  -webkit-box-shadow: -2px 1px 2px 1px rgba(var(--colors-neutral-20));
          box-shadow: -2px 1px 2px 1px rgba(var(--colors-neutral-20));
}
.doc .paragraph .title {
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
}
.doc .listingblock.dot {
  height: 400px;
  overflow: scroll;
  border: 2px solid rgba(10 97 144 / 1);
  border: 2px solid var(--note-color);
}
.docs.image-border article img,
.docs article .border img {
  border: 1px solid rgba(10 97 144 / 1);
  border: 1px solid var(--color-docs);
  border-radius: 4px;
  padding: 1rem;
}
.docs.image-shadow article img,
.docs article .shadow img {
  -webkit-box-shadow:
    2px 2px 4px 0 rgba(111 117 126 / 1),
    0 4px 4px 2px rgba(187 190 195 / 1),
    0 4px 6px 4px rgba(226 227 229 / 1),
    4px 4px 4px 4px rgba(255 255 255 / 1);
          box-shadow:
    2px 2px 4px 0 rgba(111 117 126 / 1),
    0 4px 4px 2px rgba(187 190 195 / 1),
    0 4px 6px 4px rgba(226 227 229 / 1),
    4px 4px 4px 4px rgba(255 255 255 / 1);
  -webkit-box-shadow:
    2px 2px 4px 0 rgba(var(--colors-neutral-50)),
    0 4px 4px 2px rgba(var(--colors-neutral-30)),
    0 4px 6px 4px rgba(var(--colors-neutral-20)),
    4px 4px 4px 4px rgba(var(--colors-neutral-10));
          box-shadow:
    2px 2px 4px 0 rgba(var(--colors-neutral-50)),
    0 4px 4px 2px rgba(var(--colors-neutral-30)),
    0 4px 6px 4px rgba(var(--colors-neutral-20)),
    4px 4px 4px 4px rgba(var(--colors-neutral-10));
}
.docs article .rounded-corners img,
.docs article video.rounded-corners {
  border-radius: 15px;
}
.docs article .no-border img {
  border: none;
  padding: 0;
}
.docs article .no-shadow img {
  -webkit-box-shadow: none;
          box-shadow: none;
}
section.deprecated .title::after {
  bottom: 4px;
  margin-left: 10px;
}
div.roles,
div.roles > span.role {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 8px;
  font-size: 2rem;
  font-size: calc(36/var(--rem-base)*1rem);
  line-height: 1.3;
}
@media screen and (max-width: 1023px) {
  div.roles,
  div.roles > span.role::after {
    margin-left: 0;
  }

  div.roles,
  div.roles > span.role {
    margin-bottom: 0;
  }
}
.sect1.alpha > h2::after,
.sect1.beta > h2::after,
.sect2.alpha > h3::after,
.sect2.beta > h3::after,
span.alpha::after,
span.beta::after,
span.deprecated::after,
div.not-on-aura > h2::after,
div.not-on-aura > h3::after,
div.not-on-aura > h4::after,
p.not-on-aura::before,
section.not-on-aura .title::after,
span.not-on-aura::after,
div.aura-db-enterprise > h2::after,
div.aura-db-enterprise > h3::after,
div.aura-db-enterprise > h4::after,
p.aura-db-enterprise::before,
section.aura-db-enterprise.title::after,
span.aura-db-enterprise::after,
div.aura-db-dedicated > h2::after,
div.aura-db-dedicated > h3::after,
div.aura-db-dedicated > h4::after,
p.aura-db-dedicated::before,
section.aura-db-dedicated.title::after,
span.aura-db-dedicated::after,
section.enterprise-edition .title::after,
div.enterprise-edition > h2::after,
div.enterprise-edition > h3::after,
div.enterprise-edition > h4::after,
p.enterprise-edition::before,
span.enterprise-edition::after,
body.fabric article > h2::after,
body.fabric article > h3::after,
body.fabric article > h4::after,
div.fabric > h2::after,
div.fabric > h3::after,
div.fabric > h4::after,
section.fabric .title::after,
p.fabric::before,
span.fabric::after {
  display: inline-block;
  text-align: center;
  font-family: "Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--body-font-family);
  font-weight: 600;
  font-weight: var(--font-weight-semibold);
  font-style: normal;
  font-size: 0.7rem;
  line-height: 1.8;
  line-height: var(--doc-line-height);
  padding: 0.2rem 0.8rem;
  border-radius: 9999px;
  position: relative;
  bottom: 2px;
  margin-left: 0.5rem;
}
.doc > .sect-header span.role::after {
  bottom: 0.5rem;
}
.sect1.show-roles h2::after,
.sect2.show-roles h3::after,
.sect3.show-roles h4::after {
  display: none;
}
.sect1.show-roles h2,
.sect2.show-roles h3,
.sect2.show-roles h4 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.sect2.show-roles div.roles,
.sect2.show-roles div.roles > span.role {
  font-size: 1rem;
  margin-bottom: 0;
}
.sect-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-bottom: 1rem;
}
.sect-header:first-of-type {
  margin-bottom: 0;
}
.sect1:not(.display) > .sect-header {
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid var(--section-divider-color);
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
}
.sect1 div.roles > span.role,
div.roles > span.role::after {
  margin: 0;
}
.doc .sect-header h2 {
  border-bottom: none;
  margin-bottom: 0;
}
span.deprecated::after {
  content: "Deprecated";
  background: rgba(255 214 0 / 1);
  background: var(--deprecated-background-color);
  border-color: rgba(37 27 0 / 1);
  border-color: var(--deprecated-color);
  color: rgba(37 27 0 / 1);
  color: var(--deprecated-color);
  margin-left: 8px;
  vertical-align: middle;
}
div.not-on-aura > h2::after,
div.not-on-aura > h3::after,
div.not-on-aura > h4::after,
p.not-on-aura::before,
section.not-on-aura .title::after,
span.not-on-aura::after {
  content: "Not available on Aura";
  background-color: rgba(187 45 0 / 1);
  background-color: var(--not-on-aura-background-color);
  border-color: rgba(187 45 0 / 1);
  border-color: var(--not-on-aura-background-color);
  color: rgba(255 233 231 / 1);
  color: var(--not-on-aura-color);
}
div.aura-db-enterprise > h2::after,
div.aura-db-enterprise > h3::after,
div.aura-db-enterprise > h4::after,
p.aura-db-enterprise::before,
section.aura-db-enterprise.title::after,
span.aura-db-enterprise::after {
  content: "AuraDB Virtual Dedicated Cloud";
  background: rgba(10 97 144 / 1);
  background: var(--aura-db-enterprise-background-color);
  border-color: rgba(10 97 144 / 1);
  border-color: var(--aura-db-enterprise-background-color);
  color: rgba(231 250 251 / 1);
  color: var(--aura-db-enterprise-color);
}
div.aura-db-dedicated > h2::after,
div.aura-db-dedicated > h3::after,
div.aura-db-dedicated > h4::after,
p.aura-db-dedicated::before,
section.aura-db-dedicated.title::after,
span.aura-db-dedicated::after {
  content: "AuraDB Virtual Dedicated Cloud";
  background: rgba(10 97 144 / 1);
  background: var(--aura-db-dedicated-background-color);
  border-color: rgba(10 97 144 / 1);
  border-color: var(--aura-db-dedicated-background-color);
  color: rgba(231 250 251 / 1);
  color: var(--aura-db-dedicated-color);
}
div.enterprise-edition > h2::after,
div.enterprise-edition > h3::after,
div.enterprise-edition > h4::after,
p.enterprise-edition::before,
section.enterprise-edition .title::after,
span.enterprise-edition::after {
  content: "Enterprise Edition";
  background: rgba(10 97 144 / 1);
  background: var(--enterprise-edition-background-color);
  border-color: rgba(10 97 144 / 1);
  border-color: var(--enterprise-edition-background-color);
  color: rgba(231 250 251 / 1);
  color: var(--enterprise-edition-color);
}
div.fabric > h2::after,
div.fabric > h3::after,
div.fabric > h4::after,
p.fabric::before,
section.fabric .title::after,
span.fabric::after {
  content: "Fabric";
  background-color: rgba(10 97 144 / 1);
  background-color: var(--fabric-background-color);
  border-color: rgba(10 97 144 / 1);
  border-color: var(--fabric-background-color);
  color: rgba(231 250 251 / 1);
  color: var(--fabric-color);
}
.admonitionblock td.icon .icon-::before {
  content: "\f088";
  color: #f58220;
}
.doc .admonitionblock.deprecated .icon {
  background-color: rgba(255 214 0 / 1);
  background-color: var(--deprecated-background-color);
  color: rgba(37 27 0 / 1);
  color: var(--deprecated-color);
}
.doc .admonitionblock.deprecated {
  background-color: rgba(255 214 0 / 1);
  background-color: var(--deprecated-background-color);
  border-left-color: rgba(37 27 0 / 1);
  border-left-color: var(--deprecated-color);
  color: rgba(37 27 0 / 1);
  color: var(--deprecated-color);
}
.doc .admonitionblock.deprecated pre {
  background-color: rgba(255 214 0 / 1);
  background-color: var(--deprecated-background-color);
  color: rgba(37 27 0 / 1);
  color: var(--deprecated-color);
}
.doc .admonitionblock.deprecated a {
  color: #e53e3e;
  color: var(--color-red-600);
}
.doc pre {
  font-size: 0.77778rem;
  font-size: calc(14/var(--rem-base)*1rem);
}
.doc .paragraph.statsonlyqueryresult,
.doc .paragraph.erroronlyqueryresult {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 0.77778rem;
  font-size: calc(14/var(--rem-base)*1rem);
  background-color: rgba(226 227 229 / 1);
  background-color: var(--code-result-background);
  color: rgba(26 27 29 / 1);
  color: var(--code-result-font-color);
  margin: 0;
  margin-top: -1.5rem;
  margin-right: 30%;
  margin-bottom: 1.5rem;
  margin-left: 2rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1.5rem;
}
/* GDS */
.sect1.alpha h2::after,
.sect1.beta h2::after,
.sect2.alpha h3::after,
.sect2.beta h3::after,
span.alpha::after,
span.beta::after {
  background: rgba(236 156 0 / 1);
  background: var(--alpha-beta-background-color);
  color: #000;
  color: var(--alpha-beta-color);
}
.sect1.alpha h2::after,
.sect2.alpha h3::after,
span.alpha::after {
  content: "Alpha";
}
.sect1.beta h2::after,
.sect2.beta h3::after,
span.beta::after {
  content: "Beta";
}
.doc .paragraph.tier-note {
  margin: 1.5rem 0;
}
div.tier-note p {
  padding: 10px;
  /* text-align: justify; */
}
div.tier-note p::before {
  border-right: thin solid rgba(236 156 0 / 1);
  border-right: thin solid var(--alpha-beta-background-color);
  padding: 0 10px;
  margin-right: 10px;
  font-family: fantasy;
  font-size: 2rem;
  color: rgba(236 156 0 / 1);
  color: var(--alpha-beta-background-color);
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
div.alpha-symbol p::before {
  content: "\03b1";
}
div.beta-symbol p::before {
  content: "\03b2";
}
.function-reference::after {
  content: '\2A0D';
  margin-left: 0.5em;
  padding: 0 0.5em;
  background-color: #e9d8fd;
  background-color: var(--color-purple-200);
  color: #6b46c1;
  color: var(--color-purple-700);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 25%;
}
.graph-variants > .title {
  color: #4a5568 !important;
  font-style: normal !important;
  font-size: 1.11111rem !important;
  font-size: calc(20/var(--rem-base)*1rem) !important;
}
.graph-variants > .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
@media screen and (max-width: 1244px) {
  .graph-variants > .content > .paragraph {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}
@media screen and (max-width: 582px) {
  .graph-variants > .content > .paragraph {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
  }
}
@media screen and (min-width: 1245px) {
  .graph-variants > .content > .paragraph {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.graph-variants > .content > .paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  white-space: nowrap;
  padding: 0.2rem 0.3rem;
  margin: 0.5em 1em 0 0;
  line-height: 1em;
  border-radius: 0.2rem;
}
.graph-variants > .content > .supported {
  background-color: rgba(231 252 215 / 1);
  background-color: var(--success-background-color);
  color: rgba(63 120 36 / 1);
  color: var(--success-color);
}
.graph-variants > .content > .supported::before {
  content: '\2714';
  margin-right: 0.5em;
  color: rgba(63 120 36 / 1);
  color: var(--success-color);
}
.graph-variants > .content > .allowed {
  background-color: rgba(245 246 246 / 1);
  background-color: var(--neutral-background-color);
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
}
.graph-variants > .content > .allowed::before {
  content: '(\2714)';
  margin-right: 0.5em;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
}
.graph-variants > .content > .not-supported {
  background-color: rgba(255 233 231 / 1);
  background-color: var(--warning-background-color);
  color: rgba(187 45 0 / 1);
  color: var(--warning-color);
}
.graph-variants > .content > .not-supported::before {
  content: '\2716';
  margin-right: 0.5em;
  background-color: rgba(255 233 231 / 1);
  background-color: var(--warning-background-color);
  color: rgba(187 45 0 / 1);
  color: var(--warning-color);
}
ul.bibliography {
  list-style-type: none;
  padding-left: 0;
}
.newsletter {
  background: #bee3f8;
  background: var(--color-blue-200);
  border-radius: 0.5rem;
  color: #2b6cb0;
  color: var(--color-blue-700);
  font-size: 0.77778rem;
  font-size: calc(14/var(--rem-base)*1rem);
  padding: 1rem;
}
.newsletter h2 {
  font-size: 0.88889rem;
  font-size: calc(16/var(--rem-base)*1rem);
  font-weight: 600;
  font-weight: var(--body-font-weight-bold);
  line-height: 1.5;
  margin: 0;
  color: #2c5282;
  color: var(--color-blue-800);
}
.newsletter p {
  margin: 0.25rem 0;
}
.newsletter label {
  color: #2b6cb0;
  color: var(--color-blue-700);
}
.newsletter .mktoOffset,
.newsletter .mktoGutter,
.newsletter .mktoForm .mktoRequiredField .mktoAsterix {
  display: none !important;
}
.newsletter .mktoForm input {
  outline: none;
  margin: 0 !important;
  border: 1px solid #90cdf4 !important;
  border: 1px solid var(--color-blue-300) !important;
  border-radius: 0.25rem !important;
  background: #ebf8ff !important;
  background: var(--color-blue-100) !important;
  color: #2c5282 !important;
  color: var(--color-blue-800) !important;
}
.newsletter .mktoLogicalField {
  padding: 0 !important;
}
.newsletter .mktoLogicalField label {
  width: 100% !important;
}
.newsletter .mktoForm div.mktoButtonRow {
  width: 100%;
}
.newsletter .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  background: #2c5282 !important;
  background: var(--color-blue-800) !important;
  color: #ebf8ff !important;
  color: var(--color-blue-100) !important;
  width: 100% !important;
  border-radius: 0.25rem !important;
  border: 0 none;
}
.toc .newsletter {
  position: absolute;
  bottom: 6rem;
}
.arrange-options ul {
  margin: 1rem 0 !important;
  padding: 0 !important;
  min-height: 1.5rem;
}
.arrange-options .arrange-message {
  font-size: 0.75rem;
  color: rgba(77 81 87 / 1);
  color: rgba(var(--colors-neutral-60));
  border-bottom: 1px solid rgba(187 190 195 / 1);
  border-bottom: 1px solid rgba(var(--colors-neutral-30));
  margin: 0 0 0.25rem 0;
  padding-bottom: 0.25rem;
}
.arrange-options li,
.arrange pre code span {
  display: inline-block;
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid rgba(var(--colors-neutral-20));
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  margin: 0 0.5rem 0 0;
  font-family: "Roboto Mono"
,
monospace;
  font-family: var(--monospace-font-family);
  cursor: pointer;
}
.arrange pre code span {
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
}
div.promo.promo-graphacademy .content {
  background-image: url(../img/icons/mortarboard.svg);
  background-repeat: no-repeat;
  background-position: 0 4px;
  padding-left: 48px !important;
}
div.promo {
  background-image: url(../img/promo-blob.svg);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 24px;
  border: 1px solid #e2e3e5;
  border-radius: 16px;
}
div.promo .content {
  padding: 0 !important;
  border: 0 none !important;
}
div.promo .content .paragraph,
div.promo .content .ulist {
  margin-bottom: 0;
}
div.promo .content .ulist ul {
  padding-left: 12px;
}
div.promo .content .ulist li {
  margin-bottom: 0;
}
div.promo a {
  font-weight: 400;
}
@font-face {
  font-family: 'Syne Neo';
  src: url('https://storage.googleapis.com/neo4j-fonts/Syne%20Neo%20Medium%20Font.otf') format('opentype');
}
@media screen and (min-width: 1024px) {
  body.research main > .content {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  body.research .doc .content {
    margin-top: 0;
  }
}
body.research {
  background: rgba(245 246 246 / 1);
  background: rgba(var(--colors-neutral-15));
}
/* nav */
body.research .nav-container {
  display: none;
}
body.research .navbar {
  display: none;
}
/* end of nav */
/* collapsible items */
.faq-container {
  width: 100%;
  margin: auto;
}
.faq-item {
  padding: 10px 0;
  color: black;
}
.faq-question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: black;
}
.faq-answer {
  display: block; /* Make answers visible by default */
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
/* end of collapsible */
/* toolbar */
body.research .toolbar {
  visibility: hidden;
}
/* end of toolbar */
body.research .doc a {
  text-decoration: none;
  cursor: pointer;
}
body.research .doc a::after {
  display: inline-block;
}
body.research .doc a:hover {
  text-decoration: underline;
}
body.research .cards.bottom-cards a:hover {
  text-decoration: none;
}
body.research .doc a:hover::after {
  text-decoration: none;
}
body.research main > .content {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
}
body.research .doc {
  width: 100%;
  max-width: 1058px;
  padding: 0 1rem 4rem;
}
body.research .doc .flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
body.research .doc > .sect-header > h1.page:first-child {
  margin-top: 0;
  /* font-size: var(--font-size-h1); */
  margin-bottom: 1.5rem;
}
body.landing .toc {
  display: none;
}
body.research .doc h2 {
  margin: 1rem 0 1rem;
}
body.research h2 {
  display: none;
}
body.research .doc h1,
body.research .doc h2 {
  font-family: "Syne Neo"
,
"Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--header-font-family);
  border-bottom: 0 none;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}
body.research .widget .sectionbody {
  background: rgba(255 255 255 / 1);
  background: rgba(var(--colors-neutral-10));
  border-radius: 1rem;
  border: none;
  padding: 1rem;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  row-gap: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
body.research .widget.lists .sectionbody {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 24px;
}
body.research .widget.banner .sectionbody {
  background: rgba(1 64 99 / 1);
  background: rgba(var(--colors-baltic-60));
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  border-radius: 1rem;
  border: none;
  padding: 2rem;
  row-gap: 2rem;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
  background-image: url(../img/start-ux.svg);
}
body.research.sub .widget .sectionbody {
  background: transparent;
  padding: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 1rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
body.research.sub .widget.banner .sectionbody {
  background: transparent;
  padding: 0;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  row-gap: 1rem;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}
body.research.sub .widget .sectionbody .sect2 {
  border-radius: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32%;
          flex: 0 0 32%;
}
body.research .next-steps .sectionbody {
  display: -webkit-inline-box;
}
body.research .next-steps .sectionbody .dlist {
  margin-left: 1rem;
  padding-left: 2rem;
  border-left: 1px solid rgba(226 227 229 / 1);
  border-left: 1px solid rgba(var(--colors-neutral-20));
}
body.research .next-steps .sectionbody .dlist dd {
  margin-bottom: 1rem;
}
body.research .next-steps .sectionbody .dlist dt,
body.research .next-steps .sectionbody .dlist dd {
  margin-left: 0;
  padding: 0.5rem;
}
body.research .next-steps .sectionbody ol {
  list-style-type: none;
  counter-reset: step-counter;
  padding-left: 0;
}
body.research .next-steps .sectionbody ol li {
  border-left: 1px solid rgba(10 97 144 / 1);
  border-left: 1px solid rgba(var(--colors-baltic-50));
  margin-left: 1rem;
  counter-increment: step-counter;
  margin-bottom: 0;
  padding-bottom: 76px;
}
body.research .next-steps .sectionbody ol li a {
  -webkit-text-emphasis: none;
          text-emphasis: none;
}
body.research .next-steps .sectionbody ol li:last-of-type {
  counter-increment: step-counter;
  margin-bottom: 0;
  border: none;
  padding-bottom: 0;
}
body.research .next-steps .sectionbody ol li p > strong {
  color: black;
}
body.research .next-steps .sectionbody ol li p {
  margin: 0 0 0 2rem;
}
body.research .next-steps .sectionbody ol li div.paragraph {
  margin: 0;
}
body.research .next-steps .sectionbody ol li::before {
  content: counter(step-counter);
  /* display: inline-block; */
  float: left;
  position: relative;
  z-index: 1;
  margin-left: -1rem;
  margin-right: 1rem;
  font-style: normal;
  background: rgba(10 97 144 / 1);
  background: rgba(var(--colors-baltic-50));
  color: white;
  border: 1px solid rgba(10 97 144 / 1);
  border: 1px solid rgba(var(--colors-baltic-50));
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}
body.research .next-steps .sectionbody ul {
  /* list-style-type: none; */
  padding: 1rem;
}
body.research .next-steps .sectionbody ul li {
  margin-bottom: 1rem;
}
body.research .next-steps .sectionbody ul li div.paragraph {
  margin: 0;
}
/* body.research .next-steps .sectionbody ol li:last-of-type:after {
  content: "";
  background: rgba(var(--colors-neutral-10));
  border: 1px solid rgba(var(--colors-baltic-50));
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: inline-block;
  position: relative;
  left: -3.25rem;
  top: -3.875rem;
} */
/* body.research .article a:visited {
  color: var(--neutral-color);
} */
/* video embeds */
.video iframe {
  border-radius: 0.75rem;
}
body.research #preamble + .sect1 {
  margin-top: 0;
}
/* sections */
body.research .paragraph.caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1rem;
  margin-right: 1rem;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  -webkit-font-feature-settings: 'liga' off, 'clig' off;
          font-feature-settings: 'liga' off, 'clig' off;
  font-family: Syne
Neo;
  font-family: var(--font-font-family-h1);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 100% */
  letter-spacing: 0.25px;
}
body.research .paragraph.footer-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 0;
}
body.research .banner .paragraph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0;
  margin-right: 25rem;
  margin-bottom: 2rem;
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
}
body.research .banner .paragraph.description {
  font-family: var(--font-family-h2);
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  letter-spacing: 0;
}
/* selectable cards */
body.research .cards .sect2.selectable .description {
  color: rgba(94 99 106 / 1);
  color: var(--doc-font-color);
  font-weight: 200;
}
body.research .cards .sect2.selectable a {
  -webkit-text-decoration: solid;
          text-decoration: solid;
}
body.research .cards .sect2.selectable .link a:hover {
  text-decoration: underline;
}
body.research .cards .sect2.selectable:hover div.description {
  text-decoration: none;
}
/* banner */
body.research .banner .sectionbody > div.openblock {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
body.research .banner .sectionbody > div.icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  padding: 0;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.25rem;
  margin-bottom: 0;
}
body.research .banner .icon img {
  height: 100%;
  padding: 0;
  margin: 0;
}
body.research .banner .button a.external {
  color: rgba(26 27 29 / 1);
  color: var(--heading-font-color);
  background: rgba(92 195 201 / 1);
  background: rgba(var(--colors-baltic-25));
}
body.research .banner .button a.external::after {
  display: none;
}
body.research .banner .button a {
  border-radius: 0.25rem;
  padding: 0.5em 1.5em;
  font-weight: 400;
  text-align: center;
  /* margin-left: 24px; */
}
.banner .button:hover {
  background: rgba(rgba(143 227 232 / 1));
  background: rgba(var(--banner-background-color));
  color: 92
195
201
/
1;
  color: var(--colors-baltic-25);
}
.description2 {
  color: rgba(255 255 255 / 1);
  color: var(--color-white);
  font-size: 1rem;
  font-size: var(--doc-font-size--desktop);
  line-height: 1.8;
  line-height: var(--doc-line-height);
  margin: 0
auto;
  margin: var(--doc-margin);
  max-width: 40rem;
  max-width: var(--doc-max-width);
  padding: 12px 24px 12px;
}
/* highlights */
body.research .highlights .sectionbody > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      align-self: center;
  padding: 1rem 2rem 1rem;
  display: flow;
}
body.research .highlights .sectionbody > div.icon span.image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.research .highlights .list,
body.research .highlights .caption {
  padding-left: 0;
}
body.research .highlights .list a {
  padding: 8px;
  text-decoration: none;
}
body.research .highlights .list a:hover,
body.research .highlights .list a:focus {
  text-decoration: none;
  background-color: rgba(111 117 126 / 0.1);
  background-color: var(--toc_hover-background-color);
  cursor: default;
}
body.research .highlights .list ul li {
  border-bottom: 1px solid rgba(226 227 229 / 1);
  border-bottom: 1px solid rgba(var(--colors-neutral-20));
}
body.research .widget.highlights .footer-link {
  text-align: end;
}
body.research .widget.highlights .footer-link a,
body.research .widget.highlights .footer-link a:visited,
body.research .widget.highlights .footer-link a::after {
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
}
body.research .widget.highlights .icon img {
  max-width: 100%;
  height: auto;
  padding: 0;
}
/* lists */
body.research .lists .sectionbody > div.sect2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 22%;
          flex: 0 0 22%;
}
body.research .widget .sectionbody > div.sect2 .ulist {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  margin-top: 1rem;
}
body.research .widget ul {
  list-style-type: none;
  padding: 0;
}
body.research .lists ul li {
  font-size: 0.875rem;
  font-size: var(--font-size-body-medium);
}
body.research .lists ul li a {
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  text-decoration: none;
  cursor: default;
}
/* cards */
body.research .sect2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 16px;
  position: relative;
}
body.research .cards .sectionbody > div.sect2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
  border: 1px solid rgba(226 227 229 / 1);
  border: 1px solid var(--panel-border-color);
  /* margin-right: 1rem; */
}
body.research .cards.bottom-cards .sectionbody > div.sect2 {
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 48.8%;
          flex: 0 1 48.8%;
  margin-right: 24px;
}
body.research .cards .sect2.selectable > a,
body.research .cards .sect2:not(.selectable),
body.research .lists .sect2 {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  /* justify-content: space-between; */
  gap: 8px;
  /* min-width: 30%; */
  padding: 24px;
  background: rgba(255 255 255 / 1);
  background: var(--color-white);
  line-height: 2rem;
}
body.research .cards.selectable .sect2:hover,
body.research .cards .sect2.selectable:hover {
  -webkit-transition: 0.1s linear;
  transition: 0.1s linear;
  border: 1px solid rgba(187 190 195 / 1);
  border: 1px solid var(--page-version-missing-font-color);
  -webkit-box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
          box-shadow: 0 1px 2px 0 rgba(26, 27, 29, 0.18);
  cursor: default;
}
/* styles for specific types of cards:
- featured - for new and exciting items
- labs
- graph-academy
*/
/* this would give a background image on cards marked with [.ga-promo] */
body.research .cards .sectionbody > div.sect2.graph-academy > a,
body.research .cards .sectionbody > div.sect2.graph-academy:not(.selectable) {
  background: #fff url(../img/ad-blob.svg) no-repeat 100% 100%;
  border: 1px solid rgba(63 120 36 / 1);
  border: 1px solid var(--success-color);
  -webkit-box-shadow: 0 2px 4px 0 rgba(63, 120, 36, 0.5), 0 1px 2px 0 rgba(63, 120, 36, 0.2);
          box-shadow: 0 2px 4px 0 rgba(63, 120, 36, 0.5), 0 1px 2px 0 rgba(63, 120, 36, 0.2);
}
body.research .cards .sectionbody > div.sect2.labs > a,
body.research .cards .sectionbody > div.sect2.labs:not(.selectable) {
  border: 1px solid rgba(90 52 170 / 1);
  border: 1px solid var(--color-labs);
  -webkit-box-shadow: 0 2px 4px 0 rgba(90, 52, 170, 0.5), 0 1px 2px 0 rgba(90, 52, 170, 0.2);
          box-shadow: 0 2px 4px 0 rgba(90, 52, 170, 0.5), 0 1px 2px 0 rgba(90, 52, 170, 0.2);
}
/* add a labs label to a title in a card */
body.research .header-label-container > div.labels {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-left: auto;
}
body.research .cards .sect2 > a,
body.research .cards:not(.selectable) .sect2 > a,
body.research .widget:not(.video) {
  /* box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.06); */
  border: none;
  border-radius: 1rem;
}
body.research .cards .sect2 > a {
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}
body.research.color-docs .sect2 {
  color: rgba(255 255 255 / 1);
  color: rgba(var(--colors-neutral-10));
  background: rgba(10 97 144 / 1);
  background: var(--color-docs);
}
body.research.color-docs .cards .sect2 h3,
body.research.color-docs .cards .sect2 .description {
  color: rgba(255 255 255 / 1);
  color: rgba(var(--colors-neutral-10));
}
body.research .cards .sect2 .paragraph {
  margin: 0;
}
/* body.research:not(.create-applications) .sect2 {
  min-height: 200px;
} */
body.research .cards .sect2 a > h3,
body.research .cards .sect2 a > div {
  margin: 0;
  padding: 0;
}
body.research .sect2 a > div,
body.research .sect2 a > h3 {
  display: flow;
}
body.research .cards .sect2 .icon,
body.research .widget .icon {
  padding: 0;
  margin: 0;
  width: 100%;
}
body.research .cards .sect2 .icon,
body.research .widget.banner .icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 0;
  margin: 0;
  width: 100%;
}
body.research .cards .sect2 .icon p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fill-available;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
body.research .cards .sect2 .icon p div.labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 0.25rem;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
}
body.research .cards .icon span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* For the 1st, 3rd etc highlights, move the image to the right */
body.research .widget.highlights:nth-of-type(odd) .icon {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
/* We can use this rule to apply styles to the 2nd, 4th highlights etc widget */
/* body.research .widget.highlights:nth-of-type(even) .openblock {
  margin-right:40px;
} */
body.research body.research .cards .sect2 .icon img {
  width: 4rem;
  height: 4rem;
  padding: 0;
}
body.research .cards .sect2 .icon.icon-l img {
  width: 6rem;
  height: 6rem;
  margin-bottom: 9px;
}
body.research .lists .sect2 .icon img,
body.research .icon-s .sect2 .icon img {
  width: 3rem;
  height: 3rem;
  padding: 0;
}
body.research .lists .sect2 .icon img path {
  color: rgba(#5db3bf);
  color: rgba(var(--colors-baltic-30));
  fill: rgba(#5db3bf);
  fill: rgba(var(--colors-baltic-30));
}
body.research .cards .sect2 h3,
body.research .lists .sect2 h3 {
  /* flex-grow: 1; */
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin: 0;
  font-weight: 600;
  font-weight: var(--font-weight-semibold);
  width: -webkit-fill-available;
}
body.research .cards .sect2 h3 .anchor::before {
  display: none;
}
body.research .cards .sect2 .paragraph:not(.icon) {
  font-size: 0.875rem;
  font-size: var(--font-size-body-medium);
  line-height: 1.5;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 0;
  /* z-index: 10; */
  /* margin: 0.5rem 1rem 0 1rem; */
  /* -webkit-box-flex: 1; */
  /* -ms-flex-positive: 1; */
  /* flex-grow: 1; */
}
body.research .cards .sect2.selectable .paragraph.link {
  display: none;
}
body.research .cards.selectable .sect2 .paragraph.link,
body.research .cards:not(.selectable) .sect2 .paragraph.link {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 30px;
  margin-top: auto;
}
body.research .bottom-cards .sect2 .icon {
  padding-bottom: 16px;
}
body.research .bottom-cards .sect2 h3 {
  padding-bottom: 8px;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  font-family: "Syne Neo"
,
"Public Sans"
,
"Nunito Sans"
,
"Helvetica Neue"
,
helvetica
,
roboto
,
arial
,
sans-serif;
  font-family: var(--header-font-family);
  font-size: xx-large;
}
body.research .bottom-cards:not(.selectable) .sect2 .paragraph.link {
  padding-top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
body.research .cards .sect2 .paragraph.category {
  display: none;
}
body.research .plain-links a.external::after {
  all: unset;
}
body.research .highlights a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  font-weight: 400;
  font-weight: var(--font-weight-normal);
  text-decoration: none;
}
body.research .highlights a::after,
body.research .cards .link a::after {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  content: "→";
  font-weight: 600;
  color: rgba(10 97 144 / 1);
  color: var(--link-font-color);
  -webkit-transition: margin 0.2s linear;
  transition: margin 0.2s linear;
}
body.research .highlights a::after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.5rem;
  color: rgba(26 27 29 / 1);
  color: var(--neutral-color);
  float: right;
}
body.research .cards .sect2 .ulist {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  margin: 0;
  font-size: 0.875rem;
  font-size: var(--font-size-body-medium);
  line-height: 1.5;
  text-align: left;
}
body.research .cards .sect2 .ulist ul {
  padding: 0;
}
body.research .cards .sect2 .ulist ul li {
  list-style-type: none;
  margin: 0.5rem 0 0;
}
@media screen and (max-width: 1439px) {
  body.research .toolbar {
    top: 0;
  }
}
body.research .widget .sectionbody > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.research .lists ul {
  /* text-align: center; */
}
body.research .widget .sectionbody .sect2,
body.research.sub .widget .sectionbody .sect2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}
body.research .lists .sectionbody > div.sect2 > * {
  /* margin: 0 auto; */
}
body.research .highlights .sectionbody > div.openblock {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}
body.research .highlights .sectionbody > div.icon {
  margin: auto;
}
@media all and (max-width: 1157px) {
  body.research .doc > .sect-header > h1.page:first-child {
    text-align: center;
    margin: 1rem auto;
  }

  body.research .bottom-cards .sect2 > a,
  body.research .cards .sect2 > a {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }

  body.research .lists .sectionbody > div.sect2 {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    padding: 1rem;
  }
}
/*# sourceMappingURL=site.css.map */