fd9da8c03b14bbcbbf5981c7ad0a741956576a9c
custom.css
| ... | ... | @@ -0,0 +1,13112 @@ |
| 1 | +:root, |
|
| 2 | +[data-color-mode="light"][data-light-theme*="light"], |
|
| 3 | +[data-color-mode="dark"][data-dark-theme*="light"] { |
|
| 4 | + color-scheme: light; |
|
| 5 | +} |
|
| 6 | +@media (prefers-color-scheme: light) { |
|
| 7 | + [data-color-mode="auto"][data-light-theme*="light"] { |
|
| 8 | + color-scheme: light; |
|
| 9 | + } |
|
| 10 | +} |
|
| 11 | +@media (prefers-color-scheme: dark) { |
|
| 12 | + [data-color-mode="auto"][data-dark-theme*="light"] { |
|
| 13 | + color-scheme: light; |
|
| 14 | + } |
|
| 15 | +} |
|
| 16 | +[data-color-mode="light"][data-light-theme*="dark"], |
|
| 17 | +[data-color-mode="dark"][data-dark-theme*="dark"] { |
|
| 18 | + color-scheme: dark; |
|
| 19 | +} |
|
| 20 | +@media (prefers-color-scheme: light) { |
|
| 21 | + [data-color-mode="auto"][data-light-theme*="dark"] { |
|
| 22 | + color-scheme: dark; |
|
| 23 | + } |
|
| 24 | +} |
|
| 25 | +@media (prefers-color-scheme: dark) { |
|
| 26 | + [data-color-mode="auto"][data-dark-theme*="dark"] { |
|
| 27 | + color-scheme: dark; |
|
| 28 | + } |
|
| 29 | +} |
|
| 30 | +[data-color-mode] { |
|
| 31 | + color: var(--color-fg-default); |
|
| 32 | + background-color: var(--color-canvas-default); |
|
| 33 | +} |
|
| 34 | +@media (forced-colors: active) { |
|
| 35 | + body { |
|
| 36 | + --color-accent-emphasis: Highlight; |
|
| 37 | + --color-fg-on-emphasis: LinkText; |
|
| 38 | + } |
|
| 39 | +} /*! |
|
| 40 | + * @primer/css/core |
|
| 41 | + * http://primer.style/css |
|
| 42 | + * |
|
| 43 | + * Released under MIT license. Copyright (c) 2019 GitHub Inc. |
|
| 44 | + */ |
|
| 45 | +.ActionList { |
|
| 46 | + padding: 8px; |
|
| 47 | +} |
|
| 48 | +.ActionList--full { |
|
| 49 | + padding: 0; |
|
| 50 | +} |
|
| 51 | +.ActionList--subGroup { |
|
| 52 | + padding: 0; |
|
| 53 | +} |
|
| 54 | +.ActionList--divided .ActionList-item-label::before { |
|
| 55 | + position: absolute; |
|
| 56 | + top: -6px; |
|
| 57 | + display: block; |
|
| 58 | + width: 100%; |
|
| 59 | + height: 1px; |
|
| 60 | + content: ""; |
|
| 61 | + background: var(--color-action-list-item-inline-divider); |
|
| 62 | +} |
|
| 63 | +.ActionList--divided .ActionList-item-descriptionWrap--inline::before { |
|
| 64 | + position: absolute; |
|
| 65 | + top: -6px; |
|
| 66 | + display: block; |
|
| 67 | + width: 100%; |
|
| 68 | + height: 1px; |
|
| 69 | + content: ""; |
|
| 70 | + background: var(--color-action-list-item-inline-divider); |
|
| 71 | +} |
|
| 72 | +.ActionList--divided |
|
| 73 | + .ActionList-item-descriptionWrap--inline |
|
| 74 | + .ActionList-item-label::before { |
|
| 75 | + content: unset; |
|
| 76 | +} |
|
| 77 | +.ActionList--divided .ActionList-item--navActive .ActionList-item-label::before, |
|
| 78 | +.ActionList--divided |
|
| 79 | + .ActionList-item--navActive |
|
| 80 | + + .ActionList-item |
|
| 81 | + .ActionList-item-label::before { |
|
| 82 | + visibility: hidden; |
|
| 83 | +} |
|
| 84 | +.ActionList-item:first-of-type .ActionList-item-label::before, |
|
| 85 | +.ActionList-sectionDivider + .ActionList-item .ActionList-item-label::before { |
|
| 86 | + visibility: hidden; |
|
| 87 | +} |
|
| 88 | +.ActionList-item:first-of-type .ActionList-item-descriptionWrap--inline::before, |
|
| 89 | +.ActionList-sectionDivider |
|
| 90 | + + .ActionList-item |
|
| 91 | + .ActionList-item-descriptionWrap--inline::before { |
|
| 92 | + visibility: hidden; |
|
| 93 | +} |
|
| 94 | +.ActionList--tree { |
|
| 95 | + --ActionList-tree-depth: 1; |
|
| 96 | +} |
|
| 97 | +.ActionList--tree .ActionList-item--subItem > .ActionList-content { |
|
| 98 | + font-size: 14px; |
|
| 99 | +} |
|
| 100 | +.ActionList--tree |
|
| 101 | + .ActionList-item.ActionList-item--singleton |
|
| 102 | + .ActionList-content { |
|
| 103 | + padding-left: 32px; |
|
| 104 | +} |
|
| 105 | +.ActionList--tree |
|
| 106 | + .ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) |
|
| 107 | + .ActionList-item-label { |
|
| 108 | + font-weight: 400; |
|
| 109 | +} |
|
| 110 | +.ActionList--tree .ActionList-content[aria-expanded] + .ActionList--subGroup { |
|
| 111 | + position: relative; |
|
| 112 | +} |
|
| 113 | +.ActionList--tree |
|
| 114 | + .ActionList-content[aria-expanded] |
|
| 115 | + + .ActionList--subGroup |
|
| 116 | + .ActionList-content { |
|
| 117 | + padding-left: calc(8px * var(--ActionList-tree-depth)); |
|
| 118 | +} |
|
| 119 | +.ActionList--tree |
|
| 120 | + .ActionList-content[aria-expanded="true"] |
|
| 121 | + .ActionList-item-collapseIcon { |
|
| 122 | + transition: transform 120ms linear; |
|
| 123 | + transform: rotate(0deg); |
|
| 124 | +} |
|
| 125 | +.ActionList--tree |
|
| 126 | + .ActionList-content[aria-expanded="true"].ActionList-content--hasActiveSubItem |
|
| 127 | + > .ActionList-item-label { |
|
| 128 | + font-weight: 400; |
|
| 129 | +} |
|
| 130 | +.ActionList--tree |
|
| 131 | + .ActionList-content[aria-expanded="false"] |
|
| 132 | + .ActionList-item-collapseIcon { |
|
| 133 | + transition: transform 120ms linear; |
|
| 134 | + transform: rotate(-90deg); |
|
| 135 | +} |
|
| 136 | +.ActionList--tree |
|
| 137 | + .ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem |
|
| 138 | + > .ActionList-item-label { |
|
| 139 | + font-weight: 400; |
|
| 140 | +} |
|
| 141 | +.ActionList--tree |
|
| 142 | + .ActionList-item--hasSubItem |
|
| 143 | + .ActionList-item--subItem:not(.ActionList-item--hasSubItem) |
|
| 144 | + .ActionList-content |
|
| 145 | + > span:first-child { |
|
| 146 | + padding-left: 24px; |
|
| 147 | +} |
|
| 148 | +.ActionList--tree |
|
| 149 | + > [aria-level="1"].ActionList-item--hasSubItem |
|
| 150 | + > .ActionList--subGroup::before { |
|
| 151 | + position: absolute; |
|
| 152 | + left: 16px; |
|
| 153 | + width: 1px; |
|
| 154 | + height: 100%; |
|
| 155 | + content: ""; |
|
| 156 | + background: var(--color-action-list-item-inline-divider); |
|
| 157 | +} |
|
| 158 | +.ActionList--tree |
|
| 159 | + .ActionList-item--hasSubItem:not([aria-level="1"]) |
|
| 160 | + > .ActionList--subGroup::before { |
|
| 161 | + position: absolute; |
|
| 162 | + left: calc(8px * (var(--ActionList-tree-depth)) + 7px); |
|
| 163 | + width: 1px; |
|
| 164 | + height: 100%; |
|
| 165 | + content: ""; |
|
| 166 | + background: var(--color-action-list-item-inline-divider); |
|
| 167 | +} |
|
| 168 | +.ActionList-item { |
|
| 169 | + position: relative; |
|
| 170 | + list-style: none; |
|
| 171 | + background-color: transparent; |
|
| 172 | + border-radius: 6px; |
|
| 173 | +} |
|
| 174 | +.ActionList-item:hover, |
|
| 175 | +.ActionList-item:active { |
|
| 176 | + cursor: pointer; |
|
| 177 | +} |
|
| 178 | +@media (hover: hover) { |
|
| 179 | + .ActionList-item:not(.ActionList-item--hasSubItem):hover, |
|
| 180 | + .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover { |
|
| 181 | + cursor: pointer; |
|
| 182 | + background-color: var(--color-action-list-item-default-hover-bg); |
|
| 183 | + } |
|
| 184 | + .ActionList-item:not(.ActionList-item--hasSubItem):hover:not(.ActionList-item--navActive), |
|
| 185 | + .ActionList-item.ActionList-item--hasSubItem |
|
| 186 | + > .ActionList-content:hover:not(.ActionList-item--navActive) { |
|
| 187 | + outline: solid 1px transparent; |
|
| 188 | + outline-offset: -1px; |
|
| 189 | + box-shadow: inset 0 0 0 2px |
|
| 190 | + var(--color-action-list-item-default-active-border); |
|
| 191 | + } |
|
| 192 | +} |
|
| 193 | +.ActionList-item:not(.ActionList-item--hasSubItem):active, |
|
| 194 | +.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active { |
|
| 195 | + background: var(--color-action-list-item-default-active-bg); |
|
| 196 | +} |
|
| 197 | +.ActionList-item:not(.ActionList-item--hasSubItem):active:not(.ActionList-item--navActive), |
|
| 198 | +.ActionList-item.ActionList-item--hasSubItem |
|
| 199 | + > .ActionList-content:active:not(.ActionList-item--navActive) { |
|
| 200 | + outline: solid 1px transparent; |
|
| 201 | + outline-offset: -1px; |
|
| 202 | + box-shadow: inset 0 0 0 2px |
|
| 203 | + var(--color-action-list-item-default-active-border); |
|
| 204 | +} |
|
| 205 | +@media screen and (prefers-reduced-motion: no-preference) { |
|
| 206 | + .ActionList-item:not(.ActionList-item--hasSubItem):active, |
|
| 207 | + .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active { |
|
| 208 | + animation: ActionList-item-active-bg 4s forwards |
|
| 209 | + cubic-bezier(0.33, 1, 0.68, 1); |
|
| 210 | + } |
|
| 211 | +} |
|
| 212 | +@keyframes ActionList-item-active-bg { |
|
| 213 | + 50% { |
|
| 214 | + box-shadow: inset 0 2px 12px 6px rgba(var(--color-canvas-default), 0.4); |
|
| 215 | + transform: scale(1); |
|
| 216 | + } |
|
| 217 | + 100% { |
|
| 218 | + transform: scale(0.97); |
|
| 219 | + } |
|
| 220 | +} |
|
| 221 | +@media (hover: hover) { |
|
| 222 | + .ActionList-item:not(.ActionList-item--hasSubItem):hover |
|
| 223 | + .ActionList-item-label::before, |
|
| 224 | + .ActionList-item:not(.ActionList-item--hasSubItem):hover |
|
| 225 | + + .ActionList-item |
|
| 226 | + .ActionList-item-label::before, |
|
| 227 | + .ActionList-item.ActionList-item--hasSubItem |
|
| 228 | + > .ActionList-content:hover |
|
| 229 | + .ActionList-item-label::before, |
|
| 230 | + .ActionList-item.ActionList-item--hasSubItem |
|
| 231 | + > .ActionList-content:hover |
|
| 232 | + + .ActionList-item |
|
| 233 | + .ActionList-item-label::before { |
|
| 234 | + visibility: hidden; |
|
| 235 | + } |
|
| 236 | + .ActionList-item:not(.ActionList-item--hasSubItem):hover |
|
| 237 | + .ActionList-item-descriptionWrap--inline::before, |
|
| 238 | + .ActionList-item:not(.ActionList-item--hasSubItem):hover |
|
| 239 | + + .ActionList-item |
|
| 240 | + .ActionList-item-descriptionWrap--inline::before, |
|
| 241 | + .ActionList-item.ActionList-item--hasSubItem |
|
| 242 | + > .ActionList-content:hover |
|
| 243 | + .ActionList-item-descriptionWrap--inline::before, |
|
| 244 | + .ActionList-item.ActionList-item--hasSubItem |
|
| 245 | + > .ActionList-content:hover |
|
| 246 | + + .ActionList-item |
|
| 247 | + .ActionList-item-descriptionWrap--inline::before { |
|
| 248 | + visibility: hidden; |
|
| 249 | + } |
|
| 250 | +} |
|
| 251 | +.ActionList-item:not(.ActionList-item--hasSubItem):active |
|
| 252 | + .ActionList-item-label::before, |
|
| 253 | +.ActionList-item:not(.ActionList-item--hasSubItem):active |
|
| 254 | + + .ActionList-item |
|
| 255 | + .ActionList-item-label::before, |
|
| 256 | +.ActionList-item.ActionList-item--hasSubItem |
|
| 257 | + > .ActionList-content:active |
|
| 258 | + .ActionList-item-label::before, |
|
| 259 | +.ActionList-item.ActionList-item--hasSubItem |
|
| 260 | + > .ActionList-content:active |
|
| 261 | + + .ActionList-item |
|
| 262 | + .ActionList-item-label::before { |
|
| 263 | + visibility: hidden; |
|
| 264 | +} |
|
| 265 | +.ActionList-item.ActionList-item--hasSubItem > .ActionList-content { |
|
| 266 | + z-index: 1; |
|
| 267 | +} |
|
| 268 | +@media (hover: hover) { |
|
| 269 | + .ActionList-item.ActionList-item--hasSubItem > .ActionList-content:hover { |
|
| 270 | + background-color: var(--color-action-list-item-default-hover-bg); |
|
| 271 | + } |
|
| 272 | +} |
|
| 273 | +.ActionList-item.ActionList-item--hasSubItem > .ActionList-content:active { |
|
| 274 | + background-color: var(--color-action-list-item-default-active-bg); |
|
| 275 | +} |
|
| 276 | +.ActionList-item.ActionList-item--navActive:not(.ActionList-item--subItem) |
|
| 277 | + .ActionList-item-label { |
|
| 278 | + font-weight: 600; |
|
| 279 | +} |
|
| 280 | +.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) { |
|
| 281 | + background: var(--color-action-list-item-default-selected-bg); |
|
| 282 | +} |
|
| 283 | +@media (hover: hover) { |
|
| 284 | + .ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger):hover { |
|
| 285 | + background-color: var(--color-action-list-item-default-hover-bg); |
|
| 286 | + } |
|
| 287 | +} |
|
| 288 | +.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::before, |
|
| 289 | +.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger) |
|
| 290 | + + .ActionList-item::before { |
|
| 291 | + visibility: hidden; |
|
| 292 | +} |
|
| 293 | +.ActionList-item.ActionList-item--navActive:not(.ActionList-item--danger)::after { |
|
| 294 | + position: absolute; |
|
| 295 | + top: calc(50% - 12px); |
|
| 296 | + left: -8px; |
|
| 297 | + width: 4px; |
|
| 298 | + height: 24px; |
|
| 299 | + content: ""; |
|
| 300 | + background: var(--color-accent-fg); |
|
| 301 | + border-radius: 6px; |
|
| 302 | +} |
|
| 303 | +.ActionList-item[aria-checked="true"] .ActionList-item-multiSelectCheckmark, |
|
| 304 | +.ActionList-item[aria-selected="true"] .ActionList-item-multiSelectCheckmark { |
|
| 305 | + visibility: visible; |
|
| 306 | + opacity: 1; |
|
| 307 | + transition: visibility 0 linear 0, opacity 50ms; |
|
| 308 | +} |
|
| 309 | +.ActionList-item[aria-checked="true"] .ActionList-item-singleSelectCheckmark, |
|
| 310 | +.ActionList-item[aria-selected="true"] .ActionList-item-singleSelectCheckmark { |
|
| 311 | + visibility: visible; |
|
| 312 | +} |
|
| 313 | +@media screen and (prefers-reduced-motion: no-preference) { |
|
| 314 | + .ActionList-item[aria-checked="true"] .ActionList-item-singleSelectCheckmark, |
|
| 315 | + .ActionList-item[aria-selected="true"] |
|
| 316 | + .ActionList-item-singleSelectCheckmark { |
|
| 317 | + animation: checkmarkIn 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards; |
|
| 318 | + } |
|
| 319 | +} |
|
| 320 | +.ActionList-item[aria-checked="true"] |
|
| 321 | + .ActionList-item-multiSelectIcon |
|
| 322 | + .ActionList-item-multiSelectIconRect, |
|
| 323 | +.ActionList-item[aria-selected="true"] |
|
| 324 | + .ActionList-item-multiSelectIcon |
|
| 325 | + .ActionList-item-multiSelectIconRect { |
|
| 326 | + fill: var(--color-accent-fg); |
|
| 327 | + stroke: var(--color-accent-fg); |
|
| 328 | + stroke-width: 1px; |
|
| 329 | +} |
|
| 330 | +.ActionList-item[aria-checked="true"] |
|
| 331 | + .ActionList-item-multiSelectIcon |
|
| 332 | + .ActionList-item-multiSelectCheckmark, |
|
| 333 | +.ActionList-item[aria-selected="true"] |
|
| 334 | + .ActionList-item-multiSelectIcon |
|
| 335 | + .ActionList-item-multiSelectCheckmark { |
|
| 336 | + fill: var(--color-fg-on-emphasis); |
|
| 337 | +} |
|
| 338 | +.ActionList-item[aria-checked="false"] .ActionList-item-multiSelectCheckmark, |
|
| 339 | +.ActionList-item[aria-selected="false"] .ActionList-item-multiSelectCheckmark { |
|
| 340 | + visibility: hidden; |
|
| 341 | + opacity: 0; |
|
| 342 | + transition: visibility 0 linear 50ms, opacity 50ms; |
|
| 343 | +} |
|
| 344 | +.ActionList-item[aria-checked="false"] .ActionList-item-singleSelectCheckmark, |
|
| 345 | +.ActionList-item[aria-selected="false"] .ActionList-item-singleSelectCheckmark { |
|
| 346 | + visibility: hidden; |
|
| 347 | + transition: visibility 0s linear 200ms; |
|
| 348 | + -webkit-clip-path: inset(16px 0 0 0); |
|
| 349 | + clip-path: inset(16px 0 0 0); |
|
| 350 | +} |
|
| 351 | +@media screen and (prefers-reduced-motion: no-preference) { |
|
| 352 | + .ActionList-item[aria-checked="false"] .ActionList-item-singleSelectCheckmark, |
|
| 353 | + .ActionList-item[aria-selected="false"] |
|
| 354 | + .ActionList-item-singleSelectCheckmark { |
|
| 355 | + animation: checkmarkOut 200ms cubic-bezier(0.11, 0, 0.5, 0) forwards; |
|
| 356 | + } |
|
| 357 | +} |
|
| 358 | +.ActionList-item[aria-checked="false"] |
|
| 359 | + .ActionList-item-multiSelectIcon |
|
| 360 | + .ActionList-item-multiSelectIconRect, |
|
| 361 | +.ActionList-item[aria-selected="false"] |
|
| 362 | + .ActionList-item-multiSelectIcon |
|
| 363 | + .ActionList-item-multiSelectIconRect { |
|
| 364 | + fill: var(--color-canvas-default); |
|
| 365 | + stroke: var(--color-border-default); |
|
| 366 | + stroke-width: 1px; |
|
| 367 | +} |
|
| 368 | +.ActionList-item[aria-checked="false"] .ActionList-item-multiSelectIconRect, |
|
| 369 | +.ActionList-item[aria-selected="false"] .ActionList-item-multiSelectIconRect { |
|
| 370 | + fill: var(--color-canvas-default); |
|
| 371 | + border: 1px solid var(--color-border-default); |
|
| 372 | +} |
|
| 373 | +@keyframes checkmarkIn { |
|
| 374 | + from { |
|
| 375 | + -webkit-clip-path: inset(16px 0 0 0); |
|
| 376 | + clip-path: inset(16px 0 0 0); |
|
| 377 | + } |
|
| 378 | + to { |
|
| 379 | + -webkit-clip-path: inset(0 0 0 0); |
|
| 380 | + clip-path: inset(0 0 0 0); |
|
| 381 | + } |
|
| 382 | +} |
|
| 383 | +@keyframes checkmarkOut { |
|
| 384 | + from { |
|
| 385 | + -webkit-clip-path: inset(0 0 0 0); |
|
| 386 | + clip-path: inset(0 0 0 0); |
|
| 387 | + } |
|
| 388 | + to { |
|
| 389 | + -webkit-clip-path: inset(16px 0 0 0); |
|
| 390 | + clip-path: inset(16px 0 0 0); |
|
| 391 | + } |
|
| 392 | +} |
|
| 393 | +.ActionList-item.ActionList-item--danger .ActionList-item-label { |
|
| 394 | + color: var(--color-danger-fg); |
|
| 395 | +} |
|
| 396 | +.ActionList-item.ActionList-item--danger .ActionList-item-visual { |
|
| 397 | + color: var(--color-danger-fg); |
|
| 398 | +} |
|
| 399 | +@media (hover: hover) { |
|
| 400 | + .ActionList-item.ActionList-item--danger:hover { |
|
| 401 | + background: var(--color-action-list-item-danger-hover-bg); |
|
| 402 | + } |
|
| 403 | + .ActionList-item.ActionList-item--danger:hover .ActionList-item-label { |
|
| 404 | + color: var(--color-action-list-item-danger-hover-text); |
|
| 405 | + } |
|
| 406 | +} |
|
| 407 | +.ActionList-item.ActionList-item--danger .ActionList-content:active { |
|
| 408 | + background: var(--color-action-list-item-danger-active-bg); |
|
| 409 | +} |
|
| 410 | +.ActionList-item .ActionList { |
|
| 411 | + padding: unset; |
|
| 412 | +} |
|
| 413 | +.ActionList-content { |
|
| 414 | + position: relative; |
|
| 415 | + display: grid; |
|
| 416 | + width: 100%; |
|
| 417 | + padding: 6px 8px; |
|
| 418 | + font-size: 14px; |
|
| 419 | + font-weight: 400; |
|
| 420 | + color: var(--color-fg-default); |
|
| 421 | + text-align: left; |
|
| 422 | + -webkit-user-select: none; |
|
| 423 | + user-select: none; |
|
| 424 | + background-color: transparent; |
|
| 425 | + border: none; |
|
| 426 | + border-radius: 6px; |
|
| 427 | + transition: background 33.333ms linear; |
|
| 428 | + touch-action: manipulation; |
|
| 429 | + touch-action: manipulation; |
|
| 430 | + -webkit-tap-highlight-color: transparent; |
|
| 431 | + grid-template-rows: min-content; |
|
| 432 | + grid-template-areas: "leadingAction leadingVisual label trailingVisual trailingAction"; |
|
| 433 | + grid-template-columns: min-content min-content minmax(0, auto) min-content min-content; |
|
| 434 | + align-items: start; |
|
| 435 | +} |
|
| 436 | +.ActionList-content > :not(:last-child) { |
|
| 437 | + margin-right: 8px; |
|
| 438 | +} |
|
| 439 | +.ActionList-content:hover { |
|
| 440 | + text-decoration: none; |
|
| 441 | +} |
|
| 442 | +.ActionList-content:focus { |
|
| 443 | + outline: 2px solid var(--color-accent-fg); |
|
| 444 | + outline-offset: -2px; |
|
| 445 | + box-shadow: none; |
|
| 446 | +} |
|
| 447 | +.ActionList-content:focus:not(:focus-visible) { |
|
| 448 | + outline: solid 1px transparent; |
|
| 449 | +} |
|
| 450 | +.ActionList-content:focus-visible { |
|
| 451 | + outline: 2px solid var(--color-accent-fg); |
|
| 452 | + outline-offset: -2px; |
|
| 453 | + box-shadow: none; |
|
| 454 | +} |
|
| 455 | +.ActionList-content[aria-disabled="true"] .ActionList-item-label, |
|
| 456 | +.ActionList-content[aria-disabled="true"] .ActionList-item-description { |
|
| 457 | + color: var(--color-primer-fg-disabled); |
|
| 458 | +} |
|
| 459 | +.ActionList-content[aria-disabled="true"] .ActionList-item-visual { |
|
| 460 | + fill: var(--color-primer-fg-disabled); |
|
| 461 | +} |
|
| 462 | +@media (hover: hover) { |
|
| 463 | + .ActionList-content[aria-disabled="true"]:hover { |
|
| 464 | + cursor: not-allowed; |
|
| 465 | + background-color: transparent; |
|
| 466 | + } |
|
| 467 | +} |
|
| 468 | +@media screen and (prefers-reduced-motion: no-preference) { |
|
| 469 | + .ActionList-content[aria-expanded] + .ActionList--subGroup { |
|
| 470 | + transition: opacity 160ms cubic-bezier(0.25, 1, 0.5, 1), |
|
| 471 | + transform 160ms cubic-bezier(0.25, 1, 0.5, 1); |
|
| 472 | + } |
|
| 473 | +} |
|
| 474 | +.ActionList-content[aria-expanded] + .ActionList--subGroup .ActionList-content { |
|
| 475 | + padding-left: 24px; |
|
| 476 | +} |
|
| 477 | +.ActionList-content[aria-expanded].ActionList-content--visual16 |
|
| 478 | + + .ActionList--subGroup |
|
| 479 | + .ActionList-content { |
|
| 480 | + padding-left: 32px; |
|
| 481 | +} |
|
| 482 | +.ActionList-content[aria-expanded].ActionList-content--visual20 |
|
| 483 | + + .ActionList--subGroup |
|
| 484 | + .ActionList-content { |
|
| 485 | + padding-left: 36px; |
|
| 486 | +} |
|
| 487 | +.ActionList-content[aria-expanded].ActionList-content--visual24 |
|
| 488 | + + .ActionList--subGroup |
|
| 489 | + .ActionList-content { |
|
| 490 | + padding-left: 40px; |
|
| 491 | +} |
|
| 492 | +.ActionList-content[aria-expanded="true"] .ActionList-item-collapseIcon { |
|
| 493 | + transition: transform 120ms linear; |
|
| 494 | + transform: scaleY(-1); |
|
| 495 | +} |
|
| 496 | +.ActionList-content[aria-expanded="true"] + .ActionList--subGroup { |
|
| 497 | + height: auto; |
|
| 498 | + overflow: visible; |
|
| 499 | + visibility: visible; |
|
| 500 | + opacity: 1; |
|
| 501 | + transform: translateY(0); |
|
| 502 | +} |
|
| 503 | +.ActionList-content[aria-expanded="true"].ActionList-content--hasActiveSubItem |
|
| 504 | + > .ActionList-item-label { |
|
| 505 | + font-weight: 600; |
|
| 506 | +} |
|
| 507 | +.ActionList-content[aria-expanded="false"] .ActionList-item-collapseIcon { |
|
| 508 | + transition: transform 120ms linear; |
|
| 509 | + transform: scaleY(1); |
|
| 510 | +} |
|
| 511 | +.ActionList-content[aria-expanded="false"] + .ActionList--subGroup { |
|
| 512 | + height: 0; |
|
| 513 | + overflow: hidden; |
|
| 514 | + visibility: hidden; |
|
| 515 | + opacity: 0; |
|
| 516 | + transform: translateY(-16px); |
|
| 517 | +} |
|
| 518 | +.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem { |
|
| 519 | + background: var(--color-action-list-item-default-selected-bg); |
|
| 520 | +} |
|
| 521 | +.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem |
|
| 522 | + .ActionList-item-label { |
|
| 523 | + font-weight: 600; |
|
| 524 | +} |
|
| 525 | +.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem::before, |
|
| 526 | +.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem |
|
| 527 | + + .ActionList-item::before { |
|
| 528 | + visibility: hidden; |
|
| 529 | +} |
|
| 530 | +.ActionList-content[aria-expanded="false"].ActionList-content--hasActiveSubItem::after { |
|
| 531 | + position: absolute; |
|
| 532 | + top: calc(50% - 12px); |
|
| 533 | + left: -8px; |
|
| 534 | + width: 4px; |
|
| 535 | + height: 24px; |
|
| 536 | + content: ""; |
|
| 537 | + background: var(--color-accent-fg); |
|
| 538 | + border-radius: 6px; |
|
| 539 | +} |
|
| 540 | +.ActionList-content.ActionList-content--sizeMedium { |
|
| 541 | + padding: 10px 8px; |
|
| 542 | +} |
|
| 543 | +.ActionList-content.ActionList-content--sizeLarge { |
|
| 544 | + padding: 14px 8px; |
|
| 545 | +} |
|
| 546 | +.ActionList-content.ActionList-content--fontSmall { |
|
| 547 | + font-size: 12px; |
|
| 548 | +} |
|
| 549 | +@media (pointer: coarse) { |
|
| 550 | + .ActionList-content { |
|
| 551 | + padding: 14px 8px; |
|
| 552 | + } |
|
| 553 | +} |
|
| 554 | +.ActionList-content.ActionList-content--blockDescription |
|
| 555 | + .ActionList-item-visual { |
|
| 556 | + place-self: start; |
|
| 557 | +} |
|
| 558 | +.ActionList-item-action--leading { |
|
| 559 | + grid-area: leadingAction; |
|
| 560 | +} |
|
| 561 | +.ActionList-item-visual--leading { |
|
| 562 | + grid-area: leadingVisual; |
|
| 563 | +} |
|
| 564 | +.ActionList-item-label { |
|
| 565 | + grid-area: label; |
|
| 566 | +} |
|
| 567 | +.ActionList-item-visual--trailing { |
|
| 568 | + grid-area: trailingVisual; |
|
| 569 | +} |
|
| 570 | +.ActionList-item-action--trailing { |
|
| 571 | + grid-area: trailingAction; |
|
| 572 | +} |
|
| 573 | +.ActionList-item-descriptionWrap { |
|
| 574 | + grid-area: label; |
|
| 575 | + display: flex; |
|
| 576 | + flex-direction: column; |
|
| 577 | +} |
|
| 578 | +.ActionList-item-descriptionWrap .ActionList-item-description { |
|
| 579 | + margin-top: 4px; |
|
| 580 | +} |
|
| 581 | +.ActionList-item-descriptionWrap .ActionList-item-label { |
|
| 582 | + font-weight: 600; |
|
| 583 | +} |
|
| 584 | +.ActionList-item-descriptionWrap--inline { |
|
| 585 | + position: relative; |
|
| 586 | + flex-direction: row; |
|
| 587 | + align-items: baseline; |
|
| 588 | +} |
|
| 589 | +.ActionList-item-descriptionWrap--inline .ActionList-item-description { |
|
| 590 | + margin-left: 8px; |
|
| 591 | +} |
|
| 592 | +.ActionList-item-description { |
|
| 593 | + font-size: 12px; |
|
| 594 | + font-weight: 400; |
|
| 595 | + line-height: 1.5; |
|
| 596 | + color: var(--color-fg-muted); |
|
| 597 | +} |
|
| 598 | +.ActionList-item-visual, |
|
| 599 | +.ActionList-item-action { |
|
| 600 | + display: flex; |
|
| 601 | + min-height: 20px; |
|
| 602 | + color: var(--color-fg-muted); |
|
| 603 | + pointer-events: none; |
|
| 604 | + fill: var(--color-fg-muted); |
|
| 605 | + align-items: center; |
|
| 606 | +} |
|
| 607 | +.ActionList-item-label { |
|
| 608 | + position: relative; |
|
| 609 | + font-weight: 400; |
|
| 610 | + line-height: 20px; |
|
| 611 | + color: var(--color-fg-default); |
|
| 612 | +} |
|
| 613 | +.ActionList-item-label--truncate { |
|
| 614 | + overflow: hidden; |
|
| 615 | + text-overflow: ellipsis; |
|
| 616 | + white-space: nowrap; |
|
| 617 | +} |
|
| 618 | +.ActionList-item--subItem > .ActionList-content { |
|
| 619 | + font-size: 12px; |
|
| 620 | +} |
|
| 621 | +.ActionList-sectionDivider:not(:empty) { |
|
| 622 | + display: flex; |
|
| 623 | + padding: 6px 8px; |
|
| 624 | + font-size: 12px; |
|
| 625 | + font-weight: 600; |
|
| 626 | + color: var(--color-fg-muted); |
|
| 627 | + flex-direction: column; |
|
| 628 | +} |
|
| 629 | +.ActionList-sectionDivider:empty { |
|
| 630 | + display: block; |
|
| 631 | + height: 1px; |
|
| 632 | + padding: 0; |
|
| 633 | + margin: 7px -8px 8px; |
|
| 634 | + list-style: none; |
|
| 635 | + background: var(--color-action-list-item-inline-divider); |
|
| 636 | + border: 0; |
|
| 637 | +} |
|
| 638 | +.ActionList-sectionDivider .ActionList-sectionDivider-title { |
|
| 639 | + font-size: 12px; |
|
| 640 | + font-weight: 600; |
|
| 641 | + color: var(--color-fg-muted); |
|
| 642 | +} |
|
| 643 | +.ActionList-sectionDivider--filled { |
|
| 644 | + margin: 8px -8px; |
|
| 645 | + background: var(--color-canvas-subtle); |
|
| 646 | + border-top: 1px solid var(--color-action-list-item-inline-divider); |
|
| 647 | + border-bottom: 1px solid var(--color-action-list-item-inline-divider); |
|
| 648 | +} |
|
| 649 | +.ActionList-sectionDivider--filled:empty { |
|
| 650 | + height: 8px; |
|
| 651 | + box-sizing: border-box; |
|
| 652 | +} |
|
| 653 | +.ActionList-sectionDivider--filled:first-child { |
|
| 654 | + margin-top: 0; |
|
| 655 | +} /*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */ |
|
| 656 | +html { |
|
| 657 | + font-family: sans-serif; |
|
| 658 | + -ms-text-size-adjust: 100%; |
|
| 659 | + -webkit-text-size-adjust: 100%; |
|
| 660 | +} |
|
| 661 | +body { |
|
| 662 | + margin: 0; |
|
| 663 | +} |
|
| 664 | +article, |
|
| 665 | +aside, |
|
| 666 | +details, |
|
| 667 | +figcaption, |
|
| 668 | +figure, |
|
| 669 | +footer, |
|
| 670 | +header, |
|
| 671 | +main, |
|
| 672 | +menu, |
|
| 673 | +nav, |
|
| 674 | +section { |
|
| 675 | + display: block; |
|
| 676 | +} |
|
| 677 | +summary { |
|
| 678 | + display: list-item; |
|
| 679 | +} |
|
| 680 | +audio, |
|
| 681 | +canvas, |
|
| 682 | +progress, |
|
| 683 | +video { |
|
| 684 | + display: inline-block; |
|
| 685 | +} |
|
| 686 | +audio:not([controls]) { |
|
| 687 | + display: none; |
|
| 688 | + height: 0; |
|
| 689 | +} |
|
| 690 | +progress { |
|
| 691 | + vertical-align: baseline; |
|
| 692 | +} |
|
| 693 | +template, |
|
| 694 | +[hidden] { |
|
| 695 | + display: none !important; |
|
| 696 | +} |
|
| 697 | +a { |
|
| 698 | + background-color: transparent; |
|
| 699 | +} |
|
| 700 | +abbr[title] { |
|
| 701 | + border-bottom: none; |
|
| 702 | + text-decoration: underline; |
|
| 703 | + text-decoration: underline dotted; |
|
| 704 | +} |
|
| 705 | +b, |
|
| 706 | +strong { |
|
| 707 | + font-weight: inherit; |
|
| 708 | +} |
|
| 709 | +b, |
|
| 710 | +strong { |
|
| 711 | + font-weight: bolder; |
|
| 712 | +} |
|
| 713 | +dfn { |
|
| 714 | + font-style: italic; |
|
| 715 | +} |
|
| 716 | +h1 { |
|
| 717 | + font-size: 2em; |
|
| 718 | + margin: 0.67em 0; |
|
| 719 | +} |
|
| 720 | +mark { |
|
| 721 | + background-color: var(--color-attention-subtle); |
|
| 722 | + color: var(--color-text-primary); |
|
| 723 | +} |
|
| 724 | +small { |
|
| 725 | + font-size: 80%; |
|
| 726 | +} |
|
| 727 | +sub, |
|
| 728 | +sup { |
|
| 729 | + font-size: 75%; |
|
| 730 | + line-height: 0; |
|
| 731 | + position: relative; |
|
| 732 | + vertical-align: baseline; |
|
| 733 | +} |
|
| 734 | +sub { |
|
| 735 | + bottom: -0.25em; |
|
| 736 | +} |
|
| 737 | +sup { |
|
| 738 | + top: -0.5em; |
|
| 739 | +} |
|
| 740 | +img { |
|
| 741 | + border-style: none; |
|
| 742 | +} |
|
| 743 | +svg:not(:root) { |
|
| 744 | + overflow: hidden; |
|
| 745 | +} |
|
| 746 | +code, |
|
| 747 | +kbd, |
|
| 748 | +pre, |
|
| 749 | +samp { |
|
| 750 | + font-family: monospace; |
|
| 751 | + font-size: 1em; |
|
| 752 | +} |
|
| 753 | +figure { |
|
| 754 | + margin: 1em 40px; |
|
| 755 | +} |
|
| 756 | +hr { |
|
| 757 | + box-sizing: content-box; |
|
| 758 | + height: 0; |
|
| 759 | + overflow: visible; |
|
| 760 | +} |
|
| 761 | +button, |
|
| 762 | +input, |
|
| 763 | +select, |
|
| 764 | +textarea { |
|
| 765 | + font: inherit; |
|
| 766 | + margin: 0; |
|
| 767 | +} |
|
| 768 | +optgroup { |
|
| 769 | + font-weight: 600; |
|
| 770 | +} |
|
| 771 | +button, |
|
| 772 | +input { |
|
| 773 | + overflow: visible; |
|
| 774 | +} |
|
| 775 | +button, |
|
| 776 | +select { |
|
| 777 | + text-transform: none; |
|
| 778 | +} |
|
| 779 | +button, |
|
| 780 | +html [type="button"], |
|
| 781 | +[type="reset"], |
|
| 782 | +[type="submit"] { |
|
| 783 | + -webkit-appearance: button; |
|
| 784 | +} |
|
| 785 | +fieldset { |
|
| 786 | + border: 1px solid silver; |
|
| 787 | + margin: 0 2px; |
|
| 788 | + padding: 0.35em 0.625em 0.75em; |
|
| 789 | +} |
|
| 790 | +legend { |
|
| 791 | + box-sizing: border-box; |
|
| 792 | + color: inherit; |
|
| 793 | + display: table; |
|
| 794 | + max-width: 100%; |
|
| 795 | + padding: 0; |
|
| 796 | + white-space: normal; |
|
| 797 | +} |
|
| 798 | +textarea { |
|
| 799 | + overflow: auto; |
|
| 800 | +} |
|
| 801 | +[type="checkbox"], |
|
| 802 | +[type="radio"] { |
|
| 803 | + box-sizing: border-box; |
|
| 804 | + padding: 0; |
|
| 805 | +} |
|
| 806 | +[type="number"]::-webkit-inner-spin-button, |
|
| 807 | +[type="number"]::-webkit-outer-spin-button { |
|
| 808 | + height: auto; |
|
| 809 | +} |
|
| 810 | +[type="search"]::-webkit-search-cancel-button, |
|
| 811 | +[type="search"]::-webkit-search-decoration { |
|
| 812 | + -webkit-appearance: none; |
|
| 813 | +} |
|
| 814 | +::-webkit-input-placeholder { |
|
| 815 | + color: inherit; |
|
| 816 | + opacity: 0.54; |
|
| 817 | +} |
|
| 818 | +::-webkit-file-upload-button { |
|
| 819 | + -webkit-appearance: button; |
|
| 820 | + font: inherit; |
|
| 821 | +} |
|
| 822 | +* { |
|
| 823 | + box-sizing: border-box; |
|
| 824 | +} |
|
| 825 | +input, |
|
| 826 | +select, |
|
| 827 | +textarea, |
|
| 828 | +button { |
|
| 829 | + font-family: inherit; |
|
| 830 | + font-size: inherit; |
|
| 831 | + line-height: inherit; |
|
| 832 | +} |
|
| 833 | +body { |
|
| 834 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, |
|
| 835 | + sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; |
|
| 836 | + font-size: 14px; |
|
| 837 | + line-height: 1.5; |
|
| 838 | + color: var(--color-fg-default); |
|
| 839 | + background-color: var(--color-canvas-default); |
|
| 840 | +} |
|
| 841 | +a { |
|
| 842 | + color: var(--color-accent-fg); |
|
| 843 | + text-decoration: none; |
|
| 844 | +} |
|
| 845 | +a:hover { |
|
| 846 | + text-decoration: underline; |
|
| 847 | +} |
|
| 848 | +b, |
|
| 849 | +strong { |
|
| 850 | + font-weight: 600; |
|
| 851 | +} |
|
| 852 | +hr, |
|
| 853 | +.rule { |
|
| 854 | + height: 0; |
|
| 855 | + margin: 15px 0; |
|
| 856 | + overflow: hidden; |
|
| 857 | + background: transparent; |
|
| 858 | + border: 0; |
|
| 859 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 860 | +} |
|
| 861 | +hr::before, |
|
| 862 | +.rule::before { |
|
| 863 | + display: table; |
|
| 864 | + content: ""; |
|
| 865 | +} |
|
| 866 | +hr::after, |
|
| 867 | +.rule::after { |
|
| 868 | + display: table; |
|
| 869 | + clear: both; |
|
| 870 | + content: ""; |
|
| 871 | +} |
|
| 872 | +table { |
|
| 873 | + border-spacing: 0; |
|
| 874 | + border-collapse: collapse; |
|
| 875 | +} |
|
| 876 | +td, |
|
| 877 | +th { |
|
| 878 | + padding: 0; |
|
| 879 | +} |
|
| 880 | +button { |
|
| 881 | + cursor: pointer; |
|
| 882 | + border-radius: 0; |
|
| 883 | +} |
|
| 884 | +[hidden][hidden] { |
|
| 885 | + display: none !important; |
|
| 886 | +} |
|
| 887 | +details summary { |
|
| 888 | + cursor: pointer; |
|
| 889 | +} |
|
| 890 | +details:not([open]) > *:not(summary) { |
|
| 891 | + display: none !important; |
|
| 892 | +} |
|
| 893 | +a, |
|
| 894 | +button, |
|
| 895 | +[role="button"], |
|
| 896 | +input[type="radio"], |
|
| 897 | +input[type="checkbox"] { |
|
| 898 | + transition: 80ms cubic-bezier(0.33, 1, 0.68, 1); |
|
| 899 | + transition-property: color, background-color, box-shadow, border-color; |
|
| 900 | +} |
|
| 901 | +a:focus, |
|
| 902 | +button:focus, |
|
| 903 | +[role="button"]:focus, |
|
| 904 | +input[type="radio"]:focus, |
|
| 905 | +input[type="checkbox"]:focus { |
|
| 906 | + outline: 2px solid var(--color-accent-fg); |
|
| 907 | + outline-offset: -2px; |
|
| 908 | + box-shadow: none; |
|
| 909 | +} |
|
| 910 | +a:focus:not(:focus-visible), |
|
| 911 | +button:focus:not(:focus-visible), |
|
| 912 | +[role="button"]:focus:not(:focus-visible), |
|
| 913 | +input[type="radio"]:focus:not(:focus-visible), |
|
| 914 | +input[type="checkbox"]:focus:not(:focus-visible) { |
|
| 915 | + outline: solid 1px transparent; |
|
| 916 | +} |
|
| 917 | +a:focus-visible, |
|
| 918 | +button:focus-visible, |
|
| 919 | +[role="button"]:focus-visible, |
|
| 920 | +input[type="radio"]:focus-visible, |
|
| 921 | +input[type="checkbox"]:focus-visible { |
|
| 922 | + outline: 2px solid var(--color-accent-fg); |
|
| 923 | + outline-offset: -2px; |
|
| 924 | + box-shadow: none; |
|
| 925 | +} |
|
| 926 | +a:not([class]):focus, |
|
| 927 | +a:not([class]):focus-visible, |
|
| 928 | +input[type="radio"]:focus, |
|
| 929 | +input[type="radio"]:focus-visible, |
|
| 930 | +input[type="checkbox"]:focus, |
|
| 931 | +input[type="checkbox"]:focus-visible { |
|
| 932 | + outline-offset: 0; |
|
| 933 | +} |
|
| 934 | +.focus { |
|
| 935 | + border-color: var(--color-accent-fg); |
|
| 936 | + outline: none; |
|
| 937 | + box-shadow: inset 0 0 0 1px var(--color-accent-fg); |
|
| 938 | +} |
|
| 939 | +@media (forced-colors: active) { |
|
| 940 | + *:focus, |
|
| 941 | + *:focus-visible { |
|
| 942 | + outline: solid 1px transparent; |
|
| 943 | + } |
|
| 944 | + input:not([type="radio"], [type="checkbox"]):focus, |
|
| 945 | + input:not([type="radio"], [type="checkbox"]):focus-visible, |
|
| 946 | + textarea:focus, |
|
| 947 | + textarea:focus-visible, |
|
| 948 | + select:focus, |
|
| 949 | + select:focus-visible { |
|
| 950 | + outline-offset: 2px; |
|
| 951 | + } |
|
| 952 | +} |
|
| 953 | +kbd { |
|
| 954 | + display: inline-block; |
|
| 955 | + padding: 3px 5px; |
|
| 956 | + font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, |
|
| 957 | + Liberation Mono, monospace; |
|
| 958 | + line-height: 10px; |
|
| 959 | + color: var(--color-fg-default); |
|
| 960 | + vertical-align: middle; |
|
| 961 | + background-color: var(--color-canvas-subtle); |
|
| 962 | + border: solid 1px var(--color-neutral-muted); |
|
| 963 | + border-bottom-color: var(--color-neutral-muted); |
|
| 964 | + border-radius: 6px; |
|
| 965 | + box-shadow: inset 0 -1px 0 var(--color-neutral-muted); |
|
| 966 | +} |
|
| 967 | +h1, |
|
| 968 | +h2, |
|
| 969 | +h3, |
|
| 970 | +h4, |
|
| 971 | +h5, |
|
| 972 | +h6 { |
|
| 973 | + margin-top: 0; |
|
| 974 | + margin-bottom: 0; |
|
| 975 | +} |
|
| 976 | +h1 { |
|
| 977 | + font-size: 32px; |
|
| 978 | + font-weight: 600; |
|
| 979 | +} |
|
| 980 | +h2 { |
|
| 981 | + font-size: 24px; |
|
| 982 | + font-weight: 600; |
|
| 983 | +} |
|
| 984 | +h3 { |
|
| 985 | + font-size: 20px; |
|
| 986 | + font-weight: 600; |
|
| 987 | +} |
|
| 988 | +h4 { |
|
| 989 | + font-size: 16px; |
|
| 990 | + font-weight: 600; |
|
| 991 | +} |
|
| 992 | +h5 { |
|
| 993 | + font-size: 14px; |
|
| 994 | + font-weight: 600; |
|
| 995 | +} |
|
| 996 | +h6 { |
|
| 997 | + font-size: 12px; |
|
| 998 | + font-weight: 600; |
|
| 999 | +} |
|
| 1000 | +p { |
|
| 1001 | + margin-top: 0; |
|
| 1002 | + margin-bottom: 10px; |
|
| 1003 | +} |
|
| 1004 | +small { |
|
| 1005 | + font-size: 90%; |
|
| 1006 | +} |
|
| 1007 | +blockquote { |
|
| 1008 | + margin: 0; |
|
| 1009 | +} |
|
| 1010 | +ul, |
|
| 1011 | +ol { |
|
| 1012 | + padding-left: 0; |
|
| 1013 | + margin-top: 0; |
|
| 1014 | + margin-bottom: 0; |
|
| 1015 | +} |
|
| 1016 | +ol ol, |
|
| 1017 | +ul ol { |
|
| 1018 | + list-style-type: lower-roman; |
|
| 1019 | +} |
|
| 1020 | +ul ul ol, |
|
| 1021 | +ul ol ol, |
|
| 1022 | +ol ul ol, |
|
| 1023 | +ol ol ol { |
|
| 1024 | + list-style-type: lower-alpha; |
|
| 1025 | +} |
|
| 1026 | +dd { |
|
| 1027 | + margin-left: 0; |
|
| 1028 | +} |
|
| 1029 | +tt, |
|
| 1030 | +code, |
|
| 1031 | +samp { |
|
| 1032 | + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, |
|
| 1033 | + Liberation Mono, monospace; |
|
| 1034 | + font-size: 12px; |
|
| 1035 | +} |
|
| 1036 | +pre { |
|
| 1037 | + margin-top: 0; |
|
| 1038 | + margin-bottom: 0; |
|
| 1039 | + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, |
|
| 1040 | + Liberation Mono, monospace; |
|
| 1041 | + font-size: 12px; |
|
| 1042 | +} |
|
| 1043 | +.octicon { |
|
| 1044 | + vertical-align: text-bottom; |
|
| 1045 | +} |
|
| 1046 | +.octicon { |
|
| 1047 | + display: inline-block; |
|
| 1048 | + overflow: visible !important; |
|
| 1049 | + vertical-align: text-bottom; |
|
| 1050 | + fill: currentColor; |
|
| 1051 | +} |
|
| 1052 | +.Box { |
|
| 1053 | + background-color: var(--color-canvas-default); |
|
| 1054 | + border-color: var(--color-border-default); |
|
| 1055 | + border-style: solid; |
|
| 1056 | + border-width: 1px; |
|
| 1057 | + border-radius: 6px; |
|
| 1058 | +} |
|
| 1059 | +.Box--condensed { |
|
| 1060 | + line-height: 1.25; |
|
| 1061 | +} |
|
| 1062 | +.Box--condensed .Box-header { |
|
| 1063 | + padding: 8px 16px; |
|
| 1064 | +} |
|
| 1065 | +.Box--condensed .Box-body { |
|
| 1066 | + padding: 8px 16px; |
|
| 1067 | +} |
|
| 1068 | +.Box--condensed .Box-footer { |
|
| 1069 | + padding: 8px 16px; |
|
| 1070 | +} |
|
| 1071 | +.Box--condensed .Box-btn-octicon.btn-octicon { |
|
| 1072 | + padding: 8px 16px; |
|
| 1073 | + margin: -8px -16px; |
|
| 1074 | + line-height: 1.25; |
|
| 1075 | +} |
|
| 1076 | +.Box--condensed .Box-row { |
|
| 1077 | + padding: 8px 16px; |
|
| 1078 | +} |
|
| 1079 | +.Box--spacious .Box-header { |
|
| 1080 | + padding: 24px; |
|
| 1081 | + line-height: 1.25; |
|
| 1082 | +} |
|
| 1083 | +.Box--spacious .Box-title { |
|
| 1084 | + font-size: 20px; |
|
| 1085 | +} |
|
| 1086 | +.Box--spacious .Box-body { |
|
| 1087 | + padding: 24px; |
|
| 1088 | +} |
|
| 1089 | +.Box--spacious .Box-footer { |
|
| 1090 | + padding: 24px; |
|
| 1091 | +} |
|
| 1092 | +.Box--spacious .Box-btn-octicon.btn-octicon { |
|
| 1093 | + padding: 24px; |
|
| 1094 | + margin: -24px -24px; |
|
| 1095 | +} |
|
| 1096 | +.Box--spacious .Box-row { |
|
| 1097 | + padding: 24px; |
|
| 1098 | +} |
|
| 1099 | +.Box-header { |
|
| 1100 | + padding: 16px; |
|
| 1101 | + margin: -1px -1px 0; |
|
| 1102 | + background-color: var(--color-canvas-subtle); |
|
| 1103 | + border-color: var(--color-border-default); |
|
| 1104 | + border-style: solid; |
|
| 1105 | + border-width: 1px; |
|
| 1106 | + border-top-left-radius: 6px; |
|
| 1107 | + border-top-right-radius: 6px; |
|
| 1108 | +} |
|
| 1109 | +.Box-title { |
|
| 1110 | + font-size: 14px; |
|
| 1111 | + font-weight: 600; |
|
| 1112 | +} |
|
| 1113 | +.Box-body { |
|
| 1114 | + padding: 16px; |
|
| 1115 | + border-bottom: 1px solid var(--color-border-default); |
|
| 1116 | +} |
|
| 1117 | +.Box-body:last-of-type { |
|
| 1118 | + margin-bottom: -1px; |
|
| 1119 | + border-bottom-right-radius: 6px; |
|
| 1120 | + border-bottom-left-radius: 6px; |
|
| 1121 | +} |
|
| 1122 | +.Box-row { |
|
| 1123 | + padding: 16px; |
|
| 1124 | + margin-top: -1px; |
|
| 1125 | + list-style-type: none; |
|
| 1126 | + border-top-color: var(--color-border-muted); |
|
| 1127 | + border-top-style: solid; |
|
| 1128 | + border-top-width: 1px; |
|
| 1129 | +} |
|
| 1130 | +.Box-row:first-of-type { |
|
| 1131 | + border-top-left-radius: 6px; |
|
| 1132 | + border-top-right-radius: 6px; |
|
| 1133 | +} |
|
| 1134 | +.Box-row:last-of-type { |
|
| 1135 | + border-bottom-right-radius: 6px; |
|
| 1136 | + border-bottom-left-radius: 6px; |
|
| 1137 | +} |
|
| 1138 | +.Box-row.Box-row--unread, |
|
| 1139 | +.Box-row.unread { |
|
| 1140 | + box-shadow: inset 2px 0 0 var(--color-accent-emphasis); |
|
| 1141 | +} |
|
| 1142 | +.Box-row.navigation-focus .Box-row--drag-button { |
|
| 1143 | + color: var(--color-accent-fg); |
|
| 1144 | + cursor: grab; |
|
| 1145 | + opacity: 100; |
|
| 1146 | +} |
|
| 1147 | +.Box-row.navigation-focus.is-dragging .Box-row--drag-button { |
|
| 1148 | + cursor: grabbing; |
|
| 1149 | +} |
|
| 1150 | +.Box-row.navigation-focus.sortable-chosen { |
|
| 1151 | + background-color: var(--color-canvas-subtle); |
|
| 1152 | +} |
|
| 1153 | +.Box-row.navigation-focus.sortable-ghost { |
|
| 1154 | + background-color: var(--color-canvas-subtle); |
|
| 1155 | +} |
|
| 1156 | +.Box-row.navigation-focus.sortable-ghost .Box-row--drag-hide { |
|
| 1157 | + opacity: 0; |
|
| 1158 | +} |
|
| 1159 | +.Box-row--focus-gray.navigation-focus { |
|
| 1160 | + background-color: var(--color-canvas-subtle); |
|
| 1161 | +} |
|
| 1162 | +.Box-row--focus-blue.navigation-focus { |
|
| 1163 | + background-color: var(--color-accent-subtle); |
|
| 1164 | +} |
|
| 1165 | +.Box-row--hover-gray:hover { |
|
| 1166 | + background-color: var(--color-canvas-subtle); |
|
| 1167 | +} |
|
| 1168 | +.Box-row--hover-blue:hover { |
|
| 1169 | + background-color: var(--color-accent-subtle); |
|
| 1170 | +} |
|
| 1171 | +@media (min-width: 768px) { |
|
| 1172 | + .Box-row-link { |
|
| 1173 | + color: var(--color-fg-default); |
|
| 1174 | + text-decoration: none; |
|
| 1175 | + } |
|
| 1176 | + .Box-row-link:hover { |
|
| 1177 | + color: var(--color-accent-fg); |
|
| 1178 | + text-decoration: none; |
|
| 1179 | + } |
|
| 1180 | +} |
|
| 1181 | +.Box-row--drag-button { |
|
| 1182 | + opacity: 0; |
|
| 1183 | +} |
|
| 1184 | +.Box-footer { |
|
| 1185 | + padding: 16px; |
|
| 1186 | + margin-top: -1px; |
|
| 1187 | + border-top-color: var(--color-border-default); |
|
| 1188 | + border-top-style: solid; |
|
| 1189 | + border-top-width: 1px; |
|
| 1190 | + border-radius: 0 0 6px 6px; |
|
| 1191 | +} |
|
| 1192 | +.Box--scrollable { |
|
| 1193 | + max-height: 324px; |
|
| 1194 | + overflow: scroll; |
|
| 1195 | +} |
|
| 1196 | +.Box--blue { |
|
| 1197 | + border-color: var(--color-accent-muted); |
|
| 1198 | +} |
|
| 1199 | +.Box--blue .Box-header { |
|
| 1200 | + background-color: var(--color-accent-subtle); |
|
| 1201 | + border-color: var(--color-accent-muted); |
|
| 1202 | +} |
|
| 1203 | +.Box--blue .Box-body { |
|
| 1204 | + border-color: var(--color-accent-muted); |
|
| 1205 | +} |
|
| 1206 | +.Box--blue .Box-row { |
|
| 1207 | + border-color: var(--color-accent-muted); |
|
| 1208 | +} |
|
| 1209 | +.Box--blue .Box-footer { |
|
| 1210 | + border-color: var(--color-accent-muted); |
|
| 1211 | +} |
|
| 1212 | +.Box--danger { |
|
| 1213 | + border-color: var(--color-danger-emphasis); |
|
| 1214 | +} |
|
| 1215 | +.Box--danger .Box-row:first-of-type { |
|
| 1216 | + border-color: var(--color-danger-emphasis); |
|
| 1217 | +} |
|
| 1218 | +.Box--danger .Box-body:last-of-type { |
|
| 1219 | + border-color: var(--color-danger-emphasis); |
|
| 1220 | +} |
|
| 1221 | +.Box-header--blue { |
|
| 1222 | + background-color: var(--color-accent-subtle); |
|
| 1223 | + border-color: var(--color-accent-muted); |
|
| 1224 | +} |
|
| 1225 | +.Box-row--yellow { |
|
| 1226 | + background-color: var(--color-attention-subtle); |
|
| 1227 | +} |
|
| 1228 | +.Box-row--blue { |
|
| 1229 | + background-color: var(--color-accent-subtle); |
|
| 1230 | +} |
|
| 1231 | +.Box-row--gray { |
|
| 1232 | + background-color: var(--color-canvas-subtle); |
|
| 1233 | +} |
|
| 1234 | +.Box-btn-octicon.btn-octicon { |
|
| 1235 | + padding: 16px 16px; |
|
| 1236 | + margin: -16px -16px; |
|
| 1237 | + line-height: 1.5; |
|
| 1238 | +} |
|
| 1239 | +.Box--overlay { |
|
| 1240 | + width: 448px; |
|
| 1241 | + margin-right: auto; |
|
| 1242 | + margin-left: auto; |
|
| 1243 | + background-color: var(--color-canvas-default); |
|
| 1244 | + background-clip: padding-box; |
|
| 1245 | + border-color: var(--color-border-default); |
|
| 1246 | + box-shadow: 0 0 18px rgba(0, 0, 0, 0.4); |
|
| 1247 | +} |
|
| 1248 | +.Box--overlay .Box-header { |
|
| 1249 | + margin: 0; |
|
| 1250 | + border-width: 0; |
|
| 1251 | + border-bottom-width: 1px; |
|
| 1252 | + border-top-left-radius: 6px; |
|
| 1253 | + border-top-right-radius: 6px; |
|
| 1254 | +} |
|
| 1255 | +.Box-overlay--narrow { |
|
| 1256 | + width: 320px; |
|
| 1257 | +} |
|
| 1258 | +.Box-overlay--wide { |
|
| 1259 | + width: 640px; |
|
| 1260 | +} |
|
| 1261 | +.Box-body.scrollable-overlay { |
|
| 1262 | + max-height: 400px; |
|
| 1263 | + overflow-y: scroll; |
|
| 1264 | +} |
|
| 1265 | +.Box-body .help { |
|
| 1266 | + padding-top: 8px; |
|
| 1267 | + margin: 0; |
|
| 1268 | + color: var(--color-fg-muted); |
|
| 1269 | + text-align: center; |
|
| 1270 | +} |
|
| 1271 | +.breadcrumb-item { |
|
| 1272 | + display: inline-block; |
|
| 1273 | + margin-left: -0.35em; |
|
| 1274 | + white-space: nowrap; |
|
| 1275 | + list-style: none; |
|
| 1276 | +} |
|
| 1277 | +.breadcrumb-item::after { |
|
| 1278 | + display: inline-block; |
|
| 1279 | + height: 0.8em; |
|
| 1280 | + margin: 0 0.5em; |
|
| 1281 | + content: ""; |
|
| 1282 | + border-right: 0.1em solid var(--color-fg-muted); |
|
| 1283 | + transform: rotate(15deg); |
|
| 1284 | +} |
|
| 1285 | +.breadcrumb-item:first-child { |
|
| 1286 | + margin-left: 0; |
|
| 1287 | +} |
|
| 1288 | +.breadcrumb-item-selected::after, |
|
| 1289 | +.breadcrumb-item[aria-current]:not([aria-current="false"])::after { |
|
| 1290 | + content: none; |
|
| 1291 | +} |
|
| 1292 | +.breadcrumb-item-selected a { |
|
| 1293 | + color: var(--color-fg-default); |
|
| 1294 | +} |
|
| 1295 | +.btn { |
|
| 1296 | + position: relative; |
|
| 1297 | + display: inline-block; |
|
| 1298 | + padding: 5px 16px; |
|
| 1299 | + font-size: 14px; |
|
| 1300 | + font-weight: 500; |
|
| 1301 | + line-height: 20px; |
|
| 1302 | + white-space: nowrap; |
|
| 1303 | + vertical-align: middle; |
|
| 1304 | + cursor: pointer; |
|
| 1305 | + -webkit-user-select: none; |
|
| 1306 | + user-select: none; |
|
| 1307 | + border: 1px solid; |
|
| 1308 | + border-radius: 6px; |
|
| 1309 | + -webkit-appearance: none; |
|
| 1310 | + appearance: none; |
|
| 1311 | +} |
|
| 1312 | +.btn:hover { |
|
| 1313 | + text-decoration: none; |
|
| 1314 | +} |
|
| 1315 | +.btn:disabled, |
|
| 1316 | +.btn.disabled, |
|
| 1317 | +.btn[aria-disabled="true"] { |
|
| 1318 | + cursor: default; |
|
| 1319 | +} |
|
| 1320 | +.btn i { |
|
| 1321 | + font-style: normal; |
|
| 1322 | + font-weight: 500; |
|
| 1323 | + opacity: 0.75; |
|
| 1324 | +} |
|
| 1325 | +.btn .octicon { |
|
| 1326 | + margin-right: 4px; |
|
| 1327 | + color: var(--color-fg-muted); |
|
| 1328 | + vertical-align: text-bottom; |
|
| 1329 | +} |
|
| 1330 | +.btn .octicon:only-child { |
|
| 1331 | + margin-right: 0; |
|
| 1332 | +} |
|
| 1333 | +.btn .Counter { |
|
| 1334 | + margin-left: 2px; |
|
| 1335 | + color: inherit; |
|
| 1336 | + text-shadow: none; |
|
| 1337 | + vertical-align: top; |
|
| 1338 | + background-color: var(--color-btn-counter-bg); |
|
| 1339 | +} |
|
| 1340 | +.btn .dropdown-caret { |
|
| 1341 | + margin-left: 4px; |
|
| 1342 | + opacity: 0.8; |
|
| 1343 | +} |
|
| 1344 | +.btn { |
|
| 1345 | + color: var(--color-btn-text); |
|
| 1346 | + background-color: var(--color-btn-bg); |
|
| 1347 | + border-color: var(--color-btn-border); |
|
| 1348 | + box-shadow: var(--color-btn-shadow), var(--color-btn-inset-shadow); |
|
| 1349 | + transition: 80ms cubic-bezier(0.33, 1, 0.68, 1); |
|
| 1350 | + transition-property: color, background-color, box-shadow, border-color; |
|
| 1351 | +} |
|
| 1352 | +.btn:hover, |
|
| 1353 | +.btn.hover, |
|
| 1354 | +[open] > .btn { |
|
| 1355 | + background-color: var(--color-btn-hover-bg); |
|
| 1356 | + border-color: var(--color-btn-hover-border); |
|
| 1357 | + transition-duration: 0.1s; |
|
| 1358 | +} |
|
| 1359 | +.btn:active { |
|
| 1360 | + background-color: var(--color-btn-active-bg); |
|
| 1361 | + border-color: var(--color-btn-active-border); |
|
| 1362 | + transition: none; |
|
| 1363 | +} |
|
| 1364 | +.btn.selected, |
|
| 1365 | +.btn[aria-selected="true"] { |
|
| 1366 | + background-color: var(--color-btn-selected-bg); |
|
| 1367 | + box-shadow: var(--color-primer-shadow-inset); |
|
| 1368 | +} |
|
| 1369 | +.btn:disabled, |
|
| 1370 | +.btn.disabled, |
|
| 1371 | +.btn[aria-disabled="true"] { |
|
| 1372 | + color: var(--color-primer-fg-disabled); |
|
| 1373 | + background-color: var(--color-btn-bg); |
|
| 1374 | + border-color: var(--color-btn-border); |
|
| 1375 | +} |
|
| 1376 | +.btn:disabled .octicon, |
|
| 1377 | +.btn.disabled .octicon, |
|
| 1378 | +.btn[aria-disabled="true"] .octicon { |
|
| 1379 | + color: var(--color-primer-fg-disabled); |
|
| 1380 | +} |
|
| 1381 | +.btn-primary { |
|
| 1382 | + color: var(--color-btn-primary-text); |
|
| 1383 | + background-color: var(--color-btn-primary-bg); |
|
| 1384 | + border-color: var(--color-btn-primary-border); |
|
| 1385 | + box-shadow: var(--color-btn-primary-shadow), |
|
| 1386 | + var(--color-btn-primary-inset-shadow); |
|
| 1387 | +} |
|
| 1388 | +.btn-primary:hover, |
|
| 1389 | +.btn-primary.hover, |
|
| 1390 | +[open] > .btn-primary { |
|
| 1391 | + background-color: var(--color-btn-primary-hover-bg); |
|
| 1392 | + border-color: var(--color-btn-primary-hover-border); |
|
| 1393 | +} |
|
| 1394 | +.btn-primary:focus { |
|
| 1395 | + outline: 2px solid var(--color-accent-fg); |
|
| 1396 | + outline-offset: -2px; |
|
| 1397 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 1398 | +} |
|
| 1399 | +.btn-primary:focus:not(:focus-visible) { |
|
| 1400 | + outline: solid 1px transparent; |
|
| 1401 | + box-shadow: none; |
|
| 1402 | +} |
|
| 1403 | +.btn-primary:focus-visible { |
|
| 1404 | + outline: 2px solid var(--color-accent-fg); |
|
| 1405 | + outline-offset: -2px; |
|
| 1406 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 1407 | +} |
|
| 1408 | +.btn-primary:active, |
|
| 1409 | +.btn-primary.selected, |
|
| 1410 | +.btn-primary[aria-selected="true"] { |
|
| 1411 | + background-color: var(--color-btn-primary-selected-bg); |
|
| 1412 | + box-shadow: var(--color-btn-primary-selected-shadow); |
|
| 1413 | +} |
|
| 1414 | +.btn-primary:disabled, |
|
| 1415 | +.btn-primary.disabled, |
|
| 1416 | +.btn-primary[aria-disabled="true"] { |
|
| 1417 | + color: var(--color-btn-primary-disabled-text); |
|
| 1418 | + background-color: var(--color-btn-primary-disabled-bg); |
|
| 1419 | + border-color: var(--color-btn-primary-disabled-border); |
|
| 1420 | +} |
|
| 1421 | +.btn-primary:disabled .octicon, |
|
| 1422 | +.btn-primary.disabled .octicon, |
|
| 1423 | +.btn-primary[aria-disabled="true"] .octicon { |
|
| 1424 | + color: var(--color-btn-primary-disabled-text); |
|
| 1425 | +} |
|
| 1426 | +.btn-primary .Counter { |
|
| 1427 | + color: inherit; |
|
| 1428 | + background-color: var(--color-btn-primary-counter-bg); |
|
| 1429 | +} |
|
| 1430 | +.btn-primary .octicon { |
|
| 1431 | + color: var(--color-btn-primary-icon); |
|
| 1432 | +} |
|
| 1433 | +a.btn-primary:focus { |
|
| 1434 | + outline: 2px solid var(--color-accent-fg); |
|
| 1435 | + outline-offset: -2px; |
|
| 1436 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 1437 | +} |
|
| 1438 | +a.btn-primary:focus:not(:focus-visible) { |
|
| 1439 | + outline: solid 1px transparent; |
|
| 1440 | + box-shadow: none; |
|
| 1441 | +} |
|
| 1442 | +a.btn-primary:focus-visible { |
|
| 1443 | + outline: 2px solid var(--color-accent-fg); |
|
| 1444 | + outline-offset: -2px; |
|
| 1445 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 1446 | +} |
|
| 1447 | +.btn-outline { |
|
| 1448 | + color: var(--color-btn-outline-text); |
|
| 1449 | +} |
|
| 1450 | +.btn-outline:hover, |
|
| 1451 | +[open] > .btn-outline { |
|
| 1452 | + color: var(--color-btn-outline-hover-text); |
|
| 1453 | + background-color: var(--color-btn-outline-hover-bg); |
|
| 1454 | + border-color: var(--color-btn-outline-hover-border); |
|
| 1455 | + box-shadow: var(--color-btn-outline-hover-shadow), |
|
| 1456 | + var(--color-btn-outline-hover-inset-shadow); |
|
| 1457 | +} |
|
| 1458 | +.btn-outline:hover .Counter, |
|
| 1459 | +[open] > .btn-outline .Counter { |
|
| 1460 | + background-color: var(--color-btn-outline-hover-counter-bg); |
|
| 1461 | +} |
|
| 1462 | +.btn-outline:hover .octicon, |
|
| 1463 | +[open] > .btn-outline .octicon { |
|
| 1464 | + color: inherit; |
|
| 1465 | +} |
|
| 1466 | +.btn-outline:active, |
|
| 1467 | +.btn-outline.selected, |
|
| 1468 | +.btn-outline[aria-selected="true"] { |
|
| 1469 | + color: var(--color-btn-outline-selected-text); |
|
| 1470 | + background-color: var(--color-btn-outline-selected-bg); |
|
| 1471 | + border-color: var(--color-btn-outline-selected-border); |
|
| 1472 | + box-shadow: var(--color-btn-outline-selected-shadow); |
|
| 1473 | +} |
|
| 1474 | +.btn-outline:active:focus, |
|
| 1475 | +.btn-outline.selected:focus, |
|
| 1476 | +.btn-outline[aria-selected="true"]:focus { |
|
| 1477 | + outline: 2px solid var(--color-accent-fg); |
|
| 1478 | + outline-offset: -2px; |
|
| 1479 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 1480 | +} |
|
| 1481 | +.btn-outline:active:focus:not(:focus-visible), |
|
| 1482 | +.btn-outline.selected:focus:not(:focus-visible), |
|
| 1483 | +.btn-outline[aria-selected="true"]:focus:not(:focus-visible) { |
|
| 1484 | + outline: solid 1px transparent; |
|
| 1485 | + box-shadow: none; |
|
| 1486 | +} |
|
| 1487 | +.btn-outline:active:focus-visible, |
|
| 1488 | +.btn-outline.selected:focus-visible, |
|
| 1489 | +.btn-outline[aria-selected="true"]:focus-visible { |
|
| 1490 | + outline: 2px solid var(--color-accent-fg); |
|
| 1491 | + outline-offset: -2px; |
|
| 1492 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 1493 | +} |
|
| 1494 | +.btn-outline:disabled, |
|
| 1495 | +.btn-outline.disabled, |
|
| 1496 | +.btn-outline[aria-disabled="true"] { |
|
| 1497 | + color: var(--color-btn-outline-disabled-text); |
|
| 1498 | + background-color: var(--color-btn-outline-disabled-bg); |
|
| 1499 | + border-color: var(--color-btn-border); |
|
| 1500 | + box-shadow: none; |
|
| 1501 | +} |
|
| 1502 | +.btn-outline:disabled .Counter, |
|
| 1503 | +.btn-outline.disabled .Counter, |
|
| 1504 | +.btn-outline[aria-disabled="true"] .Counter { |
|
| 1505 | + background-color: var(--color-btn-outline-disabled-counter-bg); |
|
| 1506 | +} |
|
| 1507 | +.btn-outline .Counter { |
|
| 1508 | + color: inherit; |
|
| 1509 | + background-color: var(--color-btn-outline-counter-bg); |
|
| 1510 | +} |
|
| 1511 | +.btn-danger { |
|
| 1512 | + color: var(--color-btn-danger-text); |
|
| 1513 | +} |
|
| 1514 | +.btn-danger .octicon { |
|
| 1515 | + color: var(--color-btn-danger-icon); |
|
| 1516 | +} |
|
| 1517 | +.btn-danger:hover, |
|
| 1518 | +[open] > .btn-danger { |
|
| 1519 | + color: var(--color-btn-danger-hover-text); |
|
| 1520 | + background-color: var(--color-btn-danger-hover-bg); |
|
| 1521 | + border-color: var(--color-btn-danger-hover-border); |
|
| 1522 | + box-shadow: var(--color-btn-danger-hover-shadow), |
|
| 1523 | + var(--color-btn-danger-hover-inset-shadow); |
|
| 1524 | +} |
|
| 1525 | +.btn-danger:hover .Counter, |
|
| 1526 | +[open] > .btn-danger .Counter { |
|
| 1527 | + background-color: var(--color-btn-danger-hover-counter-bg); |
|
| 1528 | +} |
|
| 1529 | +.btn-danger:hover .octicon, |
|
| 1530 | +[open] > .btn-danger .octicon { |
|
| 1531 | + color: var(--color-btn-danger-hover-icon); |
|
| 1532 | +} |
|
| 1533 | +.btn-danger:active, |
|
| 1534 | +.btn-danger.selected, |
|
| 1535 | +.btn-danger[aria-selected="true"] { |
|
| 1536 | + color: var(--color-btn-danger-selected-text); |
|
| 1537 | + background-color: var(--color-btn-danger-selected-bg); |
|
| 1538 | + border-color: var(--color-btn-danger-selected-border); |
|
| 1539 | + box-shadow: var(--color-btn-danger-selected-shadow); |
|
| 1540 | +} |
|
| 1541 | +.btn-danger:disabled, |
|
| 1542 | +.btn-danger.disabled, |
|
| 1543 | +.btn-danger[aria-disabled="true"] { |
|
| 1544 | + color: var(--color-btn-danger-disabled-text); |
|
| 1545 | + background-color: var(--color-btn-danger-disabled-bg); |
|
| 1546 | + border-color: var(--color-btn-border); |
|
| 1547 | + box-shadow: none; |
|
| 1548 | +} |
|
| 1549 | +.btn-danger:disabled .Counter, |
|
| 1550 | +.btn-danger.disabled .Counter, |
|
| 1551 | +.btn-danger[aria-disabled="true"] .Counter { |
|
| 1552 | + background-color: var(--color-btn-danger-disabled-counter-bg); |
|
| 1553 | +} |
|
| 1554 | +.btn-danger:disabled .octicon, |
|
| 1555 | +.btn-danger.disabled .octicon, |
|
| 1556 | +.btn-danger[aria-disabled="true"] .octicon { |
|
| 1557 | + color: var(--color-btn-danger-disabled-text); |
|
| 1558 | +} |
|
| 1559 | +.btn-danger .Counter { |
|
| 1560 | + color: inherit; |
|
| 1561 | + background-color: var(--color-btn-danger-counter-bg); |
|
| 1562 | +} |
|
| 1563 | +.btn-sm { |
|
| 1564 | + padding: 3px 12px; |
|
| 1565 | + font-size: 12px; |
|
| 1566 | + line-height: 20px; |
|
| 1567 | +} |
|
| 1568 | +.btn-sm .octicon { |
|
| 1569 | + vertical-align: text-top; |
|
| 1570 | +} |
|
| 1571 | +.btn-large { |
|
| 1572 | + padding: 0.75em 1.5em; |
|
| 1573 | + font-size: inherit; |
|
| 1574 | + line-height: 1.5; |
|
| 1575 | + border-radius: 0.5em; |
|
| 1576 | +} |
|
| 1577 | +.btn-block { |
|
| 1578 | + display: block; |
|
| 1579 | + width: 100%; |
|
| 1580 | + text-align: center; |
|
| 1581 | +} |
|
| 1582 | +.BtnGroup { |
|
| 1583 | + display: inline-block; |
|
| 1584 | + vertical-align: middle; |
|
| 1585 | +} |
|
| 1586 | +.BtnGroup::before { |
|
| 1587 | + display: table; |
|
| 1588 | + content: ""; |
|
| 1589 | +} |
|
| 1590 | +.BtnGroup::after { |
|
| 1591 | + display: table; |
|
| 1592 | + clear: both; |
|
| 1593 | + content: ""; |
|
| 1594 | +} |
|
| 1595 | +.BtnGroup + .BtnGroup, |
|
| 1596 | +.BtnGroup + .btn { |
|
| 1597 | + margin-left: 4px; |
|
| 1598 | +} |
|
| 1599 | +.BtnGroup-item { |
|
| 1600 | + position: relative; |
|
| 1601 | + float: left; |
|
| 1602 | + border-right-width: 0; |
|
| 1603 | + border-radius: 0; |
|
| 1604 | +} |
|
| 1605 | +.BtnGroup-item:first-child { |
|
| 1606 | + border-top-left-radius: 6px; |
|
| 1607 | + border-bottom-left-radius: 6px; |
|
| 1608 | +} |
|
| 1609 | +.BtnGroup-item:last-child { |
|
| 1610 | + border-right-width: 1px; |
|
| 1611 | + border-top-right-radius: 6px; |
|
| 1612 | + border-bottom-right-radius: 6px; |
|
| 1613 | +} |
|
| 1614 | +.BtnGroup-item.selected, |
|
| 1615 | +.BtnGroup-item[aria-selected="true"], |
|
| 1616 | +.BtnGroup-item:focus, |
|
| 1617 | +.BtnGroup-item:active, |
|
| 1618 | +.BtnGroup-item:hover { |
|
| 1619 | + border-right-width: 1px; |
|
| 1620 | +} |
|
| 1621 | +.BtnGroup-item.selected + .BtnGroup-item, |
|
| 1622 | +.BtnGroup-item.selected + .BtnGroup-parent .BtnGroup-item, |
|
| 1623 | +.BtnGroup-item[aria-selected="true"] + .BtnGroup-item, |
|
| 1624 | +.BtnGroup-item[aria-selected="true"] + .BtnGroup-parent .BtnGroup-item, |
|
| 1625 | +.BtnGroup-item:focus + .BtnGroup-item, |
|
| 1626 | +.BtnGroup-item:focus + .BtnGroup-parent .BtnGroup-item, |
|
| 1627 | +.BtnGroup-item:active + .BtnGroup-item, |
|
| 1628 | +.BtnGroup-item:active + .BtnGroup-parent .BtnGroup-item, |
|
| 1629 | +.BtnGroup-item:hover + .BtnGroup-item, |
|
| 1630 | +.BtnGroup-item:hover + .BtnGroup-parent .BtnGroup-item { |
|
| 1631 | + border-left-width: 0; |
|
| 1632 | +} |
|
| 1633 | +.BtnGroup-parent { |
|
| 1634 | + float: left; |
|
| 1635 | +} |
|
| 1636 | +.BtnGroup-parent:first-child .BtnGroup-item { |
|
| 1637 | + border-top-left-radius: 6px; |
|
| 1638 | + border-bottom-left-radius: 6px; |
|
| 1639 | +} |
|
| 1640 | +.BtnGroup-parent:last-child .BtnGroup-item { |
|
| 1641 | + border-right-width: 1px; |
|
| 1642 | + border-top-right-radius: 6px; |
|
| 1643 | + border-bottom-right-radius: 6px; |
|
| 1644 | +} |
|
| 1645 | +.BtnGroup-parent .BtnGroup-item { |
|
| 1646 | + border-right-width: 0; |
|
| 1647 | + border-radius: 0; |
|
| 1648 | +} |
|
| 1649 | +.BtnGroup-parent.selected .BtnGroup-item, |
|
| 1650 | +.BtnGroup-parent[aria-selected="true"] .BtnGroup-item, |
|
| 1651 | +.BtnGroup-parent:focus .BtnGroup-item, |
|
| 1652 | +.BtnGroup-parent:active .BtnGroup-item, |
|
| 1653 | +.BtnGroup-parent:hover .BtnGroup-item { |
|
| 1654 | + border-right-width: 1px; |
|
| 1655 | +} |
|
| 1656 | +.BtnGroup-parent.selected + .BtnGroup-item, |
|
| 1657 | +.BtnGroup-parent.selected + .BtnGroup-parent .BtnGroup-item, |
|
| 1658 | +.BtnGroup-parent[aria-selected="true"] + .BtnGroup-item, |
|
| 1659 | +.BtnGroup-parent[aria-selected="true"] + .BtnGroup-parent .BtnGroup-item, |
|
| 1660 | +.BtnGroup-parent:focus + .BtnGroup-item, |
|
| 1661 | +.BtnGroup-parent:focus + .BtnGroup-parent .BtnGroup-item, |
|
| 1662 | +.BtnGroup-parent:active + .BtnGroup-item, |
|
| 1663 | +.BtnGroup-parent:active + .BtnGroup-parent .BtnGroup-item, |
|
| 1664 | +.BtnGroup-parent:hover + .BtnGroup-item, |
|
| 1665 | +.BtnGroup-parent:hover + .BtnGroup-parent .BtnGroup-item { |
|
| 1666 | + border-left-width: 0; |
|
| 1667 | +} |
|
| 1668 | +.BtnGroup-item:focus, |
|
| 1669 | +.BtnGroup-item:active, |
|
| 1670 | +.BtnGroup-parent:focus, |
|
| 1671 | +.BtnGroup-parent:active { |
|
| 1672 | + z-index: 1; |
|
| 1673 | +} |
|
| 1674 | +.btn-link { |
|
| 1675 | + display: inline-block; |
|
| 1676 | + padding: 0; |
|
| 1677 | + font-size: inherit; |
|
| 1678 | + color: var(--color-accent-fg); |
|
| 1679 | + text-decoration: none; |
|
| 1680 | + white-space: nowrap; |
|
| 1681 | + cursor: pointer; |
|
| 1682 | + -webkit-user-select: none; |
|
| 1683 | + user-select: none; |
|
| 1684 | + background-color: transparent; |
|
| 1685 | + border: 0; |
|
| 1686 | + -webkit-appearance: none; |
|
| 1687 | + appearance: none; |
|
| 1688 | +} |
|
| 1689 | +.btn-link:hover { |
|
| 1690 | + text-decoration: underline; |
|
| 1691 | +} |
|
| 1692 | +.btn-link:disabled, |
|
| 1693 | +.btn-link:disabled:hover, |
|
| 1694 | +.btn-link[aria-disabled="true"], |
|
| 1695 | +.btn-link[aria-disabled="true"]:hover { |
|
| 1696 | + color: var(--color-primer-fg-disabled); |
|
| 1697 | + cursor: default; |
|
| 1698 | +} |
|
| 1699 | +.btn-link:not(.dropdown-item):focus, |
|
| 1700 | +.btn-link:not(.dropdown-item):focus-visible { |
|
| 1701 | + border-radius: 6px; |
|
| 1702 | + outline-offset: 0; |
|
| 1703 | +} |
|
| 1704 | +.btn-invisible { |
|
| 1705 | + color: var(--color-accent-fg); |
|
| 1706 | + background-color: transparent; |
|
| 1707 | + border: 0; |
|
| 1708 | + border-radius: 6px; |
|
| 1709 | + box-shadow: none; |
|
| 1710 | +} |
|
| 1711 | +.btn-invisible:hover, |
|
| 1712 | +.btn-invisible.zeroclipboard-is-hover { |
|
| 1713 | + color: var(--color-accent-fg); |
|
| 1714 | + background-color: var(--color-btn-hover-bg); |
|
| 1715 | + outline: none; |
|
| 1716 | + box-shadow: none; |
|
| 1717 | +} |
|
| 1718 | +.btn-invisible:active, |
|
| 1719 | +.btn-invisible.selected, |
|
| 1720 | +.btn-invisible[aria-selected="true"], |
|
| 1721 | +.btn-invisible.zeroclipboard-is-active { |
|
| 1722 | + color: var(--color-accent-fg); |
|
| 1723 | + background: none; |
|
| 1724 | + border-color: var(--color-btn-active-border); |
|
| 1725 | + outline: 2px solid var(--color-accent-fg); |
|
| 1726 | + outline-offset: -2px; |
|
| 1727 | + box-shadow: none; |
|
| 1728 | +} |
|
| 1729 | +.btn-invisible:active .btn-invisible.zeroclipboard-is-active { |
|
| 1730 | + background-color: var(--color-btn-selected-bg); |
|
| 1731 | +} |
|
| 1732 | +.btn-invisible:disabled, |
|
| 1733 | +.btn-invisible.disabled, |
|
| 1734 | +.btn-invisible[aria-disabled="true"] { |
|
| 1735 | + color: var(--color-primer-fg-disabled); |
|
| 1736 | + background-color: transparent; |
|
| 1737 | +} |
|
| 1738 | +.btn-octicon { |
|
| 1739 | + display: inline-block; |
|
| 1740 | + padding: 5px; |
|
| 1741 | + margin-left: 5px; |
|
| 1742 | + line-height: 1; |
|
| 1743 | + color: var(--color-fg-muted); |
|
| 1744 | + vertical-align: middle; |
|
| 1745 | + background: transparent; |
|
| 1746 | + border: 0; |
|
| 1747 | + box-shadow: none; |
|
| 1748 | +} |
|
| 1749 | +.btn-octicon:hover { |
|
| 1750 | + color: var(--color-accent-fg); |
|
| 1751 | +} |
|
| 1752 | +.btn-octicon:focus, |
|
| 1753 | +.btn-octicon:focus-visible { |
|
| 1754 | + border-radius: 6px; |
|
| 1755 | +} |
|
| 1756 | +.btn-octicon.disabled, |
|
| 1757 | +.btn-octicon[aria-disabled="true"] { |
|
| 1758 | + color: var(--color-primer-fg-disabled); |
|
| 1759 | + cursor: default; |
|
| 1760 | +} |
|
| 1761 | +.btn-octicon.disabled:hover, |
|
| 1762 | +.btn-octicon[aria-disabled="true"]:hover { |
|
| 1763 | + color: var(--color-primer-fg-disabled); |
|
| 1764 | +} |
|
| 1765 | +.btn-octicon-danger:hover { |
|
| 1766 | + color: var(--color-danger-fg); |
|
| 1767 | +} |
|
| 1768 | +.close-button { |
|
| 1769 | + padding: 0; |
|
| 1770 | + color: var(--color-fg-muted); |
|
| 1771 | + background: transparent; |
|
| 1772 | + border: 0; |
|
| 1773 | +} |
|
| 1774 | +.close-button:hover { |
|
| 1775 | + color: var(--color-fg-default); |
|
| 1776 | +} |
|
| 1777 | +.close-button:active { |
|
| 1778 | + outline: 2px solid var(--color-accent-fg); |
|
| 1779 | + outline-offset: -2px; |
|
| 1780 | + box-shadow: none; |
|
| 1781 | +} |
|
| 1782 | +.hidden-text-expander { |
|
| 1783 | + display: block; |
|
| 1784 | +} |
|
| 1785 | +.hidden-text-expander.inline { |
|
| 1786 | + position: relative; |
|
| 1787 | + top: -1px; |
|
| 1788 | + display: inline-block; |
|
| 1789 | + margin-left: 5px; |
|
| 1790 | + line-height: 0; |
|
| 1791 | +} |
|
| 1792 | +.hidden-text-expander a, |
|
| 1793 | +.ellipsis-expander { |
|
| 1794 | + display: inline-block; |
|
| 1795 | + height: 12px; |
|
| 1796 | + padding: 0 5px 5px; |
|
| 1797 | + font-size: 12px; |
|
| 1798 | + font-weight: 600; |
|
| 1799 | + line-height: 6px; |
|
| 1800 | + color: var(--color-fg-default); |
|
| 1801 | + text-decoration: none; |
|
| 1802 | + vertical-align: middle; |
|
| 1803 | + background: var(--color-neutral-muted); |
|
| 1804 | + border: 0; |
|
| 1805 | + border-radius: 1px; |
|
| 1806 | +} |
|
| 1807 | +.hidden-text-expander a:hover, |
|
| 1808 | +.ellipsis-expander:hover { |
|
| 1809 | + text-decoration: none; |
|
| 1810 | + background-color: var(--color-accent-muted); |
|
| 1811 | +} |
|
| 1812 | +.hidden-text-expander a:active, |
|
| 1813 | +.ellipsis-expander:active { |
|
| 1814 | + color: var(--color-fg-on-emphasis); |
|
| 1815 | + background-color: var(--color-accent-emphasis); |
|
| 1816 | +} |
|
| 1817 | +.btn-with-count { |
|
| 1818 | + float: left; |
|
| 1819 | + border-top-right-radius: 0; |
|
| 1820 | + border-bottom-right-radius: 0; |
|
| 1821 | +} |
|
| 1822 | +.btn-with-count:focus { |
|
| 1823 | + z-index: 1; |
|
| 1824 | +} |
|
| 1825 | +.social-count { |
|
| 1826 | + position: relative; |
|
| 1827 | + float: left; |
|
| 1828 | + padding: 3px 12px; |
|
| 1829 | + font-size: 12px; |
|
| 1830 | + font-weight: 600; |
|
| 1831 | + line-height: 20px; |
|
| 1832 | + color: var(--color-fg-default); |
|
| 1833 | + vertical-align: middle; |
|
| 1834 | + background-color: var(--color-canvas-default); |
|
| 1835 | + border: 1px solid var(--color-btn-border); |
|
| 1836 | + border-left: 0; |
|
| 1837 | + border-top-right-radius: 6px; |
|
| 1838 | + border-bottom-right-radius: 6px; |
|
| 1839 | + box-shadow: var(--color-shadow-small), var(--color-primer-shadow-highlight); |
|
| 1840 | +} |
|
| 1841 | +.social-count:hover, |
|
| 1842 | +.social-count:active { |
|
| 1843 | + text-decoration: none; |
|
| 1844 | +} |
|
| 1845 | +.social-count:hover { |
|
| 1846 | + color: var(--color-accent-fg); |
|
| 1847 | + cursor: pointer; |
|
| 1848 | +} |
|
| 1849 | +.TableObject { |
|
| 1850 | + display: table; |
|
| 1851 | +} |
|
| 1852 | +.TableObject-item { |
|
| 1853 | + display: table-cell; |
|
| 1854 | + width: 1%; |
|
| 1855 | + white-space: nowrap; |
|
| 1856 | + vertical-align: middle; |
|
| 1857 | +} |
|
| 1858 | +.TableObject-item--primary { |
|
| 1859 | + width: 99%; |
|
| 1860 | +} |
|
| 1861 | +fieldset { |
|
| 1862 | + padding: 0; |
|
| 1863 | + margin: 0; |
|
| 1864 | + border: 0; |
|
| 1865 | +} |
|
| 1866 | +label { |
|
| 1867 | + font-weight: 600; |
|
| 1868 | +} |
|
| 1869 | +.form-control, |
|
| 1870 | +.form-select { |
|
| 1871 | + padding: 5px 12px; |
|
| 1872 | + font-size: 14px; |
|
| 1873 | + line-height: 20px; |
|
| 1874 | + color: var(--color-fg-default); |
|
| 1875 | + vertical-align: middle; |
|
| 1876 | + background-color: var(--color-canvas-default); |
|
| 1877 | + background-repeat: no-repeat; |
|
| 1878 | + background-position: right 8px center; |
|
| 1879 | + border: 1px solid var(--color-border-default); |
|
| 1880 | + border-radius: 6px; |
|
| 1881 | + box-shadow: var(--color-primer-shadow-inset); |
|
| 1882 | + transition: 80ms cubic-bezier(0.33, 1, 0.68, 1); |
|
| 1883 | + transition-property: color, background-color, box-shadow, border-color; |
|
| 1884 | +} |
|
| 1885 | +.form-control:focus, |
|
| 1886 | +.form-select:focus { |
|
| 1887 | + border-color: var(--color-accent-fg); |
|
| 1888 | + outline: none; |
|
| 1889 | + box-shadow: inset 0 0 0 1px var(--color-accent-fg); |
|
| 1890 | +} |
|
| 1891 | +.form-control:focus:not(:focus-visible), |
|
| 1892 | +.form-select:focus:not(:focus-visible) { |
|
| 1893 | + border-color: transparent; |
|
| 1894 | + border-color: var(--color-accent-fg); |
|
| 1895 | + outline: none; |
|
| 1896 | + box-shadow: inset 0 0 0 1px transparent; |
|
| 1897 | +} |
|
| 1898 | +.form-control:focus-visible, |
|
| 1899 | +.form-select:focus-visible { |
|
| 1900 | + border-color: var(--color-accent-fg); |
|
| 1901 | + outline: none; |
|
| 1902 | + box-shadow: inset 0 0 0 1px var(--color-accent-fg); |
|
| 1903 | +} |
|
| 1904 | +.form-control.border-0:focus, |
|
| 1905 | +.form-control.border-0:focus-visible, |
|
| 1906 | +.form-select.border-0:focus, |
|
| 1907 | +.form-select.border-0:focus-visible { |
|
| 1908 | + border: 1px solid var(--color-accent-fg) !important; |
|
| 1909 | +} |
|
| 1910 | +.form-control[disabled], |
|
| 1911 | +.form-select[disabled] { |
|
| 1912 | + color: var(--color-primer-fg-disabled); |
|
| 1913 | + background-color: var(--color-input-disabled-bg); |
|
| 1914 | + border-color: var(--color-border-default); |
|
| 1915 | + -webkit-text-fill-color: var(--color-primer-fg-disabled); |
|
| 1916 | + opacity: 1; |
|
| 1917 | +} |
|
| 1918 | +.form-control[disabled]::placeholder, |
|
| 1919 | +.form-select[disabled]::placeholder { |
|
| 1920 | + color: var(--color-primer-fg-disabled); |
|
| 1921 | +} |
|
| 1922 | +@supports (-webkit-touch-callout: none) { |
|
| 1923 | + .form-control, |
|
| 1924 | + .form-select { |
|
| 1925 | + font-size: 16px; |
|
| 1926 | + } |
|
| 1927 | + @media (min-width: 768px) { |
|
| 1928 | + .form-control, |
|
| 1929 | + .form-select { |
|
| 1930 | + font-size: 14px; |
|
| 1931 | + } |
|
| 1932 | + } |
|
| 1933 | +} |
|
| 1934 | +textarea.form-control { |
|
| 1935 | + padding-top: 8px; |
|
| 1936 | + padding-bottom: 8px; |
|
| 1937 | + line-height: 1.5; |
|
| 1938 | +} |
|
| 1939 | +.input-contrast { |
|
| 1940 | + background-color: var(--color-canvas-inset); |
|
| 1941 | +} |
|
| 1942 | +.input-contrast:focus { |
|
| 1943 | + background-color: var(--color-canvas-default); |
|
| 1944 | +} |
|
| 1945 | +::placeholder { |
|
| 1946 | + color: var(--color-fg-subtle); |
|
| 1947 | + opacity: 1; |
|
| 1948 | +} |
|
| 1949 | +.input-sm { |
|
| 1950 | + min-height: 28px; |
|
| 1951 | + padding-top: 3px; |
|
| 1952 | + padding-bottom: 3px; |
|
| 1953 | + font-size: 12px; |
|
| 1954 | + line-height: 20px; |
|
| 1955 | +} |
|
| 1956 | +.input-lg { |
|
| 1957 | + font-size: 16px; |
|
| 1958 | +} |
|
| 1959 | +.input-block { |
|
| 1960 | + display: block; |
|
| 1961 | + width: 100%; |
|
| 1962 | +} |
|
| 1963 | +.input-monospace { |
|
| 1964 | + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, |
|
| 1965 | + Liberation Mono, monospace; |
|
| 1966 | +} |
|
| 1967 | +.input-hide-webkit-autofill::-webkit-contacts-auto-fill-button { |
|
| 1968 | + position: absolute; |
|
| 1969 | + right: 0; |
|
| 1970 | + display: none !important; |
|
| 1971 | + pointer-events: none; |
|
| 1972 | + visibility: hidden; |
|
| 1973 | +} |
|
| 1974 | +.form-checkbox { |
|
| 1975 | + padding-left: 20px; |
|
| 1976 | + margin: 15px 0; |
|
| 1977 | + vertical-align: middle; |
|
| 1978 | +} |
|
| 1979 | +.form-checkbox label em.highlight { |
|
| 1980 | + position: relative; |
|
| 1981 | + left: -4px; |
|
| 1982 | + padding: 2px 4px; |
|
| 1983 | + font-style: normal; |
|
| 1984 | + background: var(--color-attention-subtle); |
|
| 1985 | + border-radius: 6px; |
|
| 1986 | +} |
|
| 1987 | +.form-checkbox input[type="checkbox"], |
|
| 1988 | +.form-checkbox input[type="radio"] { |
|
| 1989 | + float: left; |
|
| 1990 | + margin: 5px 0 0 -20px; |
|
| 1991 | + vertical-align: middle; |
|
| 1992 | +} |
|
| 1993 | +.form-checkbox .note { |
|
| 1994 | + display: block; |
|
| 1995 | + margin: 0; |
|
| 1996 | + font-size: 12px; |
|
| 1997 | + font-weight: 400; |
|
| 1998 | + color: var(--color-fg-muted); |
|
| 1999 | +} |
|
| 2000 | +.form-checkbox-details { |
|
| 2001 | + display: none; |
|
| 2002 | +} |
|
| 2003 | +.form-checkbox-details-trigger:checked ~ * .form-checkbox-details, |
|
| 2004 | +.form-checkbox-details-trigger:checked ~ .form-checkbox-details { |
|
| 2005 | + display: block; |
|
| 2006 | +} |
|
| 2007 | +.hfields { |
|
| 2008 | + margin: 15px 0; |
|
| 2009 | +} |
|
| 2010 | +.hfields::before { |
|
| 2011 | + display: table; |
|
| 2012 | + content: ""; |
|
| 2013 | +} |
|
| 2014 | +.hfields::after { |
|
| 2015 | + display: table; |
|
| 2016 | + clear: both; |
|
| 2017 | + content: ""; |
|
| 2018 | +} |
|
| 2019 | +.hfields .form-group { |
|
| 2020 | + float: left; |
|
| 2021 | + margin: 0 30px 0 0; |
|
| 2022 | +} |
|
| 2023 | +.hfields .form-group dt label, |
|
| 2024 | +.hfields .form-group .form-group-header label { |
|
| 2025 | + display: inline-block; |
|
| 2026 | + margin: 5px 0 0; |
|
| 2027 | + color: var(--color-fg-muted); |
|
| 2028 | +} |
|
| 2029 | +.hfields .form-group dt img, |
|
| 2030 | +.hfields .form-group .form-group-header img { |
|
| 2031 | + position: relative; |
|
| 2032 | + top: -2px; |
|
| 2033 | +} |
|
| 2034 | +.hfields .btn { |
|
| 2035 | + float: left; |
|
| 2036 | + margin: 28px 25px 0 -20px; |
|
| 2037 | +} |
|
| 2038 | +.hfields .form-select { |
|
| 2039 | + margin-top: 5px; |
|
| 2040 | +} |
|
| 2041 | +input::-webkit-outer-spin-button, |
|
| 2042 | +input::-webkit-inner-spin-button { |
|
| 2043 | + margin: 0; |
|
| 2044 | + -webkit-appearance: none; |
|
| 2045 | + appearance: none; |
|
| 2046 | +} |
|
| 2047 | +.form-actions::before { |
|
| 2048 | + display: table; |
|
| 2049 | + content: ""; |
|
| 2050 | +} |
|
| 2051 | +.form-actions::after { |
|
| 2052 | + display: table; |
|
| 2053 | + clear: both; |
|
| 2054 | + content: ""; |
|
| 2055 | +} |
|
| 2056 | +.form-actions .btn { |
|
| 2057 | + float: right; |
|
| 2058 | +} |
|
| 2059 | +.form-actions .btn + .btn { |
|
| 2060 | + margin-right: 5px; |
|
| 2061 | +} |
|
| 2062 | +.form-warning { |
|
| 2063 | + padding: 8px 10px; |
|
| 2064 | + margin: 10px 0; |
|
| 2065 | + font-size: 14px; |
|
| 2066 | + color: var(--color-attention-fg); |
|
| 2067 | + background: var(--color-attention-subtle); |
|
| 2068 | + border: 1px solid var(--color-attention-emphasis); |
|
| 2069 | + border-radius: 6px; |
|
| 2070 | +} |
|
| 2071 | +.form-warning p { |
|
| 2072 | + margin: 0; |
|
| 2073 | + line-height: 1.5; |
|
| 2074 | +} |
|
| 2075 | +.form-warning a { |
|
| 2076 | + font-weight: 600; |
|
| 2077 | +} |
|
| 2078 | +.form-select { |
|
| 2079 | + display: inline-block; |
|
| 2080 | + max-width: 100%; |
|
| 2081 | + height: 32px; |
|
| 2082 | + padding-right: 24px; |
|
| 2083 | + background-color: var(--color-canvas-default); |
|
| 2084 | + background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzU4NjA2OSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4="); |
|
| 2085 | + background-repeat: no-repeat; |
|
| 2086 | + background-position: right 4px center; |
|
| 2087 | + background-size: 16px; |
|
| 2088 | + -webkit-appearance: none; |
|
| 2089 | + appearance: none; |
|
| 2090 | +} |
|
| 2091 | +.form-select::-ms-expand { |
|
| 2092 | + opacity: 0; |
|
| 2093 | +} |
|
| 2094 | +.form-select[multiple] { |
|
| 2095 | + height: auto; |
|
| 2096 | +} |
|
| 2097 | +[data-color-mode="light"][data-light-theme*="dark"] .form-select, |
|
| 2098 | +[data-color-mode="dark"][data-dark-theme*="dark"] .form-select { |
|
| 2099 | + background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4="); |
|
| 2100 | +} |
|
| 2101 | +@media (prefers-color-scheme: light) { |
|
| 2102 | + [data-color-mode="auto"][data-light-theme*="dark"] .form-select { |
|
| 2103 | + background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4="); |
|
| 2104 | + } |
|
| 2105 | +} |
|
| 2106 | +@media (prefers-color-scheme: dark) { |
|
| 2107 | + [data-color-mode="auto"][data-dark-theme*="dark"] .form-select { |
|
| 2108 | + background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0iIzZlNzY4MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC40MjcgOS40MjdsMy4zOTYgMy4zOTZhLjI1MS4yNTEgMCAwMC4zNTQgMGwzLjM5Ni0zLjM5NkEuMjUuMjUgMCAwMDExLjM5NiA5SDQuNjA0YS4yNS4yNSAwIDAwLS4xNzcuNDI3ek00LjQyMyA2LjQ3TDcuODIgMy4wNzJhLjI1LjI1IDAgMDEuMzU0IDBMMTEuNTcgNi40N2EuMjUuMjUgMCAwMS0uMTc3LjQyN0g0LjZhLjI1LjI1IDAgMDEtLjE3Ny0uNDI3eiIgLz48L3N2Zz4="); |
|
| 2109 | + } |
|
| 2110 | +} |
|
| 2111 | +.select-sm { |
|
| 2112 | + height: 28px; |
|
| 2113 | + padding-top: 3px; |
|
| 2114 | + padding-bottom: 3px; |
|
| 2115 | + font-size: 12px; |
|
| 2116 | +} |
|
| 2117 | +.select-sm[multiple] { |
|
| 2118 | + height: auto; |
|
| 2119 | + min-height: 0; |
|
| 2120 | +} |
|
| 2121 | +.form-group { |
|
| 2122 | + margin: 15px 0; |
|
| 2123 | +} |
|
| 2124 | +.form-group .form-control.autocomplete-embedded-icon-wrap:focus-within { |
|
| 2125 | + background-color: var(--color-canvas-default); |
|
| 2126 | +} |
|
| 2127 | +.form-group .form-control { |
|
| 2128 | + width: 440px; |
|
| 2129 | + max-width: 100%; |
|
| 2130 | + margin-right: 5px; |
|
| 2131 | + background-color: var(--color-canvas-inset); |
|
| 2132 | +} |
|
| 2133 | +.form-group .form-control:focus { |
|
| 2134 | + background-color: var(--color-canvas-default); |
|
| 2135 | +} |
|
| 2136 | +.form-group .form-control.shorter { |
|
| 2137 | + width: 130px; |
|
| 2138 | +} |
|
| 2139 | +.form-group .form-control.short { |
|
| 2140 | + width: 250px; |
|
| 2141 | +} |
|
| 2142 | +.form-group .form-control.input-block, |
|
| 2143 | +.form-group .form-control.long { |
|
| 2144 | + width: 100%; |
|
| 2145 | +} |
|
| 2146 | +.form-group textarea.form-control { |
|
| 2147 | + width: 100%; |
|
| 2148 | + height: 200px; |
|
| 2149 | + min-height: 200px; |
|
| 2150 | +} |
|
| 2151 | +.form-group textarea.form-control.short { |
|
| 2152 | + height: 50px; |
|
| 2153 | + min-height: 50px; |
|
| 2154 | +} |
|
| 2155 | +.form-group dt, |
|
| 2156 | +.form-group .form-group-header { |
|
| 2157 | + margin: 0 0 6px; |
|
| 2158 | +} |
|
| 2159 | +.form-group label { |
|
| 2160 | + position: relative; |
|
| 2161 | +} |
|
| 2162 | +.form-group.flattened dt, |
|
| 2163 | +.form-group.flattened .form-group-header { |
|
| 2164 | + float: left; |
|
| 2165 | + margin: 0; |
|
| 2166 | + line-height: 32px; |
|
| 2167 | +} |
|
| 2168 | +.form-group.flattened dd, |
|
| 2169 | +.form-group.flattened .form-group-body { |
|
| 2170 | + line-height: 32px; |
|
| 2171 | +} |
|
| 2172 | +.form-group dd h4, |
|
| 2173 | +.form-group .form-group-body h4 { |
|
| 2174 | + margin: 4px 0 0; |
|
| 2175 | +} |
|
| 2176 | +.form-group dd h4.is-error, |
|
| 2177 | +.form-group .form-group-body h4.is-error { |
|
| 2178 | + color: var(--color-danger-fg); |
|
| 2179 | +} |
|
| 2180 | +.form-group dd h4.is-success, |
|
| 2181 | +.form-group .form-group-body h4.is-success { |
|
| 2182 | + color: var(--color-success-fg); |
|
| 2183 | +} |
|
| 2184 | +.form-group dd h4 + .note, |
|
| 2185 | +.form-group .form-group-body h4 + .note { |
|
| 2186 | + margin-top: 0; |
|
| 2187 | +} |
|
| 2188 | +.form-group.required dt label::after, |
|
| 2189 | +.form-group.required .form-group-header label::after { |
|
| 2190 | + padding-left: 5px; |
|
| 2191 | + color: var(--color-danger-fg); |
|
| 2192 | + content: "*"; |
|
| 2193 | +} |
|
| 2194 | +.form-group .success, |
|
| 2195 | +.form-group .error, |
|
| 2196 | +.form-group .indicator { |
|
| 2197 | + display: none; |
|
| 2198 | + font-size: 12px; |
|
| 2199 | + font-weight: 600; |
|
| 2200 | +} |
|
| 2201 | +.form-group.loading { |
|
| 2202 | + opacity: 0.5; |
|
| 2203 | +} |
|
| 2204 | +.form-group.loading .indicator { |
|
| 2205 | + display: inline; |
|
| 2206 | +} |
|
| 2207 | +.form-group.loading .spinner { |
|
| 2208 | + display: inline-block; |
|
| 2209 | + vertical-align: middle; |
|
| 2210 | +} |
|
| 2211 | +.form-group.successful .success { |
|
| 2212 | + display: inline; |
|
| 2213 | + color: var(--color-success-fg); |
|
| 2214 | +} |
|
| 2215 | +.form-group.successed .success, |
|
| 2216 | +.form-group.successed .warning, |
|
| 2217 | +.form-group.successed .error, |
|
| 2218 | +.form-group.warn .success, |
|
| 2219 | +.form-group.warn .warning, |
|
| 2220 | +.form-group.warn .error, |
|
| 2221 | +.form-group.errored .success, |
|
| 2222 | +.form-group.errored .warning, |
|
| 2223 | +.form-group.errored .error { |
|
| 2224 | + position: absolute; |
|
| 2225 | + z-index: 10; |
|
| 2226 | + display: block; |
|
| 2227 | + max-width: 450px; |
|
| 2228 | + padding: 4px 8px; |
|
| 2229 | + margin: 8px 0 0; |
|
| 2230 | + font-size: 12px; |
|
| 2231 | + font-weight: 400; |
|
| 2232 | + border-style: solid; |
|
| 2233 | + border-width: 1px; |
|
| 2234 | + border-radius: 6px; |
|
| 2235 | +} |
|
| 2236 | +.form-group.successed .success::after, |
|
| 2237 | +.form-group.successed .success::before, |
|
| 2238 | +.form-group.successed .warning::after, |
|
| 2239 | +.form-group.successed .warning::before, |
|
| 2240 | +.form-group.successed .error::after, |
|
| 2241 | +.form-group.successed .error::before, |
|
| 2242 | +.form-group.warn .success::after, |
|
| 2243 | +.form-group.warn .success::before, |
|
| 2244 | +.form-group.warn .warning::after, |
|
| 2245 | +.form-group.warn .warning::before, |
|
| 2246 | +.form-group.warn .error::after, |
|
| 2247 | +.form-group.warn .error::before, |
|
| 2248 | +.form-group.errored .success::after, |
|
| 2249 | +.form-group.errored .success::before, |
|
| 2250 | +.form-group.errored .warning::after, |
|
| 2251 | +.form-group.errored .warning::before, |
|
| 2252 | +.form-group.errored .error::after, |
|
| 2253 | +.form-group.errored .error::before { |
|
| 2254 | + position: absolute; |
|
| 2255 | + bottom: 100%; |
|
| 2256 | + left: 10px; |
|
| 2257 | + z-index: 15; |
|
| 2258 | + width: 0; |
|
| 2259 | + height: 0; |
|
| 2260 | + pointer-events: none; |
|
| 2261 | + content: " "; |
|
| 2262 | + border: solid transparent; |
|
| 2263 | +} |
|
| 2264 | +.form-group.successed .success::after, |
|
| 2265 | +.form-group.successed .warning::after, |
|
| 2266 | +.form-group.successed .error::after, |
|
| 2267 | +.form-group.warn .success::after, |
|
| 2268 | +.form-group.warn .warning::after, |
|
| 2269 | +.form-group.warn .error::after, |
|
| 2270 | +.form-group.errored .success::after, |
|
| 2271 | +.form-group.errored .warning::after, |
|
| 2272 | +.form-group.errored .error::after { |
|
| 2273 | + border-width: 5px; |
|
| 2274 | +} |
|
| 2275 | +.form-group.successed .success::before, |
|
| 2276 | +.form-group.successed .warning::before, |
|
| 2277 | +.form-group.successed .error::before, |
|
| 2278 | +.form-group.warn .success::before, |
|
| 2279 | +.form-group.warn .warning::before, |
|
| 2280 | +.form-group.warn .error::before, |
|
| 2281 | +.form-group.errored .success::before, |
|
| 2282 | +.form-group.errored .warning::before, |
|
| 2283 | +.form-group.errored .error::before { |
|
| 2284 | + margin-left: -1px; |
|
| 2285 | + border-width: 6px; |
|
| 2286 | +} |
|
| 2287 | +.form-group.successed .success { |
|
| 2288 | + color: var(--color-fg-default); |
|
| 2289 | + background-color: var(--color-canvas-default); |
|
| 2290 | + background-image: linear-gradient( |
|
| 2291 | + var(--color-success-subtle), |
|
| 2292 | + var(--color-success-subtle) |
|
| 2293 | + ); |
|
| 2294 | + border-color: var(--color-success-muted); |
|
| 2295 | +} |
|
| 2296 | +.form-group.successed .success::after { |
|
| 2297 | + border-bottom-color: var(--color-success-subtle); |
|
| 2298 | +} |
|
| 2299 | +.form-group.successed .success::before { |
|
| 2300 | + border-bottom-color: var(--color-success-muted); |
|
| 2301 | +} |
|
| 2302 | +.form-group.warn .form-control:not(:focus, :focus-visible) { |
|
| 2303 | + border-color: var(--color-attention-emphasis); |
|
| 2304 | +} |
|
| 2305 | +.form-group.warn .warning { |
|
| 2306 | + color: var(--color-fg-default); |
|
| 2307 | + background-color: var(--color-canvas-default); |
|
| 2308 | + background-image: linear-gradient( |
|
| 2309 | + var(--color-attention-subtle), |
|
| 2310 | + var(--color-attention-subtle) |
|
| 2311 | + ); |
|
| 2312 | + border-color: var(--color-attention-muted); |
|
| 2313 | +} |
|
| 2314 | +.form-group.warn .warning::after { |
|
| 2315 | + border-bottom-color: var(--color-attention-subtle); |
|
| 2316 | +} |
|
| 2317 | +.form-group.warn .warning::before { |
|
| 2318 | + border-bottom-color: var(--color-attention-muted); |
|
| 2319 | +} |
|
| 2320 | +.form-group.errored .form-control:not(:focus, :focus-visible) { |
|
| 2321 | + border-color: var(--color-danger-emphasis); |
|
| 2322 | +} |
|
| 2323 | +.form-group.errored label { |
|
| 2324 | + color: var(--color-danger-fg); |
|
| 2325 | +} |
|
| 2326 | +.form-group.errored .error { |
|
| 2327 | + color: var(--color-fg-default); |
|
| 2328 | + background-color: var(--color-canvas-default); |
|
| 2329 | + background-image: linear-gradient( |
|
| 2330 | + var(--color-danger-subtle), |
|
| 2331 | + var(--color-danger-subtle) |
|
| 2332 | + ); |
|
| 2333 | + border-color: var(--color-danger-muted); |
|
| 2334 | +} |
|
| 2335 | +.form-group.errored .error::after { |
|
| 2336 | + border-bottom-color: var(--color-danger-subtle); |
|
| 2337 | +} |
|
| 2338 | +.form-group.errored .error::before { |
|
| 2339 | + border-bottom-color: var(--color-danger-muted); |
|
| 2340 | +} |
|
| 2341 | +.note { |
|
| 2342 | + min-height: 17px; |
|
| 2343 | + margin: 4px 0 2px; |
|
| 2344 | + font-size: 12px; |
|
| 2345 | + color: var(--color-fg-muted); |
|
| 2346 | +} |
|
| 2347 | +.note .spinner { |
|
| 2348 | + margin-right: 3px; |
|
| 2349 | + vertical-align: middle; |
|
| 2350 | +} |
|
| 2351 | +dl.form-group > dd .form-control.is-autocheck-loading, |
|
| 2352 | +dl.form-group > dd .form-control.is-autocheck-successful, |
|
| 2353 | +dl.form-group > dd .form-control.is-autocheck-errored, |
|
| 2354 | +.form-group > .form-group-body .form-control.is-autocheck-loading, |
|
| 2355 | +.form-group > .form-group-body .form-control.is-autocheck-successful, |
|
| 2356 | +.form-group > .form-group-body .form-control.is-autocheck-errored { |
|
| 2357 | + padding-right: 30px; |
|
| 2358 | +} |
|
| 2359 | +dl.form-group > dd .form-control.is-autocheck-loading, |
|
| 2360 | +.form-group > .form-group-body .form-control.is-autocheck-loading { |
|
| 2361 | + background-image: url("/images/spinners/octocat-spinner-16px.gif"); |
|
| 2362 | +} |
|
| 2363 | +dl.form-group > dd .form-control.is-autocheck-successful, |
|
| 2364 | +.form-group > .form-group-body .form-control.is-autocheck-successful { |
|
| 2365 | + background-image: url("/images/modules/ajax/success.png"); |
|
| 2366 | +} |
|
| 2367 | +dl.form-group > dd .form-control.is-autocheck-errored, |
|
| 2368 | +.form-group > .form-group-body .form-control.is-autocheck-errored { |
|
| 2369 | + background-image: url("/images/modules/ajax/error.png"); |
|
| 2370 | +} |
|
| 2371 | +@media only screen and (-webkit-min-device-pixel-ratio: 2), |
|
| 2372 | + only screen and (-moz-min-device-pixel-ratio: 2), |
|
| 2373 | + only screen and (min-device-pixel-ratio: 2), |
|
| 2374 | + only screen and (min-resolution: 192dpi), |
|
| 2375 | + only screen and (min-resolution: 2dppx) { |
|
| 2376 | + dl.form-group > dd .form-control.is-autocheck-loading, |
|
| 2377 | + dl.form-group > dd .form-control.is-autocheck-successful, |
|
| 2378 | + dl.form-group > dd .form-control.is-autocheck-errored, |
|
| 2379 | + .form-group > .form-group-body .form-control.is-autocheck-loading, |
|
| 2380 | + .form-group > .form-group-body .form-control.is-autocheck-successful, |
|
| 2381 | + .form-group > .form-group-body .form-control.is-autocheck-errored { |
|
| 2382 | + background-size: 16px 16px; |
|
| 2383 | + } |
|
| 2384 | + dl.form-group > dd .form-control.is-autocheck-loading, |
|
| 2385 | + .form-group > .form-group-body .form-control.is-autocheck-loading { |
|
| 2386 | + background-image: url("/images/spinners/octocat-spinner-32.gif"); |
|
| 2387 | + } |
|
| 2388 | + dl.form-group > dd .form-control.is-autocheck-successful, |
|
| 2389 | + .form-group > .form-group-body .form-control.is-autocheck-successful { |
|
| 2390 | + background-image: url("/images/modules/ajax/success@2x.png"); |
|
| 2391 | + } |
|
| 2392 | + dl.form-group > dd .form-control.is-autocheck-errored, |
|
| 2393 | + .form-group > .form-group-body .form-control.is-autocheck-errored { |
|
| 2394 | + background-image: url("/images/modules/ajax/error@2x.png"); |
|
| 2395 | + } |
|
| 2396 | +} |
|
| 2397 | +.status-indicator { |
|
| 2398 | + display: inline-block; |
|
| 2399 | + width: 16px; |
|
| 2400 | + height: 16px; |
|
| 2401 | + margin-left: 5px; |
|
| 2402 | +} |
|
| 2403 | +.status-indicator .octicon { |
|
| 2404 | + display: none; |
|
| 2405 | +} |
|
| 2406 | +.status-indicator-success::before { |
|
| 2407 | + content: ""; |
|
| 2408 | +} |
|
| 2409 | +.status-indicator-success .octicon-check { |
|
| 2410 | + display: inline-block; |
|
| 2411 | + color: var(--color-success-fg); |
|
| 2412 | + fill: var(--color-success-fg); |
|
| 2413 | +} |
|
| 2414 | +.status-indicator-success .octicon-x { |
|
| 2415 | + display: none; |
|
| 2416 | +} |
|
| 2417 | +.status-indicator-failed::before { |
|
| 2418 | + content: ""; |
|
| 2419 | +} |
|
| 2420 | +.status-indicator-failed .octicon-check { |
|
| 2421 | + display: none; |
|
| 2422 | +} |
|
| 2423 | +.status-indicator-failed .octicon-x { |
|
| 2424 | + display: inline-block; |
|
| 2425 | + color: var(--color-danger-fg); |
|
| 2426 | + fill: var(--color-danger-fg); |
|
| 2427 | +} |
|
| 2428 | +.status-indicator-loading { |
|
| 2429 | + width: 16px; |
|
| 2430 | + background-image: url("/images/spinners/octocat-spinner-32-EAF2F5.gif"); |
|
| 2431 | + background-repeat: no-repeat; |
|
| 2432 | + background-position: 0 0; |
|
| 2433 | + background-size: 16px; |
|
| 2434 | +} |
|
| 2435 | +.inline-form { |
|
| 2436 | + display: inline-block; |
|
| 2437 | +} |
|
| 2438 | +.inline-form .btn-plain { |
|
| 2439 | + background-color: transparent; |
|
| 2440 | + border: 0; |
|
| 2441 | +} |
|
| 2442 | +.drag-and-drop { |
|
| 2443 | + padding: 7px 10px; |
|
| 2444 | + margin: 0; |
|
| 2445 | + font-size: 13px; |
|
| 2446 | + line-height: 16px; |
|
| 2447 | + color: var(--color-fg-muted); |
|
| 2448 | + background-color: var(--color-canvas-subtle); |
|
| 2449 | + border: 1px solid var(--color-border-default); |
|
| 2450 | + border-top: 0; |
|
| 2451 | + border-bottom-right-radius: 6px; |
|
| 2452 | + border-bottom-left-radius: 6px; |
|
| 2453 | +} |
|
| 2454 | +.drag-and-drop .default, |
|
| 2455 | +.drag-and-drop .loading, |
|
| 2456 | +.drag-and-drop .error { |
|
| 2457 | + display: none; |
|
| 2458 | +} |
|
| 2459 | +.drag-and-drop .error { |
|
| 2460 | + color: var(--color-danger-fg); |
|
| 2461 | +} |
|
| 2462 | +.drag-and-drop img { |
|
| 2463 | + vertical-align: top; |
|
| 2464 | +} |
|
| 2465 | +.is-default .drag-and-drop .default { |
|
| 2466 | + display: inline-block; |
|
| 2467 | +} |
|
| 2468 | +.is-uploading .drag-and-drop .loading { |
|
| 2469 | + display: inline-block; |
|
| 2470 | +} |
|
| 2471 | +.is-bad-file .drag-and-drop .bad-file { |
|
| 2472 | + display: inline-block; |
|
| 2473 | +} |
|
| 2474 | +.is-duplicate-filename .drag-and-drop .duplicate-filename { |
|
| 2475 | + display: inline-block; |
|
| 2476 | +} |
|
| 2477 | +.is-too-big .drag-and-drop .too-big { |
|
| 2478 | + display: inline-block; |
|
| 2479 | +} |
|
| 2480 | +.is-hidden-file .drag-and-drop .hidden-file { |
|
| 2481 | + display: inline-block; |
|
| 2482 | +} |
|
| 2483 | +.is-empty .drag-and-drop .empty { |
|
| 2484 | + display: inline-block; |
|
| 2485 | +} |
|
| 2486 | +.is-bad-permissions .drag-and-drop .bad-permissions { |
|
| 2487 | + display: inline-block; |
|
| 2488 | +} |
|
| 2489 | +.is-repository-required .drag-and-drop .repository-required { |
|
| 2490 | + display: inline-block; |
|
| 2491 | +} |
|
| 2492 | +.drag-and-drop-error-info { |
|
| 2493 | + font-weight: 400; |
|
| 2494 | + color: var(--color-fg-muted); |
|
| 2495 | +} |
|
| 2496 | +.drag-and-drop-error-info a { |
|
| 2497 | + color: var(--color-accent-fg); |
|
| 2498 | +} |
|
| 2499 | +.is-failed .drag-and-drop .failed-request { |
|
| 2500 | + display: inline-block; |
|
| 2501 | +} |
|
| 2502 | +.manual-file-chooser { |
|
| 2503 | + position: absolute; |
|
| 2504 | + width: 240px; |
|
| 2505 | + padding: 5px; |
|
| 2506 | + margin-left: -80px; |
|
| 2507 | + cursor: pointer; |
|
| 2508 | + opacity: 0.0001; |
|
| 2509 | +} |
|
| 2510 | +.manual-file-chooser:hover + .manual-file-chooser-text { |
|
| 2511 | + text-decoration: underline; |
|
| 2512 | +} |
|
| 2513 | +.btn .manual-file-chooser { |
|
| 2514 | + top: 0; |
|
| 2515 | + padding: 0; |
|
| 2516 | + line-height: 34px; |
|
| 2517 | +} |
|
| 2518 | +.upload-enabled textarea { |
|
| 2519 | + display: block; |
|
| 2520 | + border-bottom: 1px dashed var(--color-border-default); |
|
| 2521 | + border-bottom-right-radius: 0; |
|
| 2522 | + border-bottom-left-radius: 0; |
|
| 2523 | +} |
|
| 2524 | +.upload-enabled.focused { |
|
| 2525 | + border-color: var(--color-accent-fg); |
|
| 2526 | + border-radius: 6px; |
|
| 2527 | + outline: none; |
|
| 2528 | + box-shadow: 0 0 0 2px var(--color-accent-fg); |
|
| 2529 | +} |
|
| 2530 | +.upload-enabled.focused .form-control { |
|
| 2531 | + border-color: transparent; |
|
| 2532 | + border-bottom-color: var(--color-accent-fg); |
|
| 2533 | + box-shadow: none; |
|
| 2534 | +} |
|
| 2535 | +.upload-enabled.focused .drag-and-drop { |
|
| 2536 | + border-color: transparent; |
|
| 2537 | +} |
|
| 2538 | +.dragover textarea, |
|
| 2539 | +.dragover .drag-and-drop { |
|
| 2540 | + box-shadow: #c9ff00 0 0 3px; |
|
| 2541 | +} |
|
| 2542 | +.write-content { |
|
| 2543 | + position: relative; |
|
| 2544 | +} |
|
| 2545 | +.previewable-comment-form { |
|
| 2546 | + position: relative; |
|
| 2547 | +} |
|
| 2548 | +.previewable-comment-form .tabnav { |
|
| 2549 | + position: relative; |
|
| 2550 | + padding: 8px 8px 0; |
|
| 2551 | +} |
|
| 2552 | +.previewable-comment-form .comment { |
|
| 2553 | + border: 1px solid var(--color-border-default); |
|
| 2554 | +} |
|
| 2555 | +.previewable-comment-form .comment-form-error { |
|
| 2556 | + margin-bottom: 8px; |
|
| 2557 | +} |
|
| 2558 | +.previewable-comment-form .write-content, |
|
| 2559 | +.previewable-comment-form .preview-content { |
|
| 2560 | + display: none; |
|
| 2561 | + margin: 0 8px 8px; |
|
| 2562 | +} |
|
| 2563 | +.previewable-comment-form.write-selected .write-content, |
|
| 2564 | +.previewable-comment-form.preview-selected .preview-content { |
|
| 2565 | + display: block; |
|
| 2566 | +} |
|
| 2567 | +.previewable-comment-form textarea { |
|
| 2568 | + display: block; |
|
| 2569 | + width: 100%; |
|
| 2570 | + min-height: 100px; |
|
| 2571 | + max-height: 500px; |
|
| 2572 | + padding: 8px; |
|
| 2573 | + resize: vertical; |
|
| 2574 | +} |
|
| 2575 | +.form-action-spacious { |
|
| 2576 | + margin-top: 10px; |
|
| 2577 | +} |
|
| 2578 | +div.composer { |
|
| 2579 | + margin-top: 0; |
|
| 2580 | + border: 0; |
|
| 2581 | +} |
|
| 2582 | +.composer .comment-form-textarea { |
|
| 2583 | + height: 200px; |
|
| 2584 | + min-height: 200px; |
|
| 2585 | +} |
|
| 2586 | +.composer .tabnav { |
|
| 2587 | + margin: 0 0 10px; |
|
| 2588 | +} |
|
| 2589 | +h2.account { |
|
| 2590 | + margin: 15px 0 0; |
|
| 2591 | + font-size: 18px; |
|
| 2592 | + font-weight: 400; |
|
| 2593 | + color: var(--color-fg-muted); |
|
| 2594 | +} |
|
| 2595 | +p.explain { |
|
| 2596 | + position: relative; |
|
| 2597 | + font-size: 12px; |
|
| 2598 | + color: var(--color-fg-muted); |
|
| 2599 | +} |
|
| 2600 | +p.explain strong { |
|
| 2601 | + color: var(--color-fg-default); |
|
| 2602 | +} |
|
| 2603 | +p.explain .octicon { |
|
| 2604 | + margin-right: 5px; |
|
| 2605 | + color: var(--color-fg-muted); |
|
| 2606 | +} |
|
| 2607 | +p.explain .minibutton { |
|
| 2608 | + top: -4px; |
|
| 2609 | + float: right; |
|
| 2610 | +} |
|
| 2611 | +.form-group label { |
|
| 2612 | + position: static; |
|
| 2613 | +} |
|
| 2614 | +.input-group { |
|
| 2615 | + display: table; |
|
| 2616 | +} |
|
| 2617 | +.input-group .form-control { |
|
| 2618 | + position: relative; |
|
| 2619 | + width: 100%; |
|
| 2620 | +} |
|
| 2621 | +.input-group .form-control:focus { |
|
| 2622 | + z-index: 2; |
|
| 2623 | +} |
|
| 2624 | +.input-group .form-control + .btn { |
|
| 2625 | + margin-left: 0; |
|
| 2626 | +} |
|
| 2627 | +.input-group.inline { |
|
| 2628 | + display: inline-table; |
|
| 2629 | +} |
|
| 2630 | +.input-group:focus-within button { |
|
| 2631 | + outline-offset: 0; |
|
| 2632 | +} |
|
| 2633 | +.input-group .form-control.autocomplete-embedded-icon-wrap { |
|
| 2634 | + display: inline-flex; |
|
| 2635 | + padding: 5px 8px; |
|
| 2636 | +} |
|
| 2637 | +.input-group .form-control, |
|
| 2638 | +.input-group-button { |
|
| 2639 | + display: table-cell; |
|
| 2640 | +} |
|
| 2641 | +.input-group-button { |
|
| 2642 | + width: 1%; |
|
| 2643 | + vertical-align: middle; |
|
| 2644 | +} |
|
| 2645 | +.input-group-button--autocomplete-embedded-icon { |
|
| 2646 | + vertical-align: bottom; |
|
| 2647 | +} |
|
| 2648 | +.input-group .form-control:first-child, |
|
| 2649 | +.input-group-button:first-child .btn { |
|
| 2650 | + border-top-right-radius: 0; |
|
| 2651 | + border-bottom-right-radius: 0; |
|
| 2652 | +} |
|
| 2653 | +.input-group-button:first-child .btn { |
|
| 2654 | + margin-right: -1px; |
|
| 2655 | +} |
|
| 2656 | +.input-group .form-control:last-child, |
|
| 2657 | +.input-group-button:last-child .btn { |
|
| 2658 | + border-top-left-radius: 0; |
|
| 2659 | + border-bottom-left-radius: 0; |
|
| 2660 | +} |
|
| 2661 | +.input-group-button:last-child .btn { |
|
| 2662 | + margin-left: -1px; |
|
| 2663 | +} |
|
| 2664 | +.radio-group::before { |
|
| 2665 | + display: table; |
|
| 2666 | + content: ""; |
|
| 2667 | +} |
|
| 2668 | +.radio-group::after { |
|
| 2669 | + display: table; |
|
| 2670 | + clear: both; |
|
| 2671 | + content: ""; |
|
| 2672 | +} |
|
| 2673 | +.radio-label { |
|
| 2674 | + float: left; |
|
| 2675 | + padding: 6px 16px 6px 36px; |
|
| 2676 | + margin-left: -1px; |
|
| 2677 | + font-size: 14px; |
|
| 2678 | + line-height: 20px; |
|
| 2679 | + color: var(--color-fg-default); |
|
| 2680 | + cursor: pointer; |
|
| 2681 | + border: 1px solid var(--color-border-default); |
|
| 2682 | +} |
|
| 2683 | +:checked + .radio-label { |
|
| 2684 | + position: relative; |
|
| 2685 | + z-index: 1; |
|
| 2686 | + border-color: var(--color-accent-emphasis); |
|
| 2687 | +} |
|
| 2688 | +.radio-label:first-of-type { |
|
| 2689 | + margin-left: 0; |
|
| 2690 | + border-top-left-radius: 6px; |
|
| 2691 | + border-bottom-left-radius: 6px; |
|
| 2692 | +} |
|
| 2693 | +.radio-label:last-of-type { |
|
| 2694 | + border-top-right-radius: 6px; |
|
| 2695 | + border-bottom-right-radius: 6px; |
|
| 2696 | +} |
|
| 2697 | +.radio-label .octicon { |
|
| 2698 | + margin-left: 4px; |
|
| 2699 | + color: var(--color-fg-subtle); |
|
| 2700 | +} |
|
| 2701 | +.radio-input { |
|
| 2702 | + z-index: 3; |
|
| 2703 | + float: left; |
|
| 2704 | + margin: 10px -32px 0 16px; |
|
| 2705 | +} |
|
| 2706 | +.radio-input:disabled { |
|
| 2707 | + position: relative; |
|
| 2708 | +} |
|
| 2709 | +.radio-input:disabled + .radio-label { |
|
| 2710 | + color: var(--color-primer-fg-disabled); |
|
| 2711 | + cursor: default; |
|
| 2712 | + background-color: var(--color-neutral-subtle); |
|
| 2713 | +} |
|
| 2714 | +.radio-input:disabled + .radio-label .octicon { |
|
| 2715 | + color: inherit; |
|
| 2716 | +} |
|
| 2717 | +.container-sm { |
|
| 2718 | + max-width: 544px; |
|
| 2719 | + margin-right: auto; |
|
| 2720 | + margin-left: auto; |
|
| 2721 | +} |
|
| 2722 | +.container-md { |
|
| 2723 | + max-width: 768px; |
|
| 2724 | + margin-right: auto; |
|
| 2725 | + margin-left: auto; |
|
| 2726 | +} |
|
| 2727 | +.container-lg { |
|
| 2728 | + max-width: 1012px; |
|
| 2729 | + margin-right: auto; |
|
| 2730 | + margin-left: auto; |
|
| 2731 | +} |
|
| 2732 | +.container-xl { |
|
| 2733 | + max-width: 1280px; |
|
| 2734 | + margin-right: auto; |
|
| 2735 | + margin-left: auto; |
|
| 2736 | +} |
|
| 2737 | +.col-1 { |
|
| 2738 | + width: 8.33333333%; |
|
| 2739 | +} |
|
| 2740 | +.col-2 { |
|
| 2741 | + width: 16.66666666%; |
|
| 2742 | +} |
|
| 2743 | +.col-3 { |
|
| 2744 | + width: 24.99999999%; |
|
| 2745 | +} |
|
| 2746 | +.col-4 { |
|
| 2747 | + width: 33.33333332%; |
|
| 2748 | +} |
|
| 2749 | +.col-5 { |
|
| 2750 | + width: 41.66666665%; |
|
| 2751 | +} |
|
| 2752 | +.col-6 { |
|
| 2753 | + width: 49.99999998%; |
|
| 2754 | +} |
|
| 2755 | +.col-7 { |
|
| 2756 | + width: 58.33333331%; |
|
| 2757 | +} |
|
| 2758 | +.col-8 { |
|
| 2759 | + width: 66.66666664%; |
|
| 2760 | +} |
|
| 2761 | +.col-9 { |
|
| 2762 | + width: 74.99999997%; |
|
| 2763 | +} |
|
| 2764 | +.col-10 { |
|
| 2765 | + width: 83.3333333%; |
|
| 2766 | +} |
|
| 2767 | +.col-11 { |
|
| 2768 | + width: 91.66666663%; |
|
| 2769 | +} |
|
| 2770 | +.col-12 { |
|
| 2771 | + width: 100%; |
|
| 2772 | +} |
|
| 2773 | +@media (min-width: 544px) { |
|
| 2774 | + .col-sm-1 { |
|
| 2775 | + width: 8.33333333%; |
|
| 2776 | + } |
|
| 2777 | + .col-sm-2 { |
|
| 2778 | + width: 16.66666666%; |
|
| 2779 | + } |
|
| 2780 | + .col-sm-3 { |
|
| 2781 | + width: 24.99999999%; |
|
| 2782 | + } |
|
| 2783 | + .col-sm-4 { |
|
| 2784 | + width: 33.33333332%; |
|
| 2785 | + } |
|
| 2786 | + .col-sm-5 { |
|
| 2787 | + width: 41.66666665%; |
|
| 2788 | + } |
|
| 2789 | + .col-sm-6 { |
|
| 2790 | + width: 49.99999998%; |
|
| 2791 | + } |
|
| 2792 | + .col-sm-7 { |
|
| 2793 | + width: 58.33333331%; |
|
| 2794 | + } |
|
| 2795 | + .col-sm-8 { |
|
| 2796 | + width: 66.66666664%; |
|
| 2797 | + } |
|
| 2798 | + .col-sm-9 { |
|
| 2799 | + width: 74.99999997%; |
|
| 2800 | + } |
|
| 2801 | + .col-sm-10 { |
|
| 2802 | + width: 83.3333333%; |
|
| 2803 | + } |
|
| 2804 | + .col-sm-11 { |
|
| 2805 | + width: 91.66666663%; |
|
| 2806 | + } |
|
| 2807 | + .col-sm-12 { |
|
| 2808 | + width: 100%; |
|
| 2809 | + } |
|
| 2810 | +} |
|
| 2811 | +@media (min-width: 768px) { |
|
| 2812 | + .col-md-1 { |
|
| 2813 | + width: 8.33333333%; |
|
| 2814 | + } |
|
| 2815 | + .col-md-2 { |
|
| 2816 | + width: 16.66666666%; |
|
| 2817 | + } |
|
| 2818 | + .col-md-3 { |
|
| 2819 | + width: 24.99999999%; |
|
| 2820 | + } |
|
| 2821 | + .col-md-4 { |
|
| 2822 | + width: 33.33333332%; |
|
| 2823 | + } |
|
| 2824 | + .col-md-5 { |
|
| 2825 | + width: 41.66666665%; |
|
| 2826 | + } |
|
| 2827 | + .col-md-6 { |
|
| 2828 | + width: 49.99999998%; |
|
| 2829 | + } |
|
| 2830 | + .col-md-7 { |
|
| 2831 | + width: 58.33333331%; |
|
| 2832 | + } |
|
| 2833 | + .col-md-8 { |
|
| 2834 | + width: 66.66666664%; |
|
| 2835 | + } |
|
| 2836 | + .col-md-9 { |
|
| 2837 | + width: 74.99999997%; |
|
| 2838 | + } |
|
| 2839 | + .col-md-10 { |
|
| 2840 | + width: 83.3333333%; |
|
| 2841 | + } |
|
| 2842 | + .col-md-11 { |
|
| 2843 | + width: 91.66666663%; |
|
| 2844 | + } |
|
| 2845 | + .col-md-12 { |
|
| 2846 | + width: 100%; |
|
| 2847 | + } |
|
| 2848 | +} |
|
| 2849 | +@media (min-width: 1012px) { |
|
| 2850 | + .col-lg-1 { |
|
| 2851 | + width: 8.33333333%; |
|
| 2852 | + } |
|
| 2853 | + .col-lg-2 { |
|
| 2854 | + width: 16.66666666%; |
|
| 2855 | + } |
|
| 2856 | + .col-lg-3 { |
|
| 2857 | + width: 24.99999999%; |
|
| 2858 | + } |
|
| 2859 | + .col-lg-4 { |
|
| 2860 | + width: 33.33333332%; |
|
| 2861 | + } |
|
| 2862 | + .col-lg-5 { |
|
| 2863 | + width: 41.66666665%; |
|
| 2864 | + } |
|
| 2865 | + .col-lg-6 { |
|
| 2866 | + width: 49.99999998%; |
|
| 2867 | + } |
|
| 2868 | + .col-lg-7 { |
|
| 2869 | + width: 58.33333331%; |
|
| 2870 | + } |
|
| 2871 | + .col-lg-8 { |
|
| 2872 | + width: 66.66666664%; |
|
| 2873 | + } |
|
| 2874 | + .col-lg-9 { |
|
| 2875 | + width: 74.99999997%; |
|
| 2876 | + } |
|
| 2877 | + .col-lg-10 { |
|
| 2878 | + width: 83.3333333%; |
|
| 2879 | + } |
|
| 2880 | + .col-lg-11 { |
|
| 2881 | + width: 91.66666663%; |
|
| 2882 | + } |
|
| 2883 | + .col-lg-12 { |
|
| 2884 | + width: 100%; |
|
| 2885 | + } |
|
| 2886 | +} |
|
| 2887 | +@media (min-width: 1280px) { |
|
| 2888 | + .col-xl-1 { |
|
| 2889 | + width: 8.33333333%; |
|
| 2890 | + } |
|
| 2891 | + .col-xl-2 { |
|
| 2892 | + width: 16.66666666%; |
|
| 2893 | + } |
|
| 2894 | + .col-xl-3 { |
|
| 2895 | + width: 24.99999999%; |
|
| 2896 | + } |
|
| 2897 | + .col-xl-4 { |
|
| 2898 | + width: 33.33333332%; |
|
| 2899 | + } |
|
| 2900 | + .col-xl-5 { |
|
| 2901 | + width: 41.66666665%; |
|
| 2902 | + } |
|
| 2903 | + .col-xl-6 { |
|
| 2904 | + width: 49.99999998%; |
|
| 2905 | + } |
|
| 2906 | + .col-xl-7 { |
|
| 2907 | + width: 58.33333331%; |
|
| 2908 | + } |
|
| 2909 | + .col-xl-8 { |
|
| 2910 | + width: 66.66666664%; |
|
| 2911 | + } |
|
| 2912 | + .col-xl-9 { |
|
| 2913 | + width: 74.99999997%; |
|
| 2914 | + } |
|
| 2915 | + .col-xl-10 { |
|
| 2916 | + width: 83.3333333%; |
|
| 2917 | + } |
|
| 2918 | + .col-xl-11 { |
|
| 2919 | + width: 91.66666663%; |
|
| 2920 | + } |
|
| 2921 | + .col-xl-12 { |
|
| 2922 | + width: 100%; |
|
| 2923 | + } |
|
| 2924 | +} |
|
| 2925 | +.gutter { |
|
| 2926 | + margin-right: -16px; |
|
| 2927 | + margin-left: -16px; |
|
| 2928 | +} |
|
| 2929 | +.gutter > [class*="col-"] { |
|
| 2930 | + padding-right: 16px !important; |
|
| 2931 | + padding-left: 16px !important; |
|
| 2932 | +} |
|
| 2933 | +.gutter-condensed { |
|
| 2934 | + margin-right: -8px; |
|
| 2935 | + margin-left: -8px; |
|
| 2936 | +} |
|
| 2937 | +.gutter-condensed > [class*="col-"] { |
|
| 2938 | + padding-right: 8px !important; |
|
| 2939 | + padding-left: 8px !important; |
|
| 2940 | +} |
|
| 2941 | +.gutter-spacious { |
|
| 2942 | + margin-right: -24px; |
|
| 2943 | + margin-left: -24px; |
|
| 2944 | +} |
|
| 2945 | +.gutter-spacious > [class*="col-"] { |
|
| 2946 | + padding-right: 24px !important; |
|
| 2947 | + padding-left: 24px !important; |
|
| 2948 | +} |
|
| 2949 | +@media (min-width: 544px) { |
|
| 2950 | + .gutter-sm { |
|
| 2951 | + margin-right: -16px; |
|
| 2952 | + margin-left: -16px; |
|
| 2953 | + } |
|
| 2954 | + .gutter-sm > [class*="col-"] { |
|
| 2955 | + padding-right: 16px !important; |
|
| 2956 | + padding-left: 16px !important; |
|
| 2957 | + } |
|
| 2958 | + .gutter-sm-condensed { |
|
| 2959 | + margin-right: -8px; |
|
| 2960 | + margin-left: -8px; |
|
| 2961 | + } |
|
| 2962 | + .gutter-sm-condensed > [class*="col-"] { |
|
| 2963 | + padding-right: 8px !important; |
|
| 2964 | + padding-left: 8px !important; |
|
| 2965 | + } |
|
| 2966 | + .gutter-sm-spacious { |
|
| 2967 | + margin-right: -24px; |
|
| 2968 | + margin-left: -24px; |
|
| 2969 | + } |
|
| 2970 | + .gutter-sm-spacious > [class*="col-"] { |
|
| 2971 | + padding-right: 24px !important; |
|
| 2972 | + padding-left: 24px !important; |
|
| 2973 | + } |
|
| 2974 | +} |
|
| 2975 | +@media (min-width: 768px) { |
|
| 2976 | + .gutter-md { |
|
| 2977 | + margin-right: -16px; |
|
| 2978 | + margin-left: -16px; |
|
| 2979 | + } |
|
| 2980 | + .gutter-md > [class*="col-"] { |
|
| 2981 | + padding-right: 16px !important; |
|
| 2982 | + padding-left: 16px !important; |
|
| 2983 | + } |
|
| 2984 | + .gutter-md-condensed { |
|
| 2985 | + margin-right: -8px; |
|
| 2986 | + margin-left: -8px; |
|
| 2987 | + } |
|
| 2988 | + .gutter-md-condensed > [class*="col-"] { |
|
| 2989 | + padding-right: 8px !important; |
|
| 2990 | + padding-left: 8px !important; |
|
| 2991 | + } |
|
| 2992 | + .gutter-md-spacious { |
|
| 2993 | + margin-right: -24px; |
|
| 2994 | + margin-left: -24px; |
|
| 2995 | + } |
|
| 2996 | + .gutter-md-spacious > [class*="col-"] { |
|
| 2997 | + padding-right: 24px !important; |
|
| 2998 | + padding-left: 24px !important; |
|
| 2999 | + } |
|
| 3000 | +} |
|
| 3001 | +@media (min-width: 1012px) { |
|
| 3002 | + .gutter-lg { |
|
| 3003 | + margin-right: -16px; |
|
| 3004 | + margin-left: -16px; |
|
| 3005 | + } |
|
| 3006 | + .gutter-lg > [class*="col-"] { |
|
| 3007 | + padding-right: 16px !important; |
|
| 3008 | + padding-left: 16px !important; |
|
| 3009 | + } |
|
| 3010 | + .gutter-lg-condensed { |
|
| 3011 | + margin-right: -8px; |
|
| 3012 | + margin-left: -8px; |
|
| 3013 | + } |
|
| 3014 | + .gutter-lg-condensed > [class*="col-"] { |
|
| 3015 | + padding-right: 8px !important; |
|
| 3016 | + padding-left: 8px !important; |
|
| 3017 | + } |
|
| 3018 | + .gutter-lg-spacious { |
|
| 3019 | + margin-right: -24px; |
|
| 3020 | + margin-left: -24px; |
|
| 3021 | + } |
|
| 3022 | + .gutter-lg-spacious > [class*="col-"] { |
|
| 3023 | + padding-right: 24px !important; |
|
| 3024 | + padding-left: 24px !important; |
|
| 3025 | + } |
|
| 3026 | +} |
|
| 3027 | +@media (min-width: 1280px) { |
|
| 3028 | + .gutter-xl { |
|
| 3029 | + margin-right: -16px; |
|
| 3030 | + margin-left: -16px; |
|
| 3031 | + } |
|
| 3032 | + .gutter-xl > [class*="col-"] { |
|
| 3033 | + padding-right: 16px !important; |
|
| 3034 | + padding-left: 16px !important; |
|
| 3035 | + } |
|
| 3036 | + .gutter-xl-condensed { |
|
| 3037 | + margin-right: -8px; |
|
| 3038 | + margin-left: -8px; |
|
| 3039 | + } |
|
| 3040 | + .gutter-xl-condensed > [class*="col-"] { |
|
| 3041 | + padding-right: 8px !important; |
|
| 3042 | + padding-left: 8px !important; |
|
| 3043 | + } |
|
| 3044 | + .gutter-xl-spacious { |
|
| 3045 | + margin-right: -24px; |
|
| 3046 | + margin-left: -24px; |
|
| 3047 | + } |
|
| 3048 | + .gutter-xl-spacious > [class*="col-"] { |
|
| 3049 | + padding-right: 24px !important; |
|
| 3050 | + padding-left: 24px !important; |
|
| 3051 | + } |
|
| 3052 | +} |
|
| 3053 | +.offset-1 { |
|
| 3054 | + margin-left: 8.33333333% !important; |
|
| 3055 | +} |
|
| 3056 | +.offset-2 { |
|
| 3057 | + margin-left: 16.66666666% !important; |
|
| 3058 | +} |
|
| 3059 | +.offset-3 { |
|
| 3060 | + margin-left: 24.99999999% !important; |
|
| 3061 | +} |
|
| 3062 | +.offset-4 { |
|
| 3063 | + margin-left: 33.33333332% !important; |
|
| 3064 | +} |
|
| 3065 | +.offset-5 { |
|
| 3066 | + margin-left: 41.66666665% !important; |
|
| 3067 | +} |
|
| 3068 | +.offset-6 { |
|
| 3069 | + margin-left: 49.99999998% !important; |
|
| 3070 | +} |
|
| 3071 | +.offset-7 { |
|
| 3072 | + margin-left: 58.33333331% !important; |
|
| 3073 | +} |
|
| 3074 | +.offset-8 { |
|
| 3075 | + margin-left: 66.66666664% !important; |
|
| 3076 | +} |
|
| 3077 | +.offset-9 { |
|
| 3078 | + margin-left: 74.99999997% !important; |
|
| 3079 | +} |
|
| 3080 | +.offset-10 { |
|
| 3081 | + margin-left: 83.3333333% !important; |
|
| 3082 | +} |
|
| 3083 | +.offset-11 { |
|
| 3084 | + margin-left: 91.66666663% !important; |
|
| 3085 | +} |
|
| 3086 | +@media (min-width: 544px) { |
|
| 3087 | + .offset-sm-1 { |
|
| 3088 | + margin-left: 8.33333333% !important; |
|
| 3089 | + } |
|
| 3090 | + .offset-sm-2 { |
|
| 3091 | + margin-left: 16.66666666% !important; |
|
| 3092 | + } |
|
| 3093 | + .offset-sm-3 { |
|
| 3094 | + margin-left: 24.99999999% !important; |
|
| 3095 | + } |
|
| 3096 | + .offset-sm-4 { |
|
| 3097 | + margin-left: 33.33333332% !important; |
|
| 3098 | + } |
|
| 3099 | + .offset-sm-5 { |
|
| 3100 | + margin-left: 41.66666665% !important; |
|
| 3101 | + } |
|
| 3102 | + .offset-sm-6 { |
|
| 3103 | + margin-left: 49.99999998% !important; |
|
| 3104 | + } |
|
| 3105 | + .offset-sm-7 { |
|
| 3106 | + margin-left: 58.33333331% !important; |
|
| 3107 | + } |
|
| 3108 | + .offset-sm-8 { |
|
| 3109 | + margin-left: 66.66666664% !important; |
|
| 3110 | + } |
|
| 3111 | + .offset-sm-9 { |
|
| 3112 | + margin-left: 74.99999997% !important; |
|
| 3113 | + } |
|
| 3114 | + .offset-sm-10 { |
|
| 3115 | + margin-left: 83.3333333% !important; |
|
| 3116 | + } |
|
| 3117 | + .offset-sm-11 { |
|
| 3118 | + margin-left: 91.66666663% !important; |
|
| 3119 | + } |
|
| 3120 | +} |
|
| 3121 | +@media (min-width: 768px) { |
|
| 3122 | + .offset-md-1 { |
|
| 3123 | + margin-left: 8.33333333% !important; |
|
| 3124 | + } |
|
| 3125 | + .offset-md-2 { |
|
| 3126 | + margin-left: 16.66666666% !important; |
|
| 3127 | + } |
|
| 3128 | + .offset-md-3 { |
|
| 3129 | + margin-left: 24.99999999% !important; |
|
| 3130 | + } |
|
| 3131 | + .offset-md-4 { |
|
| 3132 | + margin-left: 33.33333332% !important; |
|
| 3133 | + } |
|
| 3134 | + .offset-md-5 { |
|
| 3135 | + margin-left: 41.66666665% !important; |
|
| 3136 | + } |
|
| 3137 | + .offset-md-6 { |
|
| 3138 | + margin-left: 49.99999998% !important; |
|
| 3139 | + } |
|
| 3140 | + .offset-md-7 { |
|
| 3141 | + margin-left: 58.33333331% !important; |
|
| 3142 | + } |
|
| 3143 | + .offset-md-8 { |
|
| 3144 | + margin-left: 66.66666664% !important; |
|
| 3145 | + } |
|
| 3146 | + .offset-md-9 { |
|
| 3147 | + margin-left: 74.99999997% !important; |
|
| 3148 | + } |
|
| 3149 | + .offset-md-10 { |
|
| 3150 | + margin-left: 83.3333333% !important; |
|
| 3151 | + } |
|
| 3152 | + .offset-md-11 { |
|
| 3153 | + margin-left: 91.66666663% !important; |
|
| 3154 | + } |
|
| 3155 | +} |
|
| 3156 | +@media (min-width: 1012px) { |
|
| 3157 | + .offset-lg-1 { |
|
| 3158 | + margin-left: 8.33333333% !important; |
|
| 3159 | + } |
|
| 3160 | + .offset-lg-2 { |
|
| 3161 | + margin-left: 16.66666666% !important; |
|
| 3162 | + } |
|
| 3163 | + .offset-lg-3 { |
|
| 3164 | + margin-left: 24.99999999% !important; |
|
| 3165 | + } |
|
| 3166 | + .offset-lg-4 { |
|
| 3167 | + margin-left: 33.33333332% !important; |
|
| 3168 | + } |
|
| 3169 | + .offset-lg-5 { |
|
| 3170 | + margin-left: 41.66666665% !important; |
|
| 3171 | + } |
|
| 3172 | + .offset-lg-6 { |
|
| 3173 | + margin-left: 49.99999998% !important; |
|
| 3174 | + } |
|
| 3175 | + .offset-lg-7 { |
|
| 3176 | + margin-left: 58.33333331% !important; |
|
| 3177 | + } |
|
| 3178 | + .offset-lg-8 { |
|
| 3179 | + margin-left: 66.66666664% !important; |
|
| 3180 | + } |
|
| 3181 | + .offset-lg-9 { |
|
| 3182 | + margin-left: 74.99999997% !important; |
|
| 3183 | + } |
|
| 3184 | + .offset-lg-10 { |
|
| 3185 | + margin-left: 83.3333333% !important; |
|
| 3186 | + } |
|
| 3187 | + .offset-lg-11 { |
|
| 3188 | + margin-left: 91.66666663% !important; |
|
| 3189 | + } |
|
| 3190 | +} |
|
| 3191 | +@media (min-width: 1280px) { |
|
| 3192 | + .offset-xl-1 { |
|
| 3193 | + margin-left: 8.33333333% !important; |
|
| 3194 | + } |
|
| 3195 | + .offset-xl-2 { |
|
| 3196 | + margin-left: 16.66666666% !important; |
|
| 3197 | + } |
|
| 3198 | + .offset-xl-3 { |
|
| 3199 | + margin-left: 24.99999999% !important; |
|
| 3200 | + } |
|
| 3201 | + .offset-xl-4 { |
|
| 3202 | + margin-left: 33.33333332% !important; |
|
| 3203 | + } |
|
| 3204 | + .offset-xl-5 { |
|
| 3205 | + margin-left: 41.66666665% !important; |
|
| 3206 | + } |
|
| 3207 | + .offset-xl-6 { |
|
| 3208 | + margin-left: 49.99999998% !important; |
|
| 3209 | + } |
|
| 3210 | + .offset-xl-7 { |
|
| 3211 | + margin-left: 58.33333331% !important; |
|
| 3212 | + } |
|
| 3213 | + .offset-xl-8 { |
|
| 3214 | + margin-left: 66.66666664% !important; |
|
| 3215 | + } |
|
| 3216 | + .offset-xl-9 { |
|
| 3217 | + margin-left: 74.99999997% !important; |
|
| 3218 | + } |
|
| 3219 | + .offset-xl-10 { |
|
| 3220 | + margin-left: 83.3333333% !important; |
|
| 3221 | + } |
|
| 3222 | + .offset-xl-11 { |
|
| 3223 | + margin-left: 91.66666663% !important; |
|
| 3224 | + } |
|
| 3225 | +} |
|
| 3226 | +.Layout { |
|
| 3227 | + display: grid; |
|
| 3228 | + --Layout-sidebar-width: 220px; |
|
| 3229 | + --Layout-gutter: 16px; |
|
| 3230 | + grid-auto-flow: column; |
|
| 3231 | + grid-template-columns: auto 0 minmax( |
|
| 3232 | + 0, |
|
| 3233 | + calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)) |
|
| 3234 | + ); |
|
| 3235 | + grid-gap: var(--Layout-gutter); |
|
| 3236 | +} |
|
| 3237 | +@media (max-width: calc(544px - 0.02px)) { |
|
| 3238 | + .Layout { |
|
| 3239 | + grid-auto-flow: row; |
|
| 3240 | + grid-template-columns: 1fr !important; |
|
| 3241 | + } |
|
| 3242 | + .Layout .Layout-sidebar, |
|
| 3243 | + .Layout .Layout-divider, |
|
| 3244 | + .Layout .Layout-main { |
|
| 3245 | + width: 100% !important; |
|
| 3246 | + grid-column: 1 !important; |
|
| 3247 | + } |
|
| 3248 | + .Layout.Layout--sidebarPosition-flowRow-start .Layout-sidebar { |
|
| 3249 | + grid-row: 1; |
|
| 3250 | + } |
|
| 3251 | + .Layout.Layout--sidebarPosition-flowRow-start .Layout-main { |
|
| 3252 | + grid-row: 2 / span 2; |
|
| 3253 | + } |
|
| 3254 | + .Layout.Layout--sidebarPosition-flowRow-end .Layout-sidebar { |
|
| 3255 | + grid-row: 2 / span 2; |
|
| 3256 | + } |
|
| 3257 | + .Layout.Layout--sidebarPosition-flowRow-end .Layout-main { |
|
| 3258 | + grid-row: 1; |
|
| 3259 | + } |
|
| 3260 | + .Layout.Layout--sidebarPosition-flowRow-none .Layout-sidebar { |
|
| 3261 | + display: none; |
|
| 3262 | + } |
|
| 3263 | + .Layout.Layout--divided { |
|
| 3264 | + --Layout-gutter: 0; |
|
| 3265 | + } |
|
| 3266 | + .Layout.Layout--divided .Layout-divider { |
|
| 3267 | + height: 1px; |
|
| 3268 | + grid-row: 2; |
|
| 3269 | + } |
|
| 3270 | + .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-hidden { |
|
| 3271 | + display: none; |
|
| 3272 | + } |
|
| 3273 | + .Layout.Layout--divided .Layout-divider.Layout-divider--flowRow-shallow { |
|
| 3274 | + height: 8px; |
|
| 3275 | + margin-right: 0; |
|
| 3276 | + background: var(--color-canvas-inset); |
|
| 3277 | + border-color: var(--color-border-default); |
|
| 3278 | + border-style: solid; |
|
| 3279 | + border-width: 1px 0; |
|
| 3280 | + } |
|
| 3281 | + .Layout.Layout--divided .Layout-main { |
|
| 3282 | + grid-row: 3 / span 1; |
|
| 3283 | + } |
|
| 3284 | + .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-sidebar { |
|
| 3285 | + grid-row: 3 / span 1; |
|
| 3286 | + } |
|
| 3287 | + .Layout.Layout--divided.Layout--sidebarPosition-flowRow-end .Layout-main { |
|
| 3288 | + grid-row: 1; |
|
| 3289 | + } |
|
| 3290 | +} |
|
| 3291 | +@media (max-width: calc(768px - 0.02px)) { |
|
| 3292 | + .Layout.Layout--flowRow-until-md { |
|
| 3293 | + grid-auto-flow: row; |
|
| 3294 | + grid-template-columns: 1fr !important; |
|
| 3295 | + } |
|
| 3296 | + .Layout.Layout--flowRow-until-md .Layout-sidebar, |
|
| 3297 | + .Layout.Layout--flowRow-until-md .Layout-divider, |
|
| 3298 | + .Layout.Layout--flowRow-until-md .Layout-main { |
|
| 3299 | + width: 100% !important; |
|
| 3300 | + grid-column: 1 !important; |
|
| 3301 | + } |
|
| 3302 | + .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start |
|
| 3303 | + .Layout-sidebar { |
|
| 3304 | + grid-row: 1; |
|
| 3305 | + } |
|
| 3306 | + .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-start |
|
| 3307 | + .Layout-main { |
|
| 3308 | + grid-row: 2 / span 2; |
|
| 3309 | + } |
|
| 3310 | + .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end |
|
| 3311 | + .Layout-sidebar { |
|
| 3312 | + grid-row: 2 / span 2; |
|
| 3313 | + } |
|
| 3314 | + .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-end |
|
| 3315 | + .Layout-main { |
|
| 3316 | + grid-row: 1; |
|
| 3317 | + } |
|
| 3318 | + .Layout.Layout--flowRow-until-md.Layout--sidebarPosition-flowRow-none |
|
| 3319 | + .Layout-sidebar { |
|
| 3320 | + display: none; |
|
| 3321 | + } |
|
| 3322 | + .Layout.Layout--flowRow-until-md.Layout--divided { |
|
| 3323 | + --Layout-gutter: 0; |
|
| 3324 | + } |
|
| 3325 | + .Layout.Layout--flowRow-until-md.Layout--divided .Layout-divider { |
|
| 3326 | + height: 1px; |
|
| 3327 | + grid-row: 2; |
|
| 3328 | + } |
|
| 3329 | + .Layout.Layout--flowRow-until-md.Layout--divided |
|
| 3330 | + .Layout-divider.Layout-divider--flowRow-hidden { |
|
| 3331 | + display: none; |
|
| 3332 | + } |
|
| 3333 | + .Layout.Layout--flowRow-until-md.Layout--divided |
|
| 3334 | + .Layout-divider.Layout-divider--flowRow-shallow { |
|
| 3335 | + height: 8px; |
|
| 3336 | + margin-right: 0; |
|
| 3337 | + background: var(--color-canvas-inset); |
|
| 3338 | + border-color: var(--color-border-default); |
|
| 3339 | + border-style: solid; |
|
| 3340 | + border-width: 1px 0; |
|
| 3341 | + } |
|
| 3342 | + .Layout.Layout--flowRow-until-md.Layout--divided .Layout-main { |
|
| 3343 | + grid-row: 3 / span 1; |
|
| 3344 | + } |
|
| 3345 | + .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end |
|
| 3346 | + .Layout-sidebar { |
|
| 3347 | + grid-row: 3 / span 1; |
|
| 3348 | + } |
|
| 3349 | + .Layout.Layout--flowRow-until-md.Layout--divided.Layout--sidebarPosition-flowRow-end |
|
| 3350 | + .Layout-main { |
|
| 3351 | + grid-row: 1; |
|
| 3352 | + } |
|
| 3353 | +} |
|
| 3354 | +@media (max-width: calc(1012px - 0.02px)) { |
|
| 3355 | + .Layout.Layout--flowRow-until-lg { |
|
| 3356 | + grid-auto-flow: row; |
|
| 3357 | + grid-template-columns: 1fr !important; |
|
| 3358 | + } |
|
| 3359 | + .Layout.Layout--flowRow-until-lg .Layout-sidebar, |
|
| 3360 | + .Layout.Layout--flowRow-until-lg .Layout-divider, |
|
| 3361 | + .Layout.Layout--flowRow-until-lg .Layout-main { |
|
| 3362 | + width: 100% !important; |
|
| 3363 | + grid-column: 1 !important; |
|
| 3364 | + } |
|
| 3365 | + .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start |
|
| 3366 | + .Layout-sidebar { |
|
| 3367 | + grid-row: 1; |
|
| 3368 | + } |
|
| 3369 | + .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-start |
|
| 3370 | + .Layout-main { |
|
| 3371 | + grid-row: 2 / span 2; |
|
| 3372 | + } |
|
| 3373 | + .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end |
|
| 3374 | + .Layout-sidebar { |
|
| 3375 | + grid-row: 2 / span 2; |
|
| 3376 | + } |
|
| 3377 | + .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-end |
|
| 3378 | + .Layout-main { |
|
| 3379 | + grid-row: 1; |
|
| 3380 | + } |
|
| 3381 | + .Layout.Layout--flowRow-until-lg.Layout--sidebarPosition-flowRow-none |
|
| 3382 | + .Layout-sidebar { |
|
| 3383 | + display: none; |
|
| 3384 | + } |
|
| 3385 | + .Layout.Layout--flowRow-until-lg.Layout--divided { |
|
| 3386 | + --Layout-gutter: 0; |
|
| 3387 | + } |
|
| 3388 | + .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-divider { |
|
| 3389 | + height: 1px; |
|
| 3390 | + grid-row: 2; |
|
| 3391 | + } |
|
| 3392 | + .Layout.Layout--flowRow-until-lg.Layout--divided |
|
| 3393 | + .Layout-divider.Layout-divider--flowRow-hidden { |
|
| 3394 | + display: none; |
|
| 3395 | + } |
|
| 3396 | + .Layout.Layout--flowRow-until-lg.Layout--divided |
|
| 3397 | + .Layout-divider.Layout-divider--flowRow-shallow { |
|
| 3398 | + height: 8px; |
|
| 3399 | + margin-right: 0; |
|
| 3400 | + background: var(--color-canvas-inset); |
|
| 3401 | + border-color: var(--color-border-default); |
|
| 3402 | + border-style: solid; |
|
| 3403 | + border-width: 1px 0; |
|
| 3404 | + } |
|
| 3405 | + .Layout.Layout--flowRow-until-lg.Layout--divided .Layout-main { |
|
| 3406 | + grid-row: 3 / span 1; |
|
| 3407 | + } |
|
| 3408 | + .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end |
|
| 3409 | + .Layout-sidebar { |
|
| 3410 | + grid-row: 3 / span 1; |
|
| 3411 | + } |
|
| 3412 | + .Layout.Layout--flowRow-until-lg.Layout--divided.Layout--sidebarPosition-flowRow-end |
|
| 3413 | + .Layout-main { |
|
| 3414 | + grid-row: 1; |
|
| 3415 | + } |
|
| 3416 | +} |
|
| 3417 | +.Layout .Layout-sidebar { |
|
| 3418 | + grid-column: 1; |
|
| 3419 | +} |
|
| 3420 | +.Layout .Layout-divider { |
|
| 3421 | + display: none; |
|
| 3422 | +} |
|
| 3423 | +.Layout .Layout-main { |
|
| 3424 | + grid-column: 2 / span 2; |
|
| 3425 | +} |
|
| 3426 | +@media (min-width: 1012px) { |
|
| 3427 | + .Layout { |
|
| 3428 | + --Layout-gutter: 24px; |
|
| 3429 | + } |
|
| 3430 | +} |
|
| 3431 | +.Layout.Layout--gutter-none { |
|
| 3432 | + --Layout-gutter: 0px; |
|
| 3433 | +} |
|
| 3434 | +.Layout.Layout--gutter-condensed { |
|
| 3435 | + --Layout-gutter: 16px; |
|
| 3436 | +} |
|
| 3437 | +@media (min-width: 1012px) { |
|
| 3438 | + .Layout.Layout--gutter-spacious { |
|
| 3439 | + --Layout-gutter: 32px; |
|
| 3440 | + } |
|
| 3441 | +} |
|
| 3442 | +@media (min-width: 1280px) { |
|
| 3443 | + .Layout.Layout--gutter-spacious { |
|
| 3444 | + --Layout-gutter: 40px; |
|
| 3445 | + } |
|
| 3446 | +} |
|
| 3447 | +@media (min-width: 544px) { |
|
| 3448 | + .Layout { |
|
| 3449 | + --Layout-sidebar-width: 220px; |
|
| 3450 | + } |
|
| 3451 | +} |
|
| 3452 | +@media (min-width: 768px) { |
|
| 3453 | + .Layout { |
|
| 3454 | + --Layout-sidebar-width: 256px; |
|
| 3455 | + } |
|
| 3456 | +} |
|
| 3457 | +@media (min-width: 1012px) { |
|
| 3458 | + .Layout { |
|
| 3459 | + --Layout-sidebar-width: 296px; |
|
| 3460 | + } |
|
| 3461 | +} |
|
| 3462 | +@media (min-width: 768px) { |
|
| 3463 | + .Layout.Layout--sidebar-narrow { |
|
| 3464 | + --Layout-sidebar-width: 240px; |
|
| 3465 | + } |
|
| 3466 | +} |
|
| 3467 | +@media (min-width: 1012px) { |
|
| 3468 | + .Layout.Layout--sidebar-narrow { |
|
| 3469 | + --Layout-sidebar-width: 256px; |
|
| 3470 | + } |
|
| 3471 | +} |
|
| 3472 | +@media (min-width: 1012px) { |
|
| 3473 | + .Layout.Layout--sidebar-wide { |
|
| 3474 | + --Layout-sidebar-width: 320px; |
|
| 3475 | + } |
|
| 3476 | +} |
|
| 3477 | +@media (min-width: 1280px) { |
|
| 3478 | + .Layout.Layout--sidebar-wide { |
|
| 3479 | + --Layout-sidebar-width: 336px; |
|
| 3480 | + } |
|
| 3481 | +} |
|
| 3482 | +.Layout.Layout--sidebarPosition-start .Layout-sidebar { |
|
| 3483 | + grid-column: 1; |
|
| 3484 | +} |
|
| 3485 | +.Layout.Layout--sidebarPosition-start .Layout-main { |
|
| 3486 | + grid-column: 2 / span 2; |
|
| 3487 | +} |
|
| 3488 | +.Layout.Layout--sidebarPosition-end { |
|
| 3489 | + grid-template-columns: minmax( |
|
| 3490 | + 0, |
|
| 3491 | + calc(100% - var(--Layout-sidebar-width) - var(--Layout-gutter)) |
|
| 3492 | + ) 0 auto; |
|
| 3493 | +} |
|
| 3494 | +.Layout.Layout--sidebarPosition-end .Layout-main { |
|
| 3495 | + grid-column: 1; |
|
| 3496 | +} |
|
| 3497 | +.Layout.Layout--sidebarPosition-end .Layout-sidebar { |
|
| 3498 | + grid-column: 2 / span 2; |
|
| 3499 | +} |
|
| 3500 | +.Layout.Layout--divided .Layout-divider { |
|
| 3501 | + display: block; |
|
| 3502 | + grid-column: 2; |
|
| 3503 | + width: 1px; |
|
| 3504 | + margin-right: -1px; |
|
| 3505 | + background: var(--color-border-default); |
|
| 3506 | +} |
|
| 3507 | +.Layout.Layout--divided .Layout-main { |
|
| 3508 | + grid-column: 3 / span 1; |
|
| 3509 | +} |
|
| 3510 | +.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-sidebar { |
|
| 3511 | + grid-column: 3 / span 1; |
|
| 3512 | +} |
|
| 3513 | +.Layout.Layout--divided.Layout--sidebarPosition-end .Layout-main { |
|
| 3514 | + grid-column: 1; |
|
| 3515 | +} |
|
| 3516 | +.Layout-divider { |
|
| 3517 | + display: none; |
|
| 3518 | + width: 1px; |
|
| 3519 | +} |
|
| 3520 | +.Layout-sidebar { |
|
| 3521 | + width: var(--Layout-sidebar-width); |
|
| 3522 | +} |
|
| 3523 | +.Layout-main { |
|
| 3524 | + min-width: 0; |
|
| 3525 | +} |
|
| 3526 | +.Layout-main .Layout-main-centered-md, |
|
| 3527 | +.Layout-main .Layout-main-centered-lg, |
|
| 3528 | +.Layout-main .Layout-main-centered-xl { |
|
| 3529 | + margin-right: auto; |
|
| 3530 | + margin-left: auto; |
|
| 3531 | +} |
|
| 3532 | +.Layout-main .Layout-main-centered-md > .container-md, |
|
| 3533 | +.Layout-main .Layout-main-centered-md > .container-lg, |
|
| 3534 | +.Layout-main .Layout-main-centered-md > .container-xl, |
|
| 3535 | +.Layout-main .Layout-main-centered-lg > .container-md, |
|
| 3536 | +.Layout-main .Layout-main-centered-lg > .container-lg, |
|
| 3537 | +.Layout-main .Layout-main-centered-lg > .container-xl, |
|
| 3538 | +.Layout-main .Layout-main-centered-xl > .container-md, |
|
| 3539 | +.Layout-main .Layout-main-centered-xl > .container-lg, |
|
| 3540 | +.Layout-main .Layout-main-centered-xl > .container-xl { |
|
| 3541 | + margin-left: 0; |
|
| 3542 | +} |
|
| 3543 | +.Layout-main .Layout-main-centered-md { |
|
| 3544 | + max-width: calc(768px + var(--Layout-sidebar-width) + var(--Layout-gutter)); |
|
| 3545 | +} |
|
| 3546 | +.Layout-main .Layout-main-centered-lg { |
|
| 3547 | + max-width: calc(1012px + var(--Layout-sidebar-width) + var(--Layout-gutter)); |
|
| 3548 | +} |
|
| 3549 | +.Layout-main .Layout-main-centered-xl { |
|
| 3550 | + max-width: calc(1280px + var(--Layout-sidebar-width) + var(--Layout-gutter)); |
|
| 3551 | +} |
|
| 3552 | +:root { |
|
| 3553 | + --Layout-pane-width: 220px; |
|
| 3554 | + --Layout-content-width: 100%; |
|
| 3555 | + --Layout-template-columns: 1fr var(--Layout-pane-width); |
|
| 3556 | + --Layout-template-areas: "content pane"; |
|
| 3557 | + --Layout-column-gap: 16px; |
|
| 3558 | + --Layout-row-gap: 16px; |
|
| 3559 | + --Layout-outer-spacing-x: 0px; |
|
| 3560 | + --Layout-outer-spacing-y: 0px; |
|
| 3561 | + --Layout-inner-spacing-min: 0px; |
|
| 3562 | + --Layout-inner-spacing-max: 0px; |
|
| 3563 | +} |
|
| 3564 | +.PageLayout { |
|
| 3565 | + display: block; |
|
| 3566 | + margin: var(--Layout-outer-spacing-y) var(--Layout-outer-spacing-x); |
|
| 3567 | +} |
|
| 3568 | +@media (min-width: 768px) { |
|
| 3569 | + .PageLayout.PageLayout--panePos-start { |
|
| 3570 | + --Layout-template-columns: var(--Layout-pane-width) |
|
| 3571 | + minmax( |
|
| 3572 | + 0, |
|
| 3573 | + calc(100% - var(--Layout-pane-width) - var(--Layout-column-gap)) |
|
| 3574 | + ); |
|
| 3575 | + --Layout-template-areas: "pane content"; |
|
| 3576 | + } |
|
| 3577 | + .PageLayout.PageLayout--panePos-end { |
|
| 3578 | + --Layout-template-columns: minmax( |
|
| 3579 | + 0, |
|
| 3580 | + calc(100% - var(--Layout-pane-width) - var(--Layout-column-gap)) |
|
| 3581 | + ) |
|
| 3582 | + var(--Layout-pane-width); |
|
| 3583 | + --Layout-template-areas: "content pane"; |
|
| 3584 | + } |
|
| 3585 | + .PageLayout .PageLayout-header--hasDivider { |
|
| 3586 | + padding-bottom: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min)); |
|
| 3587 | + border-bottom: 1px solid var(--color-border-default); |
|
| 3588 | + } |
|
| 3589 | + .PageLayout .PageLayout-footer--hasDivider { |
|
| 3590 | + padding-top: max(var(--Layout-row-gap), var(--Layout-inner-spacing-min)); |
|
| 3591 | + border-top: 1px solid var(--color-border-default); |
|
| 3592 | + } |
|
| 3593 | + .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start |
|
| 3594 | + .PageLayout-pane { |
|
| 3595 | + border-right: 1px solid var(--color-border-default); |
|
| 3596 | + } |
|
| 3597 | + .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) |
|
| 3598 | + .PageLayout-pane { |
|
| 3599 | + padding-right: calc(var(--Layout-column-gap) - 1px); |
|
| 3600 | + margin-right: calc(var(--Layout-column-gap) * -1); |
|
| 3601 | + } |
|
| 3602 | + .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-start:not(.PageLayout--columnGap-none) |
|
| 3603 | + .PageLayout-content { |
|
| 3604 | + margin-left: var(--Layout-column-gap); |
|
| 3605 | + } |
|
| 3606 | + .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end |
|
| 3607 | + .PageLayout-pane { |
|
| 3608 | + border-left: 1px solid var(--color-border-default); |
|
| 3609 | + } |
|
| 3610 | + .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) |
|
| 3611 | + .PageLayout-pane { |
|
| 3612 | + padding-left: calc(var(--Layout-column-gap) - 1px); |
|
| 3613 | + margin-left: calc(var(--Layout-column-gap) * -1); |
|
| 3614 | + } |
|
| 3615 | + .PageLayout.PageLayout--hasPaneDivider.PageLayout--panePos-end:not(.PageLayout--columnGap-none) |
|
| 3616 | + .PageLayout-content { |
|
| 3617 | + margin-right: var(--Layout-column-gap); |
|
| 3618 | + } |
|
| 3619 | + .PageLayout.PageLayout--isPaneSticky .PageLayout-pane { |
|
| 3620 | + position: sticky; |
|
| 3621 | + top: 0; |
|
| 3622 | + max-height: 100vh; |
|
| 3623 | + overflow: auto; |
|
| 3624 | + } |
|
| 3625 | + .PageLayout [class^="PageLayout-content-centered-"] { |
|
| 3626 | + max-width: calc( |
|
| 3627 | + var(--Layout-content-width) + var(--Layout-pane-width) + |
|
| 3628 | + var(--Layout-column-gap) |
|
| 3629 | + ); |
|
| 3630 | + margin-right: auto; |
|
| 3631 | + margin-left: auto; |
|
| 3632 | + } |
|
| 3633 | + .PageLayout.PageLayout--hasPaneDivider |
|
| 3634 | + [class^="PageLayout-content-centered-"] { |
|
| 3635 | + max-width: calc( |
|
| 3636 | + var(--Layout-content-width) + var(--Layout-pane-width) + |
|
| 3637 | + var(--Layout-column-gap) * 2 |
|
| 3638 | + ); |
|
| 3639 | + } |
|
| 3640 | + .PageLayout.PageLayout--panePos-start |
|
| 3641 | + [class^="PageLayout-content-centered-"] |
|
| 3642 | + > [class^="container-"] { |
|
| 3643 | + margin-left: 0; |
|
| 3644 | + } |
|
| 3645 | + .PageLayout.PageLayout--panePos-end |
|
| 3646 | + [class^="PageLayout-content-centered-"] |
|
| 3647 | + > [class^="container-"] { |
|
| 3648 | + margin-right: 0; |
|
| 3649 | + } |
|
| 3650 | + .PageLayout .PageLayout-content-centered-sm { |
|
| 3651 | + --Layout-content-width: 544px; |
|
| 3652 | + } |
|
| 3653 | + .PageLayout .PageLayout-content-centered-md { |
|
| 3654 | + --Layout-content-width: 768px; |
|
| 3655 | + } |
|
| 3656 | + .PageLayout .PageLayout-content-centered-lg { |
|
| 3657 | + --Layout-content-width: 1012px; |
|
| 3658 | + } |
|
| 3659 | + .PageLayout .PageLayout-content-centered-xl { |
|
| 3660 | + --Layout-content-width: 1280px; |
|
| 3661 | + } |
|
| 3662 | +} |
|
| 3663 | +@media (min-width: 768px) and (min-width: 544px) { |
|
| 3664 | + .PageLayout { |
|
| 3665 | + --Layout-pane-width: 220px; |
|
| 3666 | + } |
|
| 3667 | +} |
|
| 3668 | +@media (min-width: 768px) and (min-width: 768px) { |
|
| 3669 | + .PageLayout { |
|
| 3670 | + --Layout-pane-width: 256px; |
|
| 3671 | + } |
|
| 3672 | +} |
|
| 3673 | +@media (min-width: 768px) and (min-width: 1012px) { |
|
| 3674 | + .PageLayout { |
|
| 3675 | + --Layout-pane-width: 296px; |
|
| 3676 | + } |
|
| 3677 | +} |
|
| 3678 | +@media (min-width: 768px) and (min-width: 768px) { |
|
| 3679 | + .PageLayout.PageLayout--paneWidth-narrow { |
|
| 3680 | + --Layout-pane-width: 240px; |
|
| 3681 | + } |
|
| 3682 | +} |
|
| 3683 | +@media (min-width: 768px) and (min-width: 1012px) { |
|
| 3684 | + .PageLayout.PageLayout--paneWidth-narrow { |
|
| 3685 | + --Layout-pane-width: 256px; |
|
| 3686 | + } |
|
| 3687 | +} |
|
| 3688 | +@media (min-width: 768px) and (min-width: 1012px) { |
|
| 3689 | + .PageLayout.PageLayout--paneWidth-wide { |
|
| 3690 | + --Layout-pane-width: 320px; |
|
| 3691 | + } |
|
| 3692 | +} |
|
| 3693 | +@media (min-width: 768px) and (min-width: 1280px) { |
|
| 3694 | + .PageLayout.PageLayout--paneWidth-wide { |
|
| 3695 | + --Layout-pane-width: 336px; |
|
| 3696 | + } |
|
| 3697 | +} |
|
| 3698 | +@media (max-width: 767.98px) { |
|
| 3699 | + .PageLayout.PageLayout--responsive-stackRegions { |
|
| 3700 | + --Layout-template-columns: 1fr; |
|
| 3701 | + --Layout-template-areas: "content" "pane"; |
|
| 3702 | + } |
|
| 3703 | + .PageLayout.PageLayout--responsive-stackRegions.PageLayout--responsive-panePos-start { |
|
| 3704 | + --Layout-template-areas: "pane" "content"; |
|
| 3705 | + } |
|
| 3706 | + .PageLayout.PageLayout--responsive-separateRegions { |
|
| 3707 | + --Layout-template-columns: 1fr; |
|
| 3708 | + --Layout-template-areas: "content"; |
|
| 3709 | + } |
|
| 3710 | + .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content { |
|
| 3711 | + --Layout-template-areas: "content"; |
|
| 3712 | + } |
|
| 3713 | + .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-content |
|
| 3714 | + .PageLayout-pane { |
|
| 3715 | + display: none; |
|
| 3716 | + } |
|
| 3717 | + .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane { |
|
| 3718 | + --Layout-template-areas: "pane"; |
|
| 3719 | + } |
|
| 3720 | + .PageLayout.PageLayout--responsive-separateRegions.PageLayout--responsive-primary-pane |
|
| 3721 | + .PageLayout-content { |
|
| 3722 | + display: none; |
|
| 3723 | + } |
|
| 3724 | + .PageLayout .PageLayout-region--dividerNarrow-line-before { |
|
| 3725 | + position: relative; |
|
| 3726 | + margin-top: var(--Layout-row-gap); |
|
| 3727 | + } |
|
| 3728 | + .PageLayout .PageLayout-region--dividerNarrow-line-before::before { |
|
| 3729 | + position: absolute; |
|
| 3730 | + left: calc(var(--Layout-outer-spacing-x) * -1); |
|
| 3731 | + display: block; |
|
| 3732 | + width: calc(100% + var(--Layout-outer-spacing-x) * 2); |
|
| 3733 | + height: 1px; |
|
| 3734 | + content: ""; |
|
| 3735 | + background-color: var(--color-border-default); |
|
| 3736 | + top: calc(-1px - var(--Layout-row-gap)); |
|
| 3737 | + } |
|
| 3738 | + .PageLayout .PageLayout-region--dividerNarrow-line-after { |
|
| 3739 | + position: relative; |
|
| 3740 | + margin-bottom: var(--Layout-row-gap); |
|
| 3741 | + } |
|
| 3742 | + .PageLayout .PageLayout-region--dividerNarrow-line-after::after { |
|
| 3743 | + position: absolute; |
|
| 3744 | + left: calc(var(--Layout-outer-spacing-x) * -1); |
|
| 3745 | + display: block; |
|
| 3746 | + width: calc(100% + var(--Layout-outer-spacing-x) * 2); |
|
| 3747 | + height: 1px; |
|
| 3748 | + content: ""; |
|
| 3749 | + background-color: var(--color-border-default); |
|
| 3750 | + bottom: calc(-1px - var(--Layout-row-gap)); |
|
| 3751 | + } |
|
| 3752 | + .PageLayout .PageLayout-region--dividerNarrow-filled-before { |
|
| 3753 | + position: relative; |
|
| 3754 | + margin-top: calc(8px + var(--Layout-row-gap)); |
|
| 3755 | + } |
|
| 3756 | + .PageLayout .PageLayout-region--dividerNarrow-filled-before::after { |
|
| 3757 | + position: absolute; |
|
| 3758 | + bottom: calc(8px * -1); |
|
| 3759 | + left: calc(var(--Layout-outer-spacing-x) * -1); |
|
| 3760 | + display: block; |
|
| 3761 | + width: calc(100% + var(--Layout-outer-spacing-x) * 2); |
|
| 3762 | + height: 8px; |
|
| 3763 | + content: ""; |
|
| 3764 | + background-color: var(--color-canvas-inset); |
|
| 3765 | + box-shadow: inset 0 1px var(--color-border-default), |
|
| 3766 | + inset 0 -1px var(--color-border-default); |
|
| 3767 | + top: calc(-8px - var(--Layout-row-gap)); |
|
| 3768 | + } |
|
| 3769 | + .PageLayout .PageLayout-region--dividerNarrow-filled-after { |
|
| 3770 | + position: relative; |
|
| 3771 | + margin-bottom: calc(8px + var(--Layout-row-gap)); |
|
| 3772 | + } |
|
| 3773 | + .PageLayout .PageLayout-region--dividerNarrow-filled-after::before { |
|
| 3774 | + position: absolute; |
|
| 3775 | + bottom: calc(8px * -1); |
|
| 3776 | + left: calc(var(--Layout-outer-spacing-x) * -1); |
|
| 3777 | + display: block; |
|
| 3778 | + width: calc(100% + var(--Layout-outer-spacing-x) * 2); |
|
| 3779 | + height: 8px; |
|
| 3780 | + content: ""; |
|
| 3781 | + background-color: var(--color-canvas-inset); |
|
| 3782 | + box-shadow: inset 0 1px var(--color-border-default), |
|
| 3783 | + inset 0 -1px var(--color-border-default); |
|
| 3784 | + bottom: calc(-8px - var(--Layout-row-gap)); |
|
| 3785 | + } |
|
| 3786 | +} |
|
| 3787 | +.PageLayout-wrapper { |
|
| 3788 | + display: grid; |
|
| 3789 | + grid: auto-flow/1fr; |
|
| 3790 | + row-gap: var(--Layout-row-gap); |
|
| 3791 | +} |
|
| 3792 | +.PageLayout-columns { |
|
| 3793 | + display: grid; |
|
| 3794 | + column-gap: var(--Layout-column-gap); |
|
| 3795 | + row-gap: var(--Layout-row-gap); |
|
| 3796 | + grid-template-columns: var(--Layout-template-columns); |
|
| 3797 | + grid-template-rows: 1fr; |
|
| 3798 | + grid-template-areas: var(--Layout-template-areas); |
|
| 3799 | +} |
|
| 3800 | +.PageLayout-columns .PageLayout-content { |
|
| 3801 | + padding-right: var(--Layout-inner-spacing-max); |
|
| 3802 | + padding-left: var(--Layout-inner-spacing-max); |
|
| 3803 | + grid-area: content; |
|
| 3804 | +} |
|
| 3805 | +.PageLayout-columns .PageLayout-pane { |
|
| 3806 | + grid-area: pane; |
|
| 3807 | +} |
|
| 3808 | +.PageLayout--outerSpacing-normal { |
|
| 3809 | + --Layout-outer-spacing-x: 16px; |
|
| 3810 | + --Layout-outer-spacing-y: 16px; |
|
| 3811 | +} |
|
| 3812 | +@media (min-width: 1012px) { |
|
| 3813 | + .PageLayout--outerSpacing-normal { |
|
| 3814 | + --Layout-outer-spacing-x: 24px; |
|
| 3815 | + --Layout-outer-spacing-y: 24px; |
|
| 3816 | + } |
|
| 3817 | +} |
|
| 3818 | +.PageLayout--outerSpacing-condensed { |
|
| 3819 | + --Layout-outer-spacing-x: 16px; |
|
| 3820 | + --Layout-outer-spacing-y: 16px; |
|
| 3821 | +} |
|
| 3822 | +.PageLayout--innerSpacing-normal { |
|
| 3823 | + --Layout-inner-spacing-min: 16px; |
|
| 3824 | + --Layout-inner-spacing-max: 16px; |
|
| 3825 | +} |
|
| 3826 | +@media (min-width: 1012px) { |
|
| 3827 | + .PageLayout--innerSpacing-normal { |
|
| 3828 | + --Layout-inner-spacing-max: 24px; |
|
| 3829 | + } |
|
| 3830 | +} |
|
| 3831 | +.PageLayout--innerSpacing-condensed { |
|
| 3832 | + --Layout-inner-spacing-min: 16px; |
|
| 3833 | + --Layout-inner-spacing-max: 16px; |
|
| 3834 | +} |
|
| 3835 | +.PageLayout--columnGap-normal { |
|
| 3836 | + --Layout-column-gap: 16px; |
|
| 3837 | +} |
|
| 3838 | +@media (min-width: 1012px) { |
|
| 3839 | + .PageLayout--columnGap-normal { |
|
| 3840 | + --Layout-column-gap: 24px; |
|
| 3841 | + } |
|
| 3842 | +} |
|
| 3843 | +.PageLayout--columnGap-condensed { |
|
| 3844 | + --Layout-column-gap: 16px; |
|
| 3845 | +} |
|
| 3846 | +.PageLayout--columnGap-none { |
|
| 3847 | + --Layout-column-gap: 0px; |
|
| 3848 | +} |
|
| 3849 | +.PageLayout--rowGap-normal { |
|
| 3850 | + --Layout-row-gap: 16px; |
|
| 3851 | +} |
|
| 3852 | +@media (min-width: 1012px) { |
|
| 3853 | + .PageLayout--rowGap-normal { |
|
| 3854 | + --Layout-row-gap: 24px; |
|
| 3855 | + } |
|
| 3856 | +} |
|
| 3857 | +.PageLayout--rowGap-none { |
|
| 3858 | + --Layout-row-gap: 0px; |
|
| 3859 | +} |
|
| 3860 | +.PageLayout--rowGap-condensed { |
|
| 3861 | + --Layout-row-gap: 16px; |
|
| 3862 | +} |
|
| 3863 | +.PageLayout-header, |
|
| 3864 | +.PageLayout-content, |
|
| 3865 | +.PageLayout-pane, |
|
| 3866 | +.PageLayout-footer { |
|
| 3867 | + padding: var(--Layout-inner-spacing-min); |
|
| 3868 | +} |
|
| 3869 | +.Link { |
|
| 3870 | + color: var(--color-accent-fg); |
|
| 3871 | +} |
|
| 3872 | +.Link:hover { |
|
| 3873 | + text-decoration: underline; |
|
| 3874 | + cursor: pointer; |
|
| 3875 | +} |
|
| 3876 | +.Link:focus, |
|
| 3877 | +.Link:focus-visible { |
|
| 3878 | + outline-offset: 0; |
|
| 3879 | +} |
|
| 3880 | +.Link--primary { |
|
| 3881 | + color: var(--color-fg-default) !important; |
|
| 3882 | +} |
|
| 3883 | +.Link--primary:hover { |
|
| 3884 | + color: var(--color-accent-fg) !important; |
|
| 3885 | +} |
|
| 3886 | +.Link--secondary { |
|
| 3887 | + color: var(--color-fg-muted) !important; |
|
| 3888 | +} |
|
| 3889 | +.Link--secondary:hover { |
|
| 3890 | + color: var(--color-accent-fg) !important; |
|
| 3891 | +} |
|
| 3892 | +.Link--muted { |
|
| 3893 | + color: var(--color-fg-muted) !important; |
|
| 3894 | +} |
|
| 3895 | +.Link--muted:hover { |
|
| 3896 | + color: var(--color-accent-fg) !important; |
|
| 3897 | + text-decoration: none; |
|
| 3898 | +} |
|
| 3899 | +.Link--onHover:hover { |
|
| 3900 | + color: var(--color-accent-fg) !important; |
|
| 3901 | + text-decoration: underline; |
|
| 3902 | + cursor: pointer; |
|
| 3903 | +} |
|
| 3904 | +.Link--secondary:hover [class*="color-fg"], |
|
| 3905 | +.Link--primary:hover [class*="color-fg"], |
|
| 3906 | +.Link--muted:hover [class*="color-fg"] { |
|
| 3907 | + color: inherit !important; |
|
| 3908 | +} |
|
| 3909 | +.menu { |
|
| 3910 | + margin-bottom: 16px; |
|
| 3911 | + list-style: none; |
|
| 3912 | + background-color: var(--color-canvas-default); |
|
| 3913 | + border: 1px solid var(--color-border-default); |
|
| 3914 | + border-radius: 6px; |
|
| 3915 | +} |
|
| 3916 | +.menu-item { |
|
| 3917 | + position: relative; |
|
| 3918 | + display: block; |
|
| 3919 | + padding: 8px 16px; |
|
| 3920 | + color: var(--color-fg-default); |
|
| 3921 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 3922 | +} |
|
| 3923 | +.menu-item:first-child { |
|
| 3924 | + border-top: 0; |
|
| 3925 | + border-top-left-radius: 6px; |
|
| 3926 | + border-top-right-radius: 6px; |
|
| 3927 | +} |
|
| 3928 | +.menu-item:first-child::before { |
|
| 3929 | + border-top-left-radius: 6px; |
|
| 3930 | +} |
|
| 3931 | +.menu-item:last-child { |
|
| 3932 | + border-bottom: 0; |
|
| 3933 | + border-bottom-right-radius: 6px; |
|
| 3934 | + border-bottom-left-radius: 6px; |
|
| 3935 | +} |
|
| 3936 | +.menu-item:last-child::before { |
|
| 3937 | + border-bottom-left-radius: 6px; |
|
| 3938 | +} |
|
| 3939 | +.menu-item:hover { |
|
| 3940 | + text-decoration: none; |
|
| 3941 | + background-color: var(--color-neutral-subtle); |
|
| 3942 | +} |
|
| 3943 | +.menu-item:active { |
|
| 3944 | + background-color: var(--color-canvas-subtle); |
|
| 3945 | +} |
|
| 3946 | +.menu-item.selected, |
|
| 3947 | +.menu-item[aria-selected="true"], |
|
| 3948 | +.menu-item[aria-current]:not([aria-current="false"]) { |
|
| 3949 | + cursor: default; |
|
| 3950 | + background-color: var(--color-menu-bg-active); |
|
| 3951 | +} |
|
| 3952 | +.menu-item.selected::before, |
|
| 3953 | +.menu-item[aria-selected="true"]::before, |
|
| 3954 | +.menu-item[aria-current]:not([aria-current="false"])::before { |
|
| 3955 | + position: absolute; |
|
| 3956 | + top: 0; |
|
| 3957 | + bottom: 0; |
|
| 3958 | + left: 0; |
|
| 3959 | + width: 2px; |
|
| 3960 | + content: ""; |
|
| 3961 | + background-color: var(--color-primer-border-active); |
|
| 3962 | +} |
|
| 3963 | +.menu-item .octicon { |
|
| 3964 | + width: 16px; |
|
| 3965 | + margin-right: 8px; |
|
| 3966 | + color: var(--color-fg-muted); |
|
| 3967 | + text-align: center; |
|
| 3968 | +} |
|
| 3969 | +.menu-item .Counter { |
|
| 3970 | + float: right; |
|
| 3971 | + margin-left: 4px; |
|
| 3972 | +} |
|
| 3973 | +.menu-item .menu-warning { |
|
| 3974 | + float: right; |
|
| 3975 | + color: var(--color-attention-fg); |
|
| 3976 | +} |
|
| 3977 | +.menu-item .avatar { |
|
| 3978 | + float: left; |
|
| 3979 | + margin-right: 4px; |
|
| 3980 | +} |
|
| 3981 | +.menu-item.alert .Counter { |
|
| 3982 | + color: var(--color-danger-fg); |
|
| 3983 | +} |
|
| 3984 | +.menu-heading { |
|
| 3985 | + display: block; |
|
| 3986 | + padding: 8px 16px; |
|
| 3987 | + margin-top: 0; |
|
| 3988 | + margin-bottom: 0; |
|
| 3989 | + font-size: inherit; |
|
| 3990 | + font-weight: 600; |
|
| 3991 | + color: var(--color-fg-default); |
|
| 3992 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 3993 | +} |
|
| 3994 | +.menu-heading:hover { |
|
| 3995 | + text-decoration: none; |
|
| 3996 | +} |
|
| 3997 | +.menu-heading:first-child { |
|
| 3998 | + border-top-left-radius: 6px; |
|
| 3999 | + border-top-right-radius: 6px; |
|
| 4000 | +} |
|
| 4001 | +.menu-heading:last-child { |
|
| 4002 | + border-bottom: 0; |
|
| 4003 | + border-bottom-right-radius: 6px; |
|
| 4004 | + border-bottom-left-radius: 6px; |
|
| 4005 | +} |
|
| 4006 | +.tabnav { |
|
| 4007 | + margin-top: 0; |
|
| 4008 | + margin-bottom: 16px; |
|
| 4009 | + border-bottom: 1px solid var(--color-border-default); |
|
| 4010 | +} |
|
| 4011 | +.tabnav-tabs { |
|
| 4012 | + display: flex; |
|
| 4013 | + margin-bottom: -1px; |
|
| 4014 | + overflow: auto; |
|
| 4015 | +} |
|
| 4016 | +.tabnav-tab { |
|
| 4017 | + display: inline-block; |
|
| 4018 | + flex-shrink: 0; |
|
| 4019 | + padding: 8px 16px; |
|
| 4020 | + font-size: 14px; |
|
| 4021 | + line-height: 23px; |
|
| 4022 | + color: var(--color-fg-muted); |
|
| 4023 | + text-decoration: none; |
|
| 4024 | + background-color: transparent; |
|
| 4025 | + border: 1px solid transparent; |
|
| 4026 | + border-bottom: 0; |
|
| 4027 | + transition: color 0.2s cubic-bezier(0.3, 0, 0.5, 1); |
|
| 4028 | +} |
|
| 4029 | +.tabnav-tab.selected, |
|
| 4030 | +.tabnav-tab[aria-selected="true"], |
|
| 4031 | +.tabnav-tab[aria-current]:not([aria-current="false"]) { |
|
| 4032 | + color: var(--color-fg-default); |
|
| 4033 | + background-color: var(--color-canvas-default); |
|
| 4034 | + border-color: var(--color-border-default); |
|
| 4035 | + border-radius: 6px 6px 0 0; |
|
| 4036 | +} |
|
| 4037 | +.tabnav-tab.selected .octicon, |
|
| 4038 | +.tabnav-tab[aria-selected="true"] .octicon, |
|
| 4039 | +.tabnav-tab[aria-current]:not([aria-current="false"]) .octicon { |
|
| 4040 | + color: inherit; |
|
| 4041 | +} |
|
| 4042 | +.tabnav-tab:hover { |
|
| 4043 | + color: var(--color-fg-default); |
|
| 4044 | + text-decoration: none; |
|
| 4045 | + transition-duration: 0.1s; |
|
| 4046 | +} |
|
| 4047 | +.tabnav-tab:focus, |
|
| 4048 | +.tabnav-tab:focus-visible { |
|
| 4049 | + border-radius: 6px 6px 0 0 !important; |
|
| 4050 | + outline-offset: -6px; |
|
| 4051 | +} |
|
| 4052 | +.tabnav-tab:active { |
|
| 4053 | + color: var(--color-fg-muted); |
|
| 4054 | +} |
|
| 4055 | +.tabnav-tab .octicon { |
|
| 4056 | + margin-right: 4px; |
|
| 4057 | + color: var(--color-fg-muted); |
|
| 4058 | +} |
|
| 4059 | +.tabnav-tab .Counter { |
|
| 4060 | + margin-left: 4px; |
|
| 4061 | + color: inherit; |
|
| 4062 | +} |
|
| 4063 | +.tabnav-extra { |
|
| 4064 | + display: inline-block; |
|
| 4065 | + padding-top: 10px; |
|
| 4066 | + margin-left: 10px; |
|
| 4067 | + font-size: 12px; |
|
| 4068 | + color: var(--color-fg-muted); |
|
| 4069 | +} |
|
| 4070 | +.tabnav-extra > .octicon { |
|
| 4071 | + margin-right: 2px; |
|
| 4072 | +} |
|
| 4073 | +a.tabnav-extra:hover { |
|
| 4074 | + color: var(--color-accent-fg); |
|
| 4075 | + text-decoration: none; |
|
| 4076 | +} |
|
| 4077 | +.tabnav-btn { |
|
| 4078 | + margin-left: 8px; |
|
| 4079 | +} |
|
| 4080 | +.filter-list { |
|
| 4081 | + list-style-type: none; |
|
| 4082 | +} |
|
| 4083 | +.filter-list.small .filter-item { |
|
| 4084 | + padding: 6px 12px; |
|
| 4085 | + font-size: 12px; |
|
| 4086 | +} |
|
| 4087 | +.filter-list.pjax-active .filter-item { |
|
| 4088 | + color: var(--color-fg-muted); |
|
| 4089 | + background-color: transparent; |
|
| 4090 | +} |
|
| 4091 | +.filter-list.pjax-active .filter-item.pjax-active { |
|
| 4092 | + color: var(--color-fg-on-emphasis); |
|
| 4093 | + background-color: var(--color-accent-emphasis); |
|
| 4094 | +} |
|
| 4095 | +.filter-item { |
|
| 4096 | + position: relative; |
|
| 4097 | + display: block; |
|
| 4098 | + padding: 8px 16px; |
|
| 4099 | + margin-bottom: 4px; |
|
| 4100 | + overflow: hidden; |
|
| 4101 | + font-size: 14px; |
|
| 4102 | + color: var(--color-fg-muted); |
|
| 4103 | + text-decoration: none; |
|
| 4104 | + text-overflow: ellipsis; |
|
| 4105 | + white-space: nowrap; |
|
| 4106 | + cursor: pointer; |
|
| 4107 | + border-radius: 6px; |
|
| 4108 | +} |
|
| 4109 | +.filter-item:hover { |
|
| 4110 | + text-decoration: none; |
|
| 4111 | + background-color: var(--color-canvas-subtle); |
|
| 4112 | +} |
|
| 4113 | +.filter-item.selected, |
|
| 4114 | +.filter-item[aria-selected="true"], |
|
| 4115 | +.filter-item[aria-current]:not([aria-current="false"]) { |
|
| 4116 | + color: var(--color-fg-on-emphasis); |
|
| 4117 | + background-color: var(--color-accent-emphasis); |
|
| 4118 | +} |
|
| 4119 | +.filter-item.selected:focus, |
|
| 4120 | +.filter-item[aria-selected="true"]:focus, |
|
| 4121 | +.filter-item[aria-current]:not([aria-current="false"]):focus { |
|
| 4122 | + outline: 2px solid var(--color-accent-fg); |
|
| 4123 | + outline-offset: -2px; |
|
| 4124 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 4125 | +} |
|
| 4126 | +.filter-item.selected:focus:not(:focus-visible), |
|
| 4127 | +.filter-item[aria-selected="true"]:focus:not(:focus-visible), |
|
| 4128 | +.filter-item[aria-current]:not([aria-current="false"]):focus:not(:focus-visible) { |
|
| 4129 | + outline: solid 1px transparent; |
|
| 4130 | + box-shadow: none; |
|
| 4131 | +} |
|
| 4132 | +.filter-item.selected:focus-visible, |
|
| 4133 | +.filter-item[aria-selected="true"]:focus-visible, |
|
| 4134 | +.filter-item[aria-current]:not([aria-current="false"]):focus-visible { |
|
| 4135 | + outline: 2px solid var(--color-accent-fg); |
|
| 4136 | + outline-offset: -2px; |
|
| 4137 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 4138 | +} |
|
| 4139 | +.filter-item .count { |
|
| 4140 | + float: right; |
|
| 4141 | + font-weight: 600; |
|
| 4142 | +} |
|
| 4143 | +.filter-item .bar { |
|
| 4144 | + position: absolute; |
|
| 4145 | + top: 2px; |
|
| 4146 | + right: 0; |
|
| 4147 | + bottom: 2px; |
|
| 4148 | + z-index: -1; |
|
| 4149 | + display: inline-block; |
|
| 4150 | + background-color: var(--color-neutral-subtle); |
|
| 4151 | +} |
|
| 4152 | +.SideNav { |
|
| 4153 | + background-color: var(--color-canvas-subtle); |
|
| 4154 | +} |
|
| 4155 | +.SideNav-item { |
|
| 4156 | + position: relative; |
|
| 4157 | + display: block; |
|
| 4158 | + width: 100%; |
|
| 4159 | + padding: 12px 16px; |
|
| 4160 | + color: var(--color-fg-default); |
|
| 4161 | + text-align: left; |
|
| 4162 | + background-color: transparent; |
|
| 4163 | + border: 0; |
|
| 4164 | + border-top: 1px solid var(--color-border-muted); |
|
| 4165 | +} |
|
| 4166 | +.SideNav-item:first-child { |
|
| 4167 | + border-top: 0; |
|
| 4168 | +} |
|
| 4169 | +.SideNav-item:last-child { |
|
| 4170 | + box-shadow: 0 1px 0 var(--color-border-default); |
|
| 4171 | +} |
|
| 4172 | +.SideNav-item::before { |
|
| 4173 | + position: absolute; |
|
| 4174 | + top: 0; |
|
| 4175 | + bottom: 0; |
|
| 4176 | + left: 0; |
|
| 4177 | + z-index: 1; |
|
| 4178 | + width: 2px; |
|
| 4179 | + pointer-events: none; |
|
| 4180 | + content: ""; |
|
| 4181 | +} |
|
| 4182 | +.SideNav-item:hover { |
|
| 4183 | + text-decoration: none; |
|
| 4184 | + background-color: var(--color-neutral-subtle); |
|
| 4185 | +} |
|
| 4186 | +.SideNav-item:active { |
|
| 4187 | + background-color: var(--color-canvas-subtle); |
|
| 4188 | +} |
|
| 4189 | +.SideNav-item[aria-current]:not([aria-current="false"]), |
|
| 4190 | +.SideNav-item[aria-selected="true"] { |
|
| 4191 | + background-color: var(--color-sidenav-selected-bg); |
|
| 4192 | +} |
|
| 4193 | +.SideNav-item[aria-current]:not([aria-current="false"])::before, |
|
| 4194 | +.SideNav-item[aria-selected="true"]::before { |
|
| 4195 | + background-color: var(--color-primer-border-active); |
|
| 4196 | +} |
|
| 4197 | +.SideNav-icon { |
|
| 4198 | + width: 16px; |
|
| 4199 | + margin-right: 8px; |
|
| 4200 | + color: var(--color-fg-muted); |
|
| 4201 | +} |
|
| 4202 | +.SideNav-subItem { |
|
| 4203 | + position: relative; |
|
| 4204 | + display: block; |
|
| 4205 | + width: 100%; |
|
| 4206 | + padding: 4px 0; |
|
| 4207 | + color: var(--color-accent-fg); |
|
| 4208 | + text-align: left; |
|
| 4209 | + background-color: transparent; |
|
| 4210 | + border: 0; |
|
| 4211 | +} |
|
| 4212 | +.SideNav-subItem:hover { |
|
| 4213 | + color: var(--color-fg-default); |
|
| 4214 | + text-decoration: none; |
|
| 4215 | +} |
|
| 4216 | +.SideNav-subItem[aria-current]:not([aria-current="false"]), |
|
| 4217 | +.SideNav-subItem[aria-selected="true"] { |
|
| 4218 | + font-weight: 500; |
|
| 4219 | + color: var(--color-fg-default); |
|
| 4220 | +} |
|
| 4221 | +.subnav { |
|
| 4222 | + margin-bottom: 20px; |
|
| 4223 | +} |
|
| 4224 | +.subnav::before { |
|
| 4225 | + display: table; |
|
| 4226 | + content: ""; |
|
| 4227 | +} |
|
| 4228 | +.subnav::after { |
|
| 4229 | + display: table; |
|
| 4230 | + clear: both; |
|
| 4231 | + content: ""; |
|
| 4232 | +} |
|
| 4233 | +.subnav-bordered { |
|
| 4234 | + padding-bottom: 20px; |
|
| 4235 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 4236 | +} |
|
| 4237 | +.subnav-flush { |
|
| 4238 | + margin-bottom: 0; |
|
| 4239 | +} |
|
| 4240 | +.subnav-item { |
|
| 4241 | + position: relative; |
|
| 4242 | + float: left; |
|
| 4243 | + padding: 5px 16px; |
|
| 4244 | + font-weight: 500; |
|
| 4245 | + line-height: 20px; |
|
| 4246 | + color: var(--color-fg-default); |
|
| 4247 | + border: 1px solid var(--color-border-default); |
|
| 4248 | +} |
|
| 4249 | +.subnav-item + .subnav-item { |
|
| 4250 | + margin-left: -1px; |
|
| 4251 | +} |
|
| 4252 | +.subnav-item:hover, |
|
| 4253 | +.subnav-item:focus { |
|
| 4254 | + text-decoration: none; |
|
| 4255 | + background-color: var(--color-canvas-subtle); |
|
| 4256 | +} |
|
| 4257 | +.subnav-item.selected, |
|
| 4258 | +.subnav-item[aria-selected="true"], |
|
| 4259 | +.subnav-item[aria-current]:not([aria-current="false"]) { |
|
| 4260 | + z-index: 2; |
|
| 4261 | + color: var(--color-fg-on-emphasis); |
|
| 4262 | + background-color: var(--color-accent-emphasis); |
|
| 4263 | + border-color: var(--color-accent-emphasis); |
|
| 4264 | +} |
|
| 4265 | +.subnav-item.selected:focus, |
|
| 4266 | +.subnav-item[aria-selected="true"]:focus, |
|
| 4267 | +.subnav-item[aria-current]:not([aria-current="false"]):focus { |
|
| 4268 | + outline: 2px solid var(--color-accent-fg); |
|
| 4269 | + outline-offset: -2px; |
|
| 4270 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 4271 | +} |
|
| 4272 | +.subnav-item.selected:focus:not(:focus-visible), |
|
| 4273 | +.subnav-item[aria-selected="true"]:focus:not(:focus-visible), |
|
| 4274 | +.subnav-item[aria-current]:not([aria-current="false"]):focus:not(:focus-visible) { |
|
| 4275 | + outline: solid 1px transparent; |
|
| 4276 | + box-shadow: none; |
|
| 4277 | +} |
|
| 4278 | +.subnav-item.selected:focus-visible, |
|
| 4279 | +.subnav-item[aria-selected="true"]:focus-visible, |
|
| 4280 | +.subnav-item[aria-current]:not([aria-current="false"]):focus-visible { |
|
| 4281 | + outline: 2px solid var(--color-accent-fg); |
|
| 4282 | + outline-offset: -2px; |
|
| 4283 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 4284 | +} |
|
| 4285 | +.subnav-item:first-child { |
|
| 4286 | + border-top-left-radius: 6px; |
|
| 4287 | + border-bottom-left-radius: 6px; |
|
| 4288 | +} |
|
| 4289 | +.subnav-item:last-child { |
|
| 4290 | + border-top-right-radius: 6px; |
|
| 4291 | + border-bottom-right-radius: 6px; |
|
| 4292 | +} |
|
| 4293 | +.subnav-search { |
|
| 4294 | + position: relative; |
|
| 4295 | + margin-left: 12px; |
|
| 4296 | +} |
|
| 4297 | +.subnav-search-input { |
|
| 4298 | + width: 320px; |
|
| 4299 | + padding-left: 32px; |
|
| 4300 | + color: var(--color-fg-muted); |
|
| 4301 | +} |
|
| 4302 | +.subnav-search-input-wide { |
|
| 4303 | + width: 500px; |
|
| 4304 | +} |
|
| 4305 | +.subnav-search-icon { |
|
| 4306 | + position: absolute; |
|
| 4307 | + top: 9px; |
|
| 4308 | + left: 8px; |
|
| 4309 | + display: block; |
|
| 4310 | + color: var(--color-fg-muted); |
|
| 4311 | + text-align: center; |
|
| 4312 | + pointer-events: none; |
|
| 4313 | +} |
|
| 4314 | +.subnav-search-context .btn { |
|
| 4315 | + border-top-right-radius: 0; |
|
| 4316 | + border-bottom-right-radius: 0; |
|
| 4317 | +} |
|
| 4318 | +.subnav-search-context .btn:hover, |
|
| 4319 | +.subnav-search-context .btn:focus, |
|
| 4320 | +.subnav-search-context .btn:active, |
|
| 4321 | +.subnav-search-context .btn.selected { |
|
| 4322 | + z-index: 2; |
|
| 4323 | +} |
|
| 4324 | +.subnav-search-context + .subnav-search { |
|
| 4325 | + margin-left: -1px; |
|
| 4326 | +} |
|
| 4327 | +.subnav-search-context + .subnav-search .subnav-search-input { |
|
| 4328 | + border-top-left-radius: 0; |
|
| 4329 | + border-bottom-left-radius: 0; |
|
| 4330 | +} |
|
| 4331 | +.subnav-search-context .select-menu-modal-holder { |
|
| 4332 | + z-index: 30; |
|
| 4333 | +} |
|
| 4334 | +.subnav-search-context .select-menu-modal { |
|
| 4335 | + width: 220px; |
|
| 4336 | +} |
|
| 4337 | +.subnav-search-context .select-menu-item-icon { |
|
| 4338 | + color: inherit; |
|
| 4339 | +} |
|
| 4340 | +.subnav-spacer-right { |
|
| 4341 | + padding-right: 12px; |
|
| 4342 | +} |
|
| 4343 | +.UnderlineNav { |
|
| 4344 | + display: flex; |
|
| 4345 | + min-height: 48px; |
|
| 4346 | + overflow-x: auto; |
|
| 4347 | + overflow-y: hidden; |
|
| 4348 | + box-shadow: inset 0 -1px 0 var(--color-border-muted); |
|
| 4349 | + -webkit-overflow-scrolling: auto; |
|
| 4350 | + justify-content: space-between; |
|
| 4351 | +} |
|
| 4352 | +.UnderlineNav .Counter { |
|
| 4353 | + margin-left: 8px; |
|
| 4354 | + color: var(--color-fg-default); |
|
| 4355 | + background-color: var(--color-neutral-muted); |
|
| 4356 | +} |
|
| 4357 | +.UnderlineNav .Counter--primary { |
|
| 4358 | + color: var(--color-fg-on-emphasis); |
|
| 4359 | + background-color: var(--color-neutral-emphasis); |
|
| 4360 | +} |
|
| 4361 | +.UnderlineNav-body { |
|
| 4362 | + display: flex; |
|
| 4363 | + align-items: center; |
|
| 4364 | + gap: 8px; |
|
| 4365 | + list-style: none; |
|
| 4366 | +} |
|
| 4367 | +.UnderlineNav-item { |
|
| 4368 | + position: relative; |
|
| 4369 | + display: flex; |
|
| 4370 | + padding: 0 8px; |
|
| 4371 | + font-size: 14px; |
|
| 4372 | + line-height: 30px; |
|
| 4373 | + color: var(--color-fg-default); |
|
| 4374 | + text-align: center; |
|
| 4375 | + white-space: nowrap; |
|
| 4376 | + cursor: pointer; |
|
| 4377 | + background-color: transparent; |
|
| 4378 | + border: 0; |
|
| 4379 | + border-radius: 6px; |
|
| 4380 | + align-items: center; |
|
| 4381 | +} |
|
| 4382 | +.UnderlineNav-item:hover, |
|
| 4383 | +.UnderlineNav-item:focus, |
|
| 4384 | +.UnderlineNav-item:focus-visible { |
|
| 4385 | + color: var(--color-fg-default); |
|
| 4386 | + text-decoration: none; |
|
| 4387 | + border-bottom-color: var(--color-neutral-muted); |
|
| 4388 | + outline-offset: -2px; |
|
| 4389 | + transition: border-bottom-color 0.12s ease-out; |
|
| 4390 | +} |
|
| 4391 | +.UnderlineNav-item [data-content]::before { |
|
| 4392 | + display: block; |
|
| 4393 | + height: 0; |
|
| 4394 | + font-weight: 600; |
|
| 4395 | + visibility: hidden; |
|
| 4396 | + content: attr(data-content); |
|
| 4397 | +} |
|
| 4398 | +.UnderlineNav-item::before { |
|
| 4399 | + position: absolute; |
|
| 4400 | + top: 50%; |
|
| 4401 | + left: 50%; |
|
| 4402 | + width: 100%; |
|
| 4403 | + height: 100%; |
|
| 4404 | + min-height: 48px; |
|
| 4405 | + content: ""; |
|
| 4406 | + transform: translateX(-50%) translateY(-50%); |
|
| 4407 | +} |
|
| 4408 | +@media (pointer: fine) { |
|
| 4409 | + .UnderlineNav-item:hover { |
|
| 4410 | + color: var(--color-fg-default); |
|
| 4411 | + text-decoration: none; |
|
| 4412 | + background: var(--color-action-list-item-default-hover-bg); |
|
| 4413 | + transition: background 0.12s ease-out; |
|
| 4414 | + } |
|
| 4415 | +} |
|
| 4416 | +.UnderlineNav-item.selected, |
|
| 4417 | +.UnderlineNav-item[role="tab"][aria-selected="true"], |
|
| 4418 | +.UnderlineNav-item[aria-current]:not([aria-current="false"]) { |
|
| 4419 | + font-weight: 600; |
|
| 4420 | + color: var(--color-fg-default); |
|
| 4421 | + border-bottom-color: var(--color-primer-border-active); |
|
| 4422 | + outline-offset: -8px; |
|
| 4423 | +} |
|
| 4424 | +.UnderlineNav-item.selected::after, |
|
| 4425 | +.UnderlineNav-item[role="tab"][aria-selected="true"]::after, |
|
| 4426 | +.UnderlineNav-item[aria-current]:not([aria-current="false"])::after { |
|
| 4427 | + position: absolute; |
|
| 4428 | + right: 50%; |
|
| 4429 | + bottom: calc(50% - 25px); |
|
| 4430 | + width: 100%; |
|
| 4431 | + height: 2px; |
|
| 4432 | + content: ""; |
|
| 4433 | + background: var(--color-primer-border-active); |
|
| 4434 | + border-radius: 6px; |
|
| 4435 | + transform: translate(50%, -50%); |
|
| 4436 | +} |
|
| 4437 | +.UnderlineNav--right { |
|
| 4438 | + justify-content: flex-end; |
|
| 4439 | +} |
|
| 4440 | +.UnderlineNav--right .UnderlineNav-actions { |
|
| 4441 | + flex: 1 1 auto; |
|
| 4442 | +} |
|
| 4443 | +.UnderlineNav-actions { |
|
| 4444 | + align-self: center; |
|
| 4445 | +} |
|
| 4446 | +.UnderlineNav--full { |
|
| 4447 | + display: block; |
|
| 4448 | +} |
|
| 4449 | +.UnderlineNav--full .UnderlineNav-body { |
|
| 4450 | + min-height: 48px; |
|
| 4451 | +} |
|
| 4452 | +.UnderlineNav-octicon { |
|
| 4453 | + display: inline !important; |
|
| 4454 | + margin-right: 8px; |
|
| 4455 | + color: var(--color-fg-muted); |
|
| 4456 | + fill: var(--color-fg-muted); |
|
| 4457 | +} |
|
| 4458 | +.UnderlineNav-container { |
|
| 4459 | + display: flex; |
|
| 4460 | + justify-content: space-between; |
|
| 4461 | +} |
|
| 4462 | +.pagination a, |
|
| 4463 | +.pagination span, |
|
| 4464 | +.pagination em { |
|
| 4465 | + min-width: 32px; |
|
| 4466 | + padding: 5px 10px; |
|
| 4467 | + font-style: normal; |
|
| 4468 | + line-height: 20px; |
|
| 4469 | + color: var(--color-fg-default); |
|
| 4470 | + text-align: center; |
|
| 4471 | + white-space: nowrap; |
|
| 4472 | + vertical-align: middle; |
|
| 4473 | + cursor: pointer; |
|
| 4474 | + -webkit-user-select: none; |
|
| 4475 | + user-select: none; |
|
| 4476 | + border: 1px solid transparent; |
|
| 4477 | + border-radius: 6px; |
|
| 4478 | + transition: border-color 0.2s cubic-bezier(0.3, 0, 0.5, 1); |
|
| 4479 | +} |
|
| 4480 | +.pagination a:hover, |
|
| 4481 | +.pagination a:focus, |
|
| 4482 | +.pagination span:hover, |
|
| 4483 | +.pagination span:focus, |
|
| 4484 | +.pagination em:hover, |
|
| 4485 | +.pagination em:focus { |
|
| 4486 | + text-decoration: none; |
|
| 4487 | + border-color: var(--color-border-default); |
|
| 4488 | + transition-duration: 0.1s; |
|
| 4489 | +} |
|
| 4490 | +.pagination a:active, |
|
| 4491 | +.pagination span:active, |
|
| 4492 | +.pagination em:active { |
|
| 4493 | + border-color: var(--color-border-muted); |
|
| 4494 | + transition: none; |
|
| 4495 | +} |
|
| 4496 | +.pagination .previous_page, |
|
| 4497 | +.pagination .next_page { |
|
| 4498 | + color: var(--color-accent-fg); |
|
| 4499 | +} |
|
| 4500 | +.pagination .current, |
|
| 4501 | +.pagination .current:hover, |
|
| 4502 | +.pagination [aria-current]:not([aria-current="false"]) { |
|
| 4503 | + color: var(--color-fg-on-emphasis); |
|
| 4504 | + background-color: var(--color-accent-emphasis); |
|
| 4505 | + border-color: transparent; |
|
| 4506 | +} |
|
| 4507 | +.pagination .gap, |
|
| 4508 | +.pagination .disabled, |
|
| 4509 | +.pagination [aria-disabled="true"], |
|
| 4510 | +.pagination .gap:hover, |
|
| 4511 | +.pagination .disabled:hover, |
|
| 4512 | +.pagination [aria-disabled="true"]:hover { |
|
| 4513 | + color: var(--color-primer-fg-disabled); |
|
| 4514 | + cursor: default; |
|
| 4515 | + border-color: transparent; |
|
| 4516 | +} |
|
| 4517 | +@supports ( |
|
| 4518 | + (-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%)) or |
|
| 4519 | + (clip-path: polygon(50% 0, 100% 50%, 50% 100%)) |
|
| 4520 | +) { |
|
| 4521 | + .pagination .previous_page::before, |
|
| 4522 | + .pagination .next_page::after { |
|
| 4523 | + display: inline-block; |
|
| 4524 | + width: 16px; |
|
| 4525 | + height: 16px; |
|
| 4526 | + vertical-align: text-bottom; |
|
| 4527 | + content: ""; |
|
| 4528 | + background-color: currentColor; |
|
| 4529 | + } |
|
| 4530 | + .pagination .previous_page::before { |
|
| 4531 | + margin-right: 4px; |
|
| 4532 | + -webkit-clip-path: polygon( |
|
| 4533 | + 9.8px 12.8px, |
|
| 4534 | + 8.7px 12.8px, |
|
| 4535 | + 4.5px 8.5px, |
|
| 4536 | + 4.5px 7.5px, |
|
| 4537 | + 8.7px 3.2px, |
|
| 4538 | + 9.8px 4.3px, |
|
| 4539 | + 6.1px 8px, |
|
| 4540 | + 9.8px 11.7px, |
|
| 4541 | + 9.8px 12.8px |
|
| 4542 | + ); |
|
| 4543 | + clip-path: polygon( |
|
| 4544 | + 9.8px 12.8px, |
|
| 4545 | + 8.7px 12.8px, |
|
| 4546 | + 4.5px 8.5px, |
|
| 4547 | + 4.5px 7.5px, |
|
| 4548 | + 8.7px 3.2px, |
|
| 4549 | + 9.8px 4.3px, |
|
| 4550 | + 6.1px 8px, |
|
| 4551 | + 9.8px 11.7px, |
|
| 4552 | + 9.8px 12.8px |
|
| 4553 | + ); |
|
| 4554 | + } |
|
| 4555 | + .pagination .next_page::after { |
|
| 4556 | + margin-left: 4px; |
|
| 4557 | + -webkit-clip-path: polygon( |
|
| 4558 | + 6.2px 3.2px, |
|
| 4559 | + 7.3px 3.2px, |
|
| 4560 | + 11.5px 7.5px, |
|
| 4561 | + 11.5px 8.5px, |
|
| 4562 | + 7.3px 12.8px, |
|
| 4563 | + 6.2px 11.7px, |
|
| 4564 | + 9.9px 8px, |
|
| 4565 | + 6.2px 4.3px, |
|
| 4566 | + 6.2px 3.2px |
|
| 4567 | + ); |
|
| 4568 | + clip-path: polygon( |
|
| 4569 | + 6.2px 3.2px, |
|
| 4570 | + 7.3px 3.2px, |
|
| 4571 | + 11.5px 7.5px, |
|
| 4572 | + 11.5px 8.5px, |
|
| 4573 | + 7.3px 12.8px, |
|
| 4574 | + 6.2px 11.7px, |
|
| 4575 | + 9.9px 8px, |
|
| 4576 | + 6.2px 4.3px, |
|
| 4577 | + 6.2px 3.2px |
|
| 4578 | + ); |
|
| 4579 | + } |
|
| 4580 | +} |
|
| 4581 | +.pagination > * { |
|
| 4582 | + display: none; |
|
| 4583 | +} |
|
| 4584 | +.pagination > :first-child, |
|
| 4585 | +.pagination > :last-child, |
|
| 4586 | +.pagination > .previous_page, |
|
| 4587 | +.pagination > .next_page { |
|
| 4588 | + display: inline-block; |
|
| 4589 | +} |
|
| 4590 | +@media (min-width: 544px) { |
|
| 4591 | + .pagination > :nth-child(2), |
|
| 4592 | + .pagination > :nth-last-child(2), |
|
| 4593 | + .pagination > .current, |
|
| 4594 | + .pagination > .gap { |
|
| 4595 | + display: inline-block; |
|
| 4596 | + } |
|
| 4597 | +} |
|
| 4598 | +@media (min-width: 768px) { |
|
| 4599 | + .pagination > * { |
|
| 4600 | + display: inline-block; |
|
| 4601 | + } |
|
| 4602 | +} |
|
| 4603 | +.paginate-container { |
|
| 4604 | + margin-top: 16px; |
|
| 4605 | + margin-bottom: 16px; |
|
| 4606 | + text-align: center; |
|
| 4607 | +} |
|
| 4608 | +.paginate-container .pagination { |
|
| 4609 | + display: inline-block; |
|
| 4610 | +} |
|
| 4611 | +.tooltipped { |
|
| 4612 | + position: relative; |
|
| 4613 | +} |
|
| 4614 | +.tooltipped::after { |
|
| 4615 | + position: absolute; |
|
| 4616 | + z-index: 1000000; |
|
| 4617 | + display: none; |
|
| 4618 | + padding: 0.5em 0.75em; |
|
| 4619 | + font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", |
|
| 4620 | + Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; |
|
| 4621 | + -webkit-font-smoothing: subpixel-antialiased; |
|
| 4622 | + color: var(--color-fg-on-emphasis); |
|
| 4623 | + text-align: center; |
|
| 4624 | + text-decoration: none; |
|
| 4625 | + text-shadow: none; |
|
| 4626 | + text-transform: none; |
|
| 4627 | + letter-spacing: normal; |
|
| 4628 | + word-wrap: break-word; |
|
| 4629 | + white-space: pre; |
|
| 4630 | + pointer-events: none; |
|
| 4631 | + content: attr(aria-label); |
|
| 4632 | + background: var(--color-neutral-emphasis-plus); |
|
| 4633 | + border-radius: 6px; |
|
| 4634 | + opacity: 0; |
|
| 4635 | +} |
|
| 4636 | +.tooltipped::before { |
|
| 4637 | + position: absolute; |
|
| 4638 | + z-index: 1000001; |
|
| 4639 | + display: none; |
|
| 4640 | + width: 0; |
|
| 4641 | + height: 0; |
|
| 4642 | + color: var(--color-neutral-emphasis-plus); |
|
| 4643 | + pointer-events: none; |
|
| 4644 | + content: ""; |
|
| 4645 | + border: 6px solid transparent; |
|
| 4646 | + opacity: 0; |
|
| 4647 | +} |
|
| 4648 | +@keyframes tooltip-appear { |
|
| 4649 | + from { |
|
| 4650 | + opacity: 0; |
|
| 4651 | + } |
|
| 4652 | + to { |
|
| 4653 | + opacity: 1; |
|
| 4654 | + } |
|
| 4655 | +} |
|
| 4656 | +.tooltipped:hover::before, |
|
| 4657 | +.tooltipped:hover::after, |
|
| 4658 | +.tooltipped:active::before, |
|
| 4659 | +.tooltipped:active::after, |
|
| 4660 | +.tooltipped:focus::before, |
|
| 4661 | +.tooltipped:focus::after { |
|
| 4662 | + display: inline-block; |
|
| 4663 | + text-decoration: none; |
|
| 4664 | + animation-name: tooltip-appear; |
|
| 4665 | + animation-duration: 0.1s; |
|
| 4666 | + animation-fill-mode: forwards; |
|
| 4667 | + animation-timing-function: ease-in; |
|
| 4668 | + animation-delay: 0.4s; |
|
| 4669 | +} |
|
| 4670 | +.tooltipped-no-delay:hover::before, |
|
| 4671 | +.tooltipped-no-delay:hover::after, |
|
| 4672 | +.tooltipped-no-delay:active::before, |
|
| 4673 | +.tooltipped-no-delay:active::after, |
|
| 4674 | +.tooltipped-no-delay:focus::before, |
|
| 4675 | +.tooltipped-no-delay:focus::after { |
|
| 4676 | + animation-delay: 0s; |
|
| 4677 | +} |
|
| 4678 | +.tooltipped-multiline:hover::after, |
|
| 4679 | +.tooltipped-multiline:active::after, |
|
| 4680 | +.tooltipped-multiline:focus::after { |
|
| 4681 | + display: table-cell; |
|
| 4682 | +} |
|
| 4683 | +.tooltipped-s::after, |
|
| 4684 | +.tooltipped-se::after, |
|
| 4685 | +.tooltipped-sw::after { |
|
| 4686 | + top: 100%; |
|
| 4687 | + right: 50%; |
|
| 4688 | + margin-top: 6px; |
|
| 4689 | +} |
|
| 4690 | +.tooltipped-s::before, |
|
| 4691 | +.tooltipped-se::before, |
|
| 4692 | +.tooltipped-sw::before { |
|
| 4693 | + top: auto; |
|
| 4694 | + right: 50%; |
|
| 4695 | + bottom: -7px; |
|
| 4696 | + margin-right: -6px; |
|
| 4697 | + border-bottom-color: var(--color-neutral-emphasis-plus); |
|
| 4698 | +} |
|
| 4699 | +.tooltipped-se::after { |
|
| 4700 | + right: auto; |
|
| 4701 | + left: 50%; |
|
| 4702 | + margin-left: -16px; |
|
| 4703 | +} |
|
| 4704 | +.tooltipped-sw::after { |
|
| 4705 | + margin-right: -16px; |
|
| 4706 | +} |
|
| 4707 | +.tooltipped-n::after, |
|
| 4708 | +.tooltipped-ne::after, |
|
| 4709 | +.tooltipped-nw::after { |
|
| 4710 | + right: 50%; |
|
| 4711 | + bottom: 100%; |
|
| 4712 | + margin-bottom: 6px; |
|
| 4713 | +} |
|
| 4714 | +.tooltipped-n::before, |
|
| 4715 | +.tooltipped-ne::before, |
|
| 4716 | +.tooltipped-nw::before { |
|
| 4717 | + top: -7px; |
|
| 4718 | + right: 50%; |
|
| 4719 | + bottom: auto; |
|
| 4720 | + margin-right: -6px; |
|
| 4721 | + border-top-color: var(--color-neutral-emphasis-plus); |
|
| 4722 | +} |
|
| 4723 | +.tooltipped-ne::after { |
|
| 4724 | + right: auto; |
|
| 4725 | + left: 50%; |
|
| 4726 | + margin-left: -16px; |
|
| 4727 | +} |
|
| 4728 | +.tooltipped-nw::after { |
|
| 4729 | + margin-right: -16px; |
|
| 4730 | +} |
|
| 4731 | +.tooltipped-s::after, |
|
| 4732 | +.tooltipped-n::after { |
|
| 4733 | + transform: translateX(50%); |
|
| 4734 | +} |
|
| 4735 | +.tooltipped-w::after { |
|
| 4736 | + right: 100%; |
|
| 4737 | + bottom: 50%; |
|
| 4738 | + margin-right: 6px; |
|
| 4739 | + transform: translateY(50%); |
|
| 4740 | +} |
|
| 4741 | +.tooltipped-w::before { |
|
| 4742 | + top: 50%; |
|
| 4743 | + bottom: 50%; |
|
| 4744 | + left: -7px; |
|
| 4745 | + margin-top: -6px; |
|
| 4746 | + border-left-color: var(--color-neutral-emphasis-plus); |
|
| 4747 | +} |
|
| 4748 | +.tooltipped-e::after { |
|
| 4749 | + bottom: 50%; |
|
| 4750 | + left: 100%; |
|
| 4751 | + margin-left: 6px; |
|
| 4752 | + transform: translateY(50%); |
|
| 4753 | +} |
|
| 4754 | +.tooltipped-e::before { |
|
| 4755 | + top: 50%; |
|
| 4756 | + right: -7px; |
|
| 4757 | + bottom: 50%; |
|
| 4758 | + margin-top: -6px; |
|
| 4759 | + border-right-color: var(--color-neutral-emphasis-plus); |
|
| 4760 | +} |
|
| 4761 | +.tooltipped-align-right-1::after, |
|
| 4762 | +.tooltipped-align-right-2::after { |
|
| 4763 | + right: 0; |
|
| 4764 | + margin-right: 0; |
|
| 4765 | +} |
|
| 4766 | +.tooltipped-align-right-1::before { |
|
| 4767 | + right: 10px; |
|
| 4768 | +} |
|
| 4769 | +.tooltipped-align-right-2::before { |
|
| 4770 | + right: 15px; |
|
| 4771 | +} |
|
| 4772 | +.tooltipped-align-left-1::after, |
|
| 4773 | +.tooltipped-align-left-2::after { |
|
| 4774 | + left: 0; |
|
| 4775 | + margin-left: 0; |
|
| 4776 | +} |
|
| 4777 | +.tooltipped-align-left-1::before { |
|
| 4778 | + left: 5px; |
|
| 4779 | +} |
|
| 4780 | +.tooltipped-align-left-2::before { |
|
| 4781 | + left: 10px; |
|
| 4782 | +} |
|
| 4783 | +.tooltipped-multiline::after { |
|
| 4784 | + width: max-content; |
|
| 4785 | + max-width: 250px; |
|
| 4786 | + word-wrap: break-word; |
|
| 4787 | + white-space: pre-line; |
|
| 4788 | + border-collapse: separate; |
|
| 4789 | +} |
|
| 4790 | +.tooltipped-multiline.tooltipped-s::after, |
|
| 4791 | +.tooltipped-multiline.tooltipped-n::after { |
|
| 4792 | + right: auto; |
|
| 4793 | + left: 50%; |
|
| 4794 | + transform: translateX(-50%); |
|
| 4795 | +} |
|
| 4796 | +.tooltipped-multiline.tooltipped-w::after, |
|
| 4797 | +.tooltipped-multiline.tooltipped-e::after { |
|
| 4798 | + right: 100%; |
|
| 4799 | +} |
|
| 4800 | +.tooltipped-sticky::before, |
|
| 4801 | +.tooltipped-sticky::after { |
|
| 4802 | + display: inline-block; |
|
| 4803 | +} |
|
| 4804 | +.tooltipped-sticky.tooltipped-multiline::after { |
|
| 4805 | + display: table-cell; |
|
| 4806 | +} |
|
| 4807 | +.css-truncate.css-truncate-overflow, |
|
| 4808 | +.css-truncate .css-truncate-overflow, |
|
| 4809 | +.css-truncate.css-truncate-target, |
|
| 4810 | +.css-truncate .css-truncate-target { |
|
| 4811 | + overflow: hidden; |
|
| 4812 | + text-overflow: ellipsis; |
|
| 4813 | + white-space: nowrap; |
|
| 4814 | +} |
|
| 4815 | +.css-truncate.css-truncate-target, |
|
| 4816 | +.css-truncate .css-truncate-target { |
|
| 4817 | + display: inline-block; |
|
| 4818 | + max-width: 125px; |
|
| 4819 | + vertical-align: top; |
|
| 4820 | +} |
|
| 4821 | +.css-truncate.expandable.zeroclipboard-is-hover .css-truncate-target, |
|
| 4822 | +.css-truncate.expandable.zeroclipboard-is-hover.css-truncate-target, |
|
| 4823 | +.css-truncate.expandable:hover .css-truncate-target, |
|
| 4824 | +.css-truncate.expandable:hover.css-truncate-target { |
|
| 4825 | + max-width: 10000px !important; |
|
| 4826 | +} |
|
| 4827 | +.Truncate { |
|
| 4828 | + display: inline-flex; |
|
| 4829 | + min-width: 0; |
|
| 4830 | + max-width: 100%; |
|
| 4831 | +} |
|
| 4832 | +.Truncate > .Truncate-text { |
|
| 4833 | + min-width: 1ch; |
|
| 4834 | + max-width: -moz-fit-content; |
|
| 4835 | + max-width: fit-content; |
|
| 4836 | + overflow: hidden; |
|
| 4837 | + text-overflow: ellipsis; |
|
| 4838 | + white-space: nowrap; |
|
| 4839 | +} |
|
| 4840 | +.Truncate > .Truncate-text + .Truncate-text { |
|
| 4841 | + margin-left: 4px; |
|
| 4842 | +} |
|
| 4843 | +.Truncate > .Truncate-text.Truncate-text--primary { |
|
| 4844 | + flex-basis: 200%; |
|
| 4845 | +} |
|
| 4846 | +.Truncate > .Truncate-text.Truncate-text--expandable:hover, |
|
| 4847 | +.Truncate > .Truncate-text.Truncate-text--expandable:focus, |
|
| 4848 | +.Truncate > .Truncate-text.Truncate-text--expandable:active { |
|
| 4849 | + max-width: 100% !important; |
|
| 4850 | + flex-shrink: 0; |
|
| 4851 | + cursor: pointer; |
|
| 4852 | +} |
|
| 4853 | +.Overlay--hidden { |
|
| 4854 | + display: none !important; |
|
| 4855 | +} |
|
| 4856 | +.Overlay--visibilityHidden { |
|
| 4857 | + height: 0; |
|
| 4858 | + overflow: hidden; |
|
| 4859 | + visibility: hidden; |
|
| 4860 | + opacity: 0; |
|
| 4861 | +} |
|
| 4862 | +.Overlay { |
|
| 4863 | + display: flex; |
|
| 4864 | + min-width: 192px; |
|
| 4865 | + flex-direction: column; |
|
| 4866 | + background-color: var(--color-canvas-overlay); |
|
| 4867 | + border-radius: 0.75rem; |
|
| 4868 | + box-shadow: var(--color-overlay-shadow); |
|
| 4869 | + opacity: 1; |
|
| 4870 | +} |
|
| 4871 | +.Overlay.Overlay--height-auto { |
|
| 4872 | + height: auto; |
|
| 4873 | +} |
|
| 4874 | +.Overlay.Overlay--height-xsmall { |
|
| 4875 | + height: min(192px, 100% - 2rem); |
|
| 4876 | +} |
|
| 4877 | +.Overlay.Overlay--height-small { |
|
| 4878 | + height: min(256px, 100% - 2rem); |
|
| 4879 | +} |
|
| 4880 | +.Overlay.Overlay--height-medium { |
|
| 4881 | + height: min(320px, 100% - 2rem); |
|
| 4882 | +} |
|
| 4883 | +.Overlay.Overlay--height-large { |
|
| 4884 | + height: min(432px, 100% - 2rem); |
|
| 4885 | +} |
|
| 4886 | +.Overlay.Overlay--height-xlarge { |
|
| 4887 | + height: min(600px, 100% - 2rem); |
|
| 4888 | +} |
|
| 4889 | +.Overlay.Overlay--width-auto { |
|
| 4890 | + width: auto; |
|
| 4891 | +} |
|
| 4892 | +.Overlay.Overlay--width-small { |
|
| 4893 | + width: min(256px, 100% - 2rem); |
|
| 4894 | +} |
|
| 4895 | +.Overlay.Overlay--width-medium { |
|
| 4896 | + width: min(320px, 100% - 2rem); |
|
| 4897 | +} |
|
| 4898 | +.Overlay.Overlay--width-large { |
|
| 4899 | + width: min(480px, 100% - 2rem); |
|
| 4900 | +} |
|
| 4901 | +.Overlay.Overlay--width-xlarge { |
|
| 4902 | + width: min(640px, 100% - 2rem); |
|
| 4903 | +} |
|
| 4904 | +.Overlay.Overlay--width-xxlarge { |
|
| 4905 | + width: min(960px, 100% - 2rem); |
|
| 4906 | +} |
|
| 4907 | +@media screen and (prefers-reduced-motion: no-preference) { |
|
| 4908 | + .Overlay.Overlay--motion-scaleFade { |
|
| 4909 | + animation: 200ms cubic-bezier(0.33, 1, 0.68, 1) 0s 1 normal none running |
|
| 4910 | + Overlay--motion-scaleFade; |
|
| 4911 | + } |
|
| 4912 | +} |
|
| 4913 | +@keyframes Overlay--motion-scaleFade { |
|
| 4914 | + 0% { |
|
| 4915 | + opacity: 0; |
|
| 4916 | + transform: scale(0.5); |
|
| 4917 | + } |
|
| 4918 | + 100% { |
|
| 4919 | + opacity: 1; |
|
| 4920 | + transform: scale(1); |
|
| 4921 | + } |
|
| 4922 | +} |
|
| 4923 | +.Overlay-form { |
|
| 4924 | + display: flex; |
|
| 4925 | + overflow: auto; |
|
| 4926 | + flex-direction: column; |
|
| 4927 | + flex-grow: 1; |
|
| 4928 | +} |
|
| 4929 | +.Overlay-header { |
|
| 4930 | + z-index: 1; |
|
| 4931 | + display: flex; |
|
| 4932 | + flex-direction: column; |
|
| 4933 | +} |
|
| 4934 | +.Overlay-header.Overlay-header--divided { |
|
| 4935 | + padding-bottom: 8px; |
|
| 4936 | + box-shadow: inset 0 -1px var(--color-border-default); |
|
| 4937 | +} |
|
| 4938 | +.Overlay-header.Overlay-header--divided + .Overlay-body { |
|
| 4939 | + padding-top: 16px; |
|
| 4940 | +} |
|
| 4941 | +.Overlay-header.Overlay-header--large |
|
| 4942 | + .Overlay-headerContentWrap |
|
| 4943 | + .Overlay-titleWrap { |
|
| 4944 | + gap: 8px; |
|
| 4945 | +} |
|
| 4946 | +.Overlay-header.Overlay-header--large |
|
| 4947 | + .Overlay-headerContentWrap |
|
| 4948 | + .Overlay-titleWrap |
|
| 4949 | + .Overlay-title { |
|
| 4950 | + font-size: 20px; |
|
| 4951 | +} |
|
| 4952 | +.Overlay-header.Overlay-header--large |
|
| 4953 | + .Overlay-headerContentWrap |
|
| 4954 | + .Overlay-titleWrap |
|
| 4955 | + .Overlay-description { |
|
| 4956 | + font-size: 14px; |
|
| 4957 | +} |
|
| 4958 | +.Overlay-header .Overlay-headerContentWrap { |
|
| 4959 | + display: flex; |
|
| 4960 | + align-items: flex-start; |
|
| 4961 | + gap: 8px; |
|
| 4962 | + padding: 8px 8px 0 8px; |
|
| 4963 | +} |
|
| 4964 | +.Overlay-header .Overlay-headerContentWrap .Overlay-actionWrap { |
|
| 4965 | + display: flex; |
|
| 4966 | + flex-direction: row; |
|
| 4967 | + gap: 8px; |
|
| 4968 | +} |
|
| 4969 | +.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap { |
|
| 4970 | + display: flex; |
|
| 4971 | + padding: 6px 0 6px 8px; |
|
| 4972 | + flex-direction: column; |
|
| 4973 | + flex-grow: 1; |
|
| 4974 | + gap: 4px; |
|
| 4975 | +} |
|
| 4976 | +.Overlay-header .Overlay-headerContentWrap .Overlay-titleWrap .Overlay-title { |
|
| 4977 | + margin: 0; |
|
| 4978 | + font-size: 14px; |
|
| 4979 | + font-weight: 600; |
|
| 4980 | +} |
|
| 4981 | +.Overlay-header |
|
| 4982 | + .Overlay-headerContentWrap |
|
| 4983 | + .Overlay-titleWrap |
|
| 4984 | + .Overlay-description { |
|
| 4985 | + margin: 0; |
|
| 4986 | + font-size: 12px; |
|
| 4987 | + font-weight: 400; |
|
| 4988 | + color: var(--color-fg-muted); |
|
| 4989 | +} |
|
| 4990 | +.Overlay-body { |
|
| 4991 | + padding: 16px; |
|
| 4992 | + padding-top: 0; |
|
| 4993 | + overflow-y: auto; |
|
| 4994 | + scrollbar-width: thin; |
|
| 4995 | + font-size: 14px; |
|
| 4996 | + flex-grow: 1; |
|
| 4997 | +} |
|
| 4998 | +.Overlay-body.Overlay-body--paddingCondensed { |
|
| 4999 | + padding: 8px; |
|
| 5000 | + padding-top: 0; |
|
| 5001 | +} |
|
| 5002 | +.Overlay-body.Overlay-body--paddingNone { |
|
| 5003 | + padding: 0; |
|
| 5004 | +} |
|
| 5005 | +.Overlay-footer { |
|
| 5006 | + z-index: 1; |
|
| 5007 | + display: flex; |
|
| 5008 | + padding: 0 16px 16px 16px; |
|
| 5009 | + flex-direction: row; |
|
| 5010 | + flex-shrink: 0; |
|
| 5011 | + flex-wrap: wrap; |
|
| 5012 | +} |
|
| 5013 | +.Overlay-footer.Overlay-footer--divided { |
|
| 5014 | + padding-top: 16px; |
|
| 5015 | + box-shadow: inset 0 1px var(--color-border-default); |
|
| 5016 | +} |
|
| 5017 | +.Overlay-footer.Overlay-footer--alignStart { |
|
| 5018 | + justify-content: flex-start; |
|
| 5019 | + gap: 8px; |
|
| 5020 | +} |
|
| 5021 | +.Overlay-footer.Overlay-footer--alignCenter { |
|
| 5022 | + justify-content: center; |
|
| 5023 | + gap: 8px; |
|
| 5024 | +} |
|
| 5025 | +.Overlay-footer.Overlay-footer--alignEnd { |
|
| 5026 | + justify-content: flex-end; |
|
| 5027 | + gap: 8px; |
|
| 5028 | +} |
|
| 5029 | +.Overlay-closeButton { |
|
| 5030 | + position: relative; |
|
| 5031 | + display: grid; |
|
| 5032 | + width: 32px; |
|
| 5033 | + height: 32px; |
|
| 5034 | + padding: 0; |
|
| 5035 | + color: var(--color-fg-muted); |
|
| 5036 | + cursor: pointer; |
|
| 5037 | + -webkit-user-select: none; |
|
| 5038 | + user-select: none; |
|
| 5039 | + background-color: transparent; |
|
| 5040 | + border: 1px solid transparent; |
|
| 5041 | + border-radius: 6px; |
|
| 5042 | + transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1); |
|
| 5043 | + transition-property: color, background-color, border-color; |
|
| 5044 | + place-content: center; |
|
| 5045 | + align-self: flex-start; |
|
| 5046 | + flex-shrink: 0; |
|
| 5047 | +} |
|
| 5048 | +.Overlay-closeButton:hover, |
|
| 5049 | +.Overlay-closeButton:focus { |
|
| 5050 | + background-color: var(--color-btn-hover-bg); |
|
| 5051 | + border: 1px solid var(--color-btn-hover-bg); |
|
| 5052 | +} |
|
| 5053 | +.Overlay-backdrop--center { |
|
| 5054 | + position: fixed; |
|
| 5055 | + top: 0; |
|
| 5056 | + right: 0; |
|
| 5057 | + bottom: 0; |
|
| 5058 | + left: 0; |
|
| 5059 | + z-index: 999; |
|
| 5060 | + display: flex; |
|
| 5061 | + background-color: var(--color-neutral-muted); |
|
| 5062 | + align-items: center; |
|
| 5063 | + justify-content: center; |
|
| 5064 | +} |
|
| 5065 | +.Overlay-backdrop--anchor { |
|
| 5066 | + position: absolute; |
|
| 5067 | + background-color: transparent; |
|
| 5068 | +} |
|
| 5069 | +.Overlay-backdrop--anchor .Overlay { |
|
| 5070 | + width: auto; |
|
| 5071 | +} |
|
| 5072 | +.Overlay-backdrop--side { |
|
| 5073 | + position: fixed; |
|
| 5074 | + top: 0; |
|
| 5075 | + right: 0; |
|
| 5076 | + bottom: 0; |
|
| 5077 | + left: 0; |
|
| 5078 | + z-index: 999; |
|
| 5079 | + display: flex; |
|
| 5080 | + background-color: var(--color-neutral-muted); |
|
| 5081 | + align-items: center; |
|
| 5082 | + justify-content: left; |
|
| 5083 | +} |
|
| 5084 | +.Overlay-backdrop--side.Overlay-backdrop--placement-left { |
|
| 5085 | + align-items: center; |
|
| 5086 | + justify-content: left; |
|
| 5087 | +} |
|
| 5088 | +.Overlay-backdrop--side.Overlay-backdrop--placement-left .Overlay { |
|
| 5089 | + border-radius: 0.75rem; |
|
| 5090 | + border-top-left-radius: 0; |
|
| 5091 | + border-bottom-left-radius: 0; |
|
| 5092 | +} |
|
| 5093 | +.Overlay-backdrop--side.Overlay-backdrop--placement-right { |
|
| 5094 | + align-items: center; |
|
| 5095 | + justify-content: right; |
|
| 5096 | +} |
|
| 5097 | +.Overlay-backdrop--side.Overlay-backdrop--placement-right .Overlay { |
|
| 5098 | + border-radius: 0.75rem; |
|
| 5099 | + border-top-right-radius: 0; |
|
| 5100 | + border-bottom-right-radius: 0; |
|
| 5101 | +} |
|
| 5102 | +.Overlay-backdrop--side.Overlay-backdrop--placement-bottom { |
|
| 5103 | + align-items: end; |
|
| 5104 | + justify-content: center; |
|
| 5105 | +} |
|
| 5106 | +.Overlay-backdrop--side.Overlay-backdrop--placement-bottom .Overlay { |
|
| 5107 | + border-radius: 0.75rem; |
|
| 5108 | + border-bottom-right-radius: 0; |
|
| 5109 | + border-bottom-left-radius: 0; |
|
| 5110 | +} |
|
| 5111 | +.Overlay-backdrop--side.Overlay-backdrop--placement-top { |
|
| 5112 | + align-items: start; |
|
| 5113 | + justify-content: center; |
|
| 5114 | +} |
|
| 5115 | +.Overlay-backdrop--side.Overlay-backdrop--placement-top .Overlay { |
|
| 5116 | + border-radius: 0.75rem; |
|
| 5117 | + border-top-left-radius: 0; |
|
| 5118 | + border-top-right-radius: 0; |
|
| 5119 | +} |
|
| 5120 | +.Overlay-backdrop--full { |
|
| 5121 | + position: fixed; |
|
| 5122 | + top: 0; |
|
| 5123 | + right: 0; |
|
| 5124 | + bottom: 0; |
|
| 5125 | + left: 0; |
|
| 5126 | + z-index: 999; |
|
| 5127 | + display: flex; |
|
| 5128 | + background-color: var(--color-neutral-muted); |
|
| 5129 | +} |
|
| 5130 | +.Overlay-backdrop--full .Overlay { |
|
| 5131 | + width: 100%; |
|
| 5132 | + max-width: 100vw; |
|
| 5133 | + height: 100%; |
|
| 5134 | + max-height: 100vh; |
|
| 5135 | + border-radius: unset; |
|
| 5136 | + flex-grow: 1; |
|
| 5137 | +} |
|
| 5138 | +@media (max-width: 767.98px) { |
|
| 5139 | + .Overlay-backdrop--center-whenNarrow { |
|
| 5140 | + position: fixed; |
|
| 5141 | + top: 0; |
|
| 5142 | + right: 0; |
|
| 5143 | + bottom: 0; |
|
| 5144 | + left: 0; |
|
| 5145 | + z-index: 999; |
|
| 5146 | + display: flex; |
|
| 5147 | + background-color: var(--color-neutral-muted); |
|
| 5148 | + align-items: center; |
|
| 5149 | + justify-content: center; |
|
| 5150 | + } |
|
| 5151 | + .Overlay-backdrop--anchor-whenNarrow { |
|
| 5152 | + position: absolute; |
|
| 5153 | + background-color: transparent; |
|
| 5154 | + } |
|
| 5155 | + .Overlay-backdrop--anchor-whenNarrow .Overlay { |
|
| 5156 | + width: auto; |
|
| 5157 | + } |
|
| 5158 | + .Overlay-backdrop--side-whenNarrow { |
|
| 5159 | + position: fixed; |
|
| 5160 | + top: 0; |
|
| 5161 | + right: 0; |
|
| 5162 | + bottom: 0; |
|
| 5163 | + left: 0; |
|
| 5164 | + z-index: 999; |
|
| 5165 | + display: flex; |
|
| 5166 | + background-color: var(--color-neutral-muted); |
|
| 5167 | + align-items: center; |
|
| 5168 | + justify-content: left; |
|
| 5169 | + } |
|
| 5170 | + .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow { |
|
| 5171 | + align-items: center; |
|
| 5172 | + justify-content: left; |
|
| 5173 | + } |
|
| 5174 | + .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-left-whenNarrow |
|
| 5175 | + .Overlay-whenNarrow { |
|
| 5176 | + border-radius: 0.75rem; |
|
| 5177 | + border-top-left-radius: 0; |
|
| 5178 | + border-bottom-left-radius: 0; |
|
| 5179 | + } |
|
| 5180 | + .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow { |
|
| 5181 | + align-items: center; |
|
| 5182 | + justify-content: right; |
|
| 5183 | + } |
|
| 5184 | + .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-right-whenNarrow |
|
| 5185 | + .Overlay-whenNarrow { |
|
| 5186 | + border-radius: 0.75rem; |
|
| 5187 | + border-top-right-radius: 0; |
|
| 5188 | + border-bottom-right-radius: 0; |
|
| 5189 | + } |
|
| 5190 | + .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow { |
|
| 5191 | + align-items: end; |
|
| 5192 | + justify-content: center; |
|
| 5193 | + } |
|
| 5194 | + .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-bottom-whenNarrow |
|
| 5195 | + .Overlay-whenNarrow { |
|
| 5196 | + border-radius: 0.75rem; |
|
| 5197 | + border-bottom-right-radius: 0; |
|
| 5198 | + border-bottom-left-radius: 0; |
|
| 5199 | + } |
|
| 5200 | + .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow { |
|
| 5201 | + align-items: start; |
|
| 5202 | + justify-content: center; |
|
| 5203 | + } |
|
| 5204 | + .Overlay-backdrop--side-whenNarrow.Overlay-backdrop--placement-top-whenNarrow |
|
| 5205 | + .Overlay-whenNarrow { |
|
| 5206 | + border-radius: 0.75rem; |
|
| 5207 | + border-top-left-radius: 0; |
|
| 5208 | + border-top-right-radius: 0; |
|
| 5209 | + } |
|
| 5210 | + .Overlay-backdrop--full-whenNarrow { |
|
| 5211 | + position: fixed; |
|
| 5212 | + top: 0; |
|
| 5213 | + right: 0; |
|
| 5214 | + bottom: 0; |
|
| 5215 | + left: 0; |
|
| 5216 | + z-index: 999; |
|
| 5217 | + display: flex; |
|
| 5218 | + background-color: var(--color-neutral-muted); |
|
| 5219 | + } |
|
| 5220 | + .Overlay-backdrop--full-whenNarrow .Overlay { |
|
| 5221 | + width: 100%; |
|
| 5222 | + max-width: 100vw; |
|
| 5223 | + height: 100%; |
|
| 5224 | + max-height: 100vh; |
|
| 5225 | + border-radius: unset; |
|
| 5226 | + flex-grow: 1; |
|
| 5227 | + } |
|
| 5228 | +} |
|
| 5229 | +.anim-fade-in { |
|
| 5230 | + animation-name: fade-in; |
|
| 5231 | + animation-duration: 1s; |
|
| 5232 | + animation-timing-function: ease-in-out; |
|
| 5233 | +} |
|
| 5234 | +.anim-fade-in.fast { |
|
| 5235 | + animation-duration: 300ms; |
|
| 5236 | +} |
|
| 5237 | +@keyframes fade-in { |
|
| 5238 | + 0% { |
|
| 5239 | + opacity: 0; |
|
| 5240 | + } |
|
| 5241 | + 100% { |
|
| 5242 | + opacity: 1; |
|
| 5243 | + } |
|
| 5244 | +} |
|
| 5245 | +.anim-fade-out { |
|
| 5246 | + animation-name: fade-out; |
|
| 5247 | + animation-duration: 1s; |
|
| 5248 | + animation-fill-mode: forwards; |
|
| 5249 | + animation-timing-function: ease-out; |
|
| 5250 | +} |
|
| 5251 | +.anim-fade-out.fast { |
|
| 5252 | + animation-duration: 0.3s; |
|
| 5253 | +} |
|
| 5254 | +@keyframes fade-out { |
|
| 5255 | + 0% { |
|
| 5256 | + opacity: 1; |
|
| 5257 | + } |
|
| 5258 | + 100% { |
|
| 5259 | + opacity: 0; |
|
| 5260 | + } |
|
| 5261 | +} |
|
| 5262 | +.anim-fade-up { |
|
| 5263 | + opacity: 0; |
|
| 5264 | + animation-name: fade-up; |
|
| 5265 | + animation-duration: 0.3s; |
|
| 5266 | + animation-fill-mode: forwards; |
|
| 5267 | + animation-timing-function: ease-out; |
|
| 5268 | + animation-delay: 1s; |
|
| 5269 | +} |
|
| 5270 | +@keyframes fade-up { |
|
| 5271 | + 0% { |
|
| 5272 | + opacity: 0.8; |
|
| 5273 | + transform: translateY(100%); |
|
| 5274 | + } |
|
| 5275 | + 100% { |
|
| 5276 | + opacity: 1; |
|
| 5277 | + transform: translateY(0); |
|
| 5278 | + } |
|
| 5279 | +} |
|
| 5280 | +.anim-fade-down { |
|
| 5281 | + animation-name: fade-down; |
|
| 5282 | + animation-duration: 0.3s; |
|
| 5283 | + animation-fill-mode: forwards; |
|
| 5284 | + animation-timing-function: ease-in; |
|
| 5285 | +} |
|
| 5286 | +@keyframes fade-down { |
|
| 5287 | + 0% { |
|
| 5288 | + opacity: 1; |
|
| 5289 | + transform: translateY(0); |
|
| 5290 | + } |
|
| 5291 | + 100% { |
|
| 5292 | + opacity: 0.5; |
|
| 5293 | + transform: translateY(100%); |
|
| 5294 | + } |
|
| 5295 | +} |
|
| 5296 | +.anim-grow-x { |
|
| 5297 | + width: 0%; |
|
| 5298 | + animation-name: grow-x; |
|
| 5299 | + animation-duration: 0.3s; |
|
| 5300 | + animation-fill-mode: forwards; |
|
| 5301 | + animation-timing-function: ease; |
|
| 5302 | + animation-delay: 0.5s; |
|
| 5303 | +} |
|
| 5304 | +@keyframes grow-x { |
|
| 5305 | + to { |
|
| 5306 | + width: 100%; |
|
| 5307 | + } |
|
| 5308 | +} |
|
| 5309 | +.anim-shrink-x { |
|
| 5310 | + animation-name: shrink-x; |
|
| 5311 | + animation-duration: 0.3s; |
|
| 5312 | + animation-fill-mode: forwards; |
|
| 5313 | + animation-timing-function: ease-in-out; |
|
| 5314 | + animation-delay: 0.5s; |
|
| 5315 | +} |
|
| 5316 | +@keyframes shrink-x { |
|
| 5317 | + to { |
|
| 5318 | + width: 0%; |
|
| 5319 | + } |
|
| 5320 | +} |
|
| 5321 | +.anim-scale-in { |
|
| 5322 | + animation-name: scale-in; |
|
| 5323 | + animation-duration: 0.15s; |
|
| 5324 | + animation-timing-function: cubic-bezier(0.2, 0, 0.13, 1.5); |
|
| 5325 | +} |
|
| 5326 | +@keyframes scale-in { |
|
| 5327 | + 0% { |
|
| 5328 | + opacity: 0; |
|
| 5329 | + transform: scale(0.5); |
|
| 5330 | + } |
|
| 5331 | + 100% { |
|
| 5332 | + opacity: 1; |
|
| 5333 | + transform: scale(1); |
|
| 5334 | + } |
|
| 5335 | +} |
|
| 5336 | +.anim-pulse { |
|
| 5337 | + animation-name: pulse; |
|
| 5338 | + animation-duration: 2s; |
|
| 5339 | + animation-timing-function: linear; |
|
| 5340 | + animation-iteration-count: infinite; |
|
| 5341 | +} |
|
| 5342 | +@keyframes pulse { |
|
| 5343 | + 0% { |
|
| 5344 | + opacity: 0.3; |
|
| 5345 | + } |
|
| 5346 | + 10% { |
|
| 5347 | + opacity: 1; |
|
| 5348 | + } |
|
| 5349 | + 100% { |
|
| 5350 | + opacity: 0.3; |
|
| 5351 | + } |
|
| 5352 | +} |
|
| 5353 | +.anim-pulse-in { |
|
| 5354 | + animation-name: pulse-in; |
|
| 5355 | + animation-duration: 0.5s; |
|
| 5356 | +} |
|
| 5357 | +@keyframes pulse-in { |
|
| 5358 | + 0% { |
|
| 5359 | + transform: scale3d(1, 1, 1); |
|
| 5360 | + } |
|
| 5361 | + 50% { |
|
| 5362 | + transform: scale3d(1.1, 1.1, 1.1); |
|
| 5363 | + } |
|
| 5364 | + 100% { |
|
| 5365 | + transform: scale3d(1, 1, 1); |
|
| 5366 | + } |
|
| 5367 | +} |
|
| 5368 | +.hover-grow, |
|
| 5369 | +.anim-hover-grow { |
|
| 5370 | + transition: transform 0.3s; |
|
| 5371 | + -webkit-backface-visibility: hidden; |
|
| 5372 | + backface-visibility: hidden; |
|
| 5373 | +} |
|
| 5374 | +.hover-grow:hover, |
|
| 5375 | +.anim-hover-grow:hover { |
|
| 5376 | + transform: scale(1.025); |
|
| 5377 | +} |
|
| 5378 | +.anim-rotate { |
|
| 5379 | + animation: rotate-keyframes 1s linear infinite; |
|
| 5380 | +} |
|
| 5381 | +@keyframes rotate-keyframes { |
|
| 5382 | + 100% { |
|
| 5383 | + transform: rotate(360deg); |
|
| 5384 | + } |
|
| 5385 | +} |
|
| 5386 | +.border-x { |
|
| 5387 | + border-right: 1px solid var(--color-border-default) !important; |
|
| 5388 | + border-left: 1px solid var(--color-border-default) !important; |
|
| 5389 | +} |
|
| 5390 | +.border-y { |
|
| 5391 | + border-top: 1px solid var(--color-border-default) !important; |
|
| 5392 | + border-bottom: 1px solid var(--color-border-default) !important; |
|
| 5393 | +} |
|
| 5394 | +.border { |
|
| 5395 | + border: 1px solid var(--color-border-default) !important; |
|
| 5396 | +} |
|
| 5397 | +.border-0 { |
|
| 5398 | + border: 0 !important; |
|
| 5399 | +} |
|
| 5400 | +.border-top { |
|
| 5401 | + border-top: 1px solid var(--color-border-default) !important; |
|
| 5402 | +} |
|
| 5403 | +.border-right { |
|
| 5404 | + border-right: 1px solid var(--color-border-default) !important; |
|
| 5405 | +} |
|
| 5406 | +.border-bottom { |
|
| 5407 | + border-bottom: 1px solid var(--color-border-default) !important; |
|
| 5408 | +} |
|
| 5409 | +.border-left { |
|
| 5410 | + border-left: 1px solid var(--color-border-default) !important; |
|
| 5411 | +} |
|
| 5412 | +.border-top-0 { |
|
| 5413 | + border-top: 0 !important; |
|
| 5414 | +} |
|
| 5415 | +.border-right-0 { |
|
| 5416 | + border-right: 0 !important; |
|
| 5417 | +} |
|
| 5418 | +.border-bottom-0 { |
|
| 5419 | + border-bottom: 0 !important; |
|
| 5420 | +} |
|
| 5421 | +.border-left-0 { |
|
| 5422 | + border-left: 0 !important; |
|
| 5423 | +} |
|
| 5424 | +.rounded { |
|
| 5425 | + border-radius: 6px !important; |
|
| 5426 | +} |
|
| 5427 | +.rounded-0 { |
|
| 5428 | + border-radius: 0 !important; |
|
| 5429 | +} |
|
| 5430 | +.rounded-1 { |
|
| 5431 | + border-radius: 4px !important; |
|
| 5432 | +} |
|
| 5433 | +.rounded-2 { |
|
| 5434 | + border-radius: 6px !important; |
|
| 5435 | +} |
|
| 5436 | +.rounded-3 { |
|
| 5437 | + border-radius: 8px !important; |
|
| 5438 | +} |
|
| 5439 | +.rounded-top-0 { |
|
| 5440 | + border-top-left-radius: 0 !important; |
|
| 5441 | + border-top-right-radius: 0 !important; |
|
| 5442 | +} |
|
| 5443 | +.rounded-top-1 { |
|
| 5444 | + border-top-left-radius: 4px !important; |
|
| 5445 | + border-top-right-radius: 4px !important; |
|
| 5446 | +} |
|
| 5447 | +.rounded-top-2 { |
|
| 5448 | + border-top-left-radius: 6px !important; |
|
| 5449 | + border-top-right-radius: 6px !important; |
|
| 5450 | +} |
|
| 5451 | +.rounded-top-3 { |
|
| 5452 | + border-top-left-radius: 8px !important; |
|
| 5453 | + border-top-right-radius: 8px !important; |
|
| 5454 | +} |
|
| 5455 | +.rounded-right-0 { |
|
| 5456 | + border-top-right-radius: 0 !important; |
|
| 5457 | + border-bottom-right-radius: 0 !important; |
|
| 5458 | +} |
|
| 5459 | +.rounded-right-1 { |
|
| 5460 | + border-top-right-radius: 4px !important; |
|
| 5461 | + border-bottom-right-radius: 4px !important; |
|
| 5462 | +} |
|
| 5463 | +.rounded-right-2 { |
|
| 5464 | + border-top-right-radius: 6px !important; |
|
| 5465 | + border-bottom-right-radius: 6px !important; |
|
| 5466 | +} |
|
| 5467 | +.rounded-right-3 { |
|
| 5468 | + border-top-right-radius: 8px !important; |
|
| 5469 | + border-bottom-right-radius: 8px !important; |
|
| 5470 | +} |
|
| 5471 | +.rounded-bottom-0 { |
|
| 5472 | + border-bottom-right-radius: 0 !important; |
|
| 5473 | + border-bottom-left-radius: 0 !important; |
|
| 5474 | +} |
|
| 5475 | +.rounded-bottom-1 { |
|
| 5476 | + border-bottom-right-radius: 4px !important; |
|
| 5477 | + border-bottom-left-radius: 4px !important; |
|
| 5478 | +} |
|
| 5479 | +.rounded-bottom-2 { |
|
| 5480 | + border-bottom-right-radius: 6px !important; |
|
| 5481 | + border-bottom-left-radius: 6px !important; |
|
| 5482 | +} |
|
| 5483 | +.rounded-bottom-3 { |
|
| 5484 | + border-bottom-right-radius: 8px !important; |
|
| 5485 | + border-bottom-left-radius: 8px !important; |
|
| 5486 | +} |
|
| 5487 | +.rounded-left-0 { |
|
| 5488 | + border-bottom-left-radius: 0 !important; |
|
| 5489 | + border-top-left-radius: 0 !important; |
|
| 5490 | +} |
|
| 5491 | +.rounded-left-1 { |
|
| 5492 | + border-bottom-left-radius: 4px !important; |
|
| 5493 | + border-top-left-radius: 4px !important; |
|
| 5494 | +} |
|
| 5495 | +.rounded-left-2 { |
|
| 5496 | + border-bottom-left-radius: 6px !important; |
|
| 5497 | + border-top-left-radius: 6px !important; |
|
| 5498 | +} |
|
| 5499 | +.rounded-left-3 { |
|
| 5500 | + border-bottom-left-radius: 8px !important; |
|
| 5501 | + border-top-left-radius: 8px !important; |
|
| 5502 | +} |
|
| 5503 | +@media (min-width: 544px) { |
|
| 5504 | + .border-sm { |
|
| 5505 | + border: 1px solid var(--color-border-default) !important; |
|
| 5506 | + } |
|
| 5507 | + .border-sm-0 { |
|
| 5508 | + border: 0 !important; |
|
| 5509 | + } |
|
| 5510 | + .border-sm-top { |
|
| 5511 | + border-top: 1px solid var(--color-border-default) !important; |
|
| 5512 | + } |
|
| 5513 | + .border-sm-right { |
|
| 5514 | + border-right: 1px solid var(--color-border-default) !important; |
|
| 5515 | + } |
|
| 5516 | + .border-sm-bottom { |
|
| 5517 | + border-bottom: 1px solid var(--color-border-default) !important; |
|
| 5518 | + } |
|
| 5519 | + .border-sm-left { |
|
| 5520 | + border-left: 1px solid var(--color-border-default) !important; |
|
| 5521 | + } |
|
| 5522 | + .border-sm-top-0 { |
|
| 5523 | + border-top: 0 !important; |
|
| 5524 | + } |
|
| 5525 | + .border-sm-right-0 { |
|
| 5526 | + border-right: 0 !important; |
|
| 5527 | + } |
|
| 5528 | + .border-sm-bottom-0 { |
|
| 5529 | + border-bottom: 0 !important; |
|
| 5530 | + } |
|
| 5531 | + .border-sm-left-0 { |
|
| 5532 | + border-left: 0 !important; |
|
| 5533 | + } |
|
| 5534 | + .rounded-sm { |
|
| 5535 | + border-radius: 6px !important; |
|
| 5536 | + } |
|
| 5537 | + .rounded-sm-0 { |
|
| 5538 | + border-radius: 0 !important; |
|
| 5539 | + } |
|
| 5540 | + .rounded-sm-1 { |
|
| 5541 | + border-radius: 4px !important; |
|
| 5542 | + } |
|
| 5543 | + .rounded-sm-2 { |
|
| 5544 | + border-radius: 6px !important; |
|
| 5545 | + } |
|
| 5546 | + .rounded-sm-3 { |
|
| 5547 | + border-radius: 8px !important; |
|
| 5548 | + } |
|
| 5549 | + .rounded-sm-top-0 { |
|
| 5550 | + border-top-left-radius: 0 !important; |
|
| 5551 | + border-top-right-radius: 0 !important; |
|
| 5552 | + } |
|
| 5553 | + .rounded-sm-top-1 { |
|
| 5554 | + border-top-left-radius: 4px !important; |
|
| 5555 | + border-top-right-radius: 4px !important; |
|
| 5556 | + } |
|
| 5557 | + .rounded-sm-top-2 { |
|
| 5558 | + border-top-left-radius: 6px !important; |
|
| 5559 | + border-top-right-radius: 6px !important; |
|
| 5560 | + } |
|
| 5561 | + .rounded-sm-top-3 { |
|
| 5562 | + border-top-left-radius: 8px !important; |
|
| 5563 | + border-top-right-radius: 8px !important; |
|
| 5564 | + } |
|
| 5565 | + .rounded-sm-right-0 { |
|
| 5566 | + border-top-right-radius: 0 !important; |
|
| 5567 | + border-bottom-right-radius: 0 !important; |
|
| 5568 | + } |
|
| 5569 | + .rounded-sm-right-1 { |
|
| 5570 | + border-top-right-radius: 4px !important; |
|
| 5571 | + border-bottom-right-radius: 4px !important; |
|
| 5572 | + } |
|
| 5573 | + .rounded-sm-right-2 { |
|
| 5574 | + border-top-right-radius: 6px !important; |
|
| 5575 | + border-bottom-right-radius: 6px !important; |
|
| 5576 | + } |
|
| 5577 | + .rounded-sm-right-3 { |
|
| 5578 | + border-top-right-radius: 8px !important; |
|
| 5579 | + border-bottom-right-radius: 8px !important; |
|
| 5580 | + } |
|
| 5581 | + .rounded-sm-bottom-0 { |
|
| 5582 | + border-bottom-right-radius: 0 !important; |
|
| 5583 | + border-bottom-left-radius: 0 !important; |
|
| 5584 | + } |
|
| 5585 | + .rounded-sm-bottom-1 { |
|
| 5586 | + border-bottom-right-radius: 4px !important; |
|
| 5587 | + border-bottom-left-radius: 4px !important; |
|
| 5588 | + } |
|
| 5589 | + .rounded-sm-bottom-2 { |
|
| 5590 | + border-bottom-right-radius: 6px !important; |
|
| 5591 | + border-bottom-left-radius: 6px !important; |
|
| 5592 | + } |
|
| 5593 | + .rounded-sm-bottom-3 { |
|
| 5594 | + border-bottom-right-radius: 8px !important; |
|
| 5595 | + border-bottom-left-radius: 8px !important; |
|
| 5596 | + } |
|
| 5597 | + .rounded-sm-left-0 { |
|
| 5598 | + border-bottom-left-radius: 0 !important; |
|
| 5599 | + border-top-left-radius: 0 !important; |
|
| 5600 | + } |
|
| 5601 | + .rounded-sm-left-1 { |
|
| 5602 | + border-bottom-left-radius: 4px !important; |
|
| 5603 | + border-top-left-radius: 4px !important; |
|
| 5604 | + } |
|
| 5605 | + .rounded-sm-left-2 { |
|
| 5606 | + border-bottom-left-radius: 6px !important; |
|
| 5607 | + border-top-left-radius: 6px !important; |
|
| 5608 | + } |
|
| 5609 | + .rounded-sm-left-3 { |
|
| 5610 | + border-bottom-left-radius: 8px !important; |
|
| 5611 | + border-top-left-radius: 8px !important; |
|
| 5612 | + } |
|
| 5613 | +} |
|
| 5614 | +@media (min-width: 768px) { |
|
| 5615 | + .border-md { |
|
| 5616 | + border: 1px solid var(--color-border-default) !important; |
|
| 5617 | + } |
|
| 5618 | + .border-md-0 { |
|
| 5619 | + border: 0 !important; |
|
| 5620 | + } |
|
| 5621 | + .border-md-top { |
|
| 5622 | + border-top: 1px solid var(--color-border-default) !important; |
|
| 5623 | + } |
|
| 5624 | + .border-md-right { |
|
| 5625 | + border-right: 1px solid var(--color-border-default) !important; |
|
| 5626 | + } |
|
| 5627 | + .border-md-bottom { |
|
| 5628 | + border-bottom: 1px solid var(--color-border-default) !important; |
|
| 5629 | + } |
|
| 5630 | + .border-md-left { |
|
| 5631 | + border-left: 1px solid var(--color-border-default) !important; |
|
| 5632 | + } |
|
| 5633 | + .border-md-top-0 { |
|
| 5634 | + border-top: 0 !important; |
|
| 5635 | + } |
|
| 5636 | + .border-md-right-0 { |
|
| 5637 | + border-right: 0 !important; |
|
| 5638 | + } |
|
| 5639 | + .border-md-bottom-0 { |
|
| 5640 | + border-bottom: 0 !important; |
|
| 5641 | + } |
|
| 5642 | + .border-md-left-0 { |
|
| 5643 | + border-left: 0 !important; |
|
| 5644 | + } |
|
| 5645 | + .rounded-md { |
|
| 5646 | + border-radius: 6px !important; |
|
| 5647 | + } |
|
| 5648 | + .rounded-md-0 { |
|
| 5649 | + border-radius: 0 !important; |
|
| 5650 | + } |
|
| 5651 | + .rounded-md-1 { |
|
| 5652 | + border-radius: 4px !important; |
|
| 5653 | + } |
|
| 5654 | + .rounded-md-2 { |
|
| 5655 | + border-radius: 6px !important; |
|
| 5656 | + } |
|
| 5657 | + .rounded-md-3 { |
|
| 5658 | + border-radius: 8px !important; |
|
| 5659 | + } |
|
| 5660 | + .rounded-md-top-0 { |
|
| 5661 | + border-top-left-radius: 0 !important; |
|
| 5662 | + border-top-right-radius: 0 !important; |
|
| 5663 | + } |
|
| 5664 | + .rounded-md-top-1 { |
|
| 5665 | + border-top-left-radius: 4px !important; |
|
| 5666 | + border-top-right-radius: 4px !important; |
|
| 5667 | + } |
|
| 5668 | + .rounded-md-top-2 { |
|
| 5669 | + border-top-left-radius: 6px !important; |
|
| 5670 | + border-top-right-radius: 6px !important; |
|
| 5671 | + } |
|
| 5672 | + .rounded-md-top-3 { |
|
| 5673 | + border-top-left-radius: 8px !important; |
|
| 5674 | + border-top-right-radius: 8px !important; |
|
| 5675 | + } |
|
| 5676 | + .rounded-md-right-0 { |
|
| 5677 | + border-top-right-radius: 0 !important; |
|
| 5678 | + border-bottom-right-radius: 0 !important; |
|
| 5679 | + } |
|
| 5680 | + .rounded-md-right-1 { |
|
| 5681 | + border-top-right-radius: 4px !important; |
|
| 5682 | + border-bottom-right-radius: 4px !important; |
|
| 5683 | + } |
|
| 5684 | + .rounded-md-right-2 { |
|
| 5685 | + border-top-right-radius: 6px !important; |
|
| 5686 | + border-bottom-right-radius: 6px !important; |
|
| 5687 | + } |
|
| 5688 | + .rounded-md-right-3 { |
|
| 5689 | + border-top-right-radius: 8px !important; |
|
| 5690 | + border-bottom-right-radius: 8px !important; |
|
| 5691 | + } |
|
| 5692 | + .rounded-md-bottom-0 { |
|
| 5693 | + border-bottom-right-radius: 0 !important; |
|
| 5694 | + border-bottom-left-radius: 0 !important; |
|
| 5695 | + } |
|
| 5696 | + .rounded-md-bottom-1 { |
|
| 5697 | + border-bottom-right-radius: 4px !important; |
|
| 5698 | + border-bottom-left-radius: 4px !important; |
|
| 5699 | + } |
|
| 5700 | + .rounded-md-bottom-2 { |
|
| 5701 | + border-bottom-right-radius: 6px !important; |
|
| 5702 | + border-bottom-left-radius: 6px !important; |
|
| 5703 | + } |
|
| 5704 | + .rounded-md-bottom-3 { |
|
| 5705 | + border-bottom-right-radius: 8px !important; |
|
| 5706 | + border-bottom-left-radius: 8px !important; |
|
| 5707 | + } |
|
| 5708 | + .rounded-md-left-0 { |
|
| 5709 | + border-bottom-left-radius: 0 !important; |
|
| 5710 | + border-top-left-radius: 0 !important; |
|
| 5711 | + } |
|
| 5712 | + .rounded-md-left-1 { |
|
| 5713 | + border-bottom-left-radius: 4px !important; |
|
| 5714 | + border-top-left-radius: 4px !important; |
|
| 5715 | + } |
|
| 5716 | + .rounded-md-left-2 { |
|
| 5717 | + border-bottom-left-radius: 6px !important; |
|
| 5718 | + border-top-left-radius: 6px !important; |
|
| 5719 | + } |
|
| 5720 | + .rounded-md-left-3 { |
|
| 5721 | + border-bottom-left-radius: 8px !important; |
|
| 5722 | + border-top-left-radius: 8px !important; |
|
| 5723 | + } |
|
| 5724 | +} |
|
| 5725 | +@media (min-width: 1012px) { |
|
| 5726 | + .border-lg { |
|
| 5727 | + border: 1px solid var(--color-border-default) !important; |
|
| 5728 | + } |
|
| 5729 | + .border-lg-0 { |
|
| 5730 | + border: 0 !important; |
|
| 5731 | + } |
|
| 5732 | + .border-lg-top { |
|
| 5733 | + border-top: 1px solid var(--color-border-default) !important; |
|
| 5734 | + } |
|
| 5735 | + .border-lg-right { |
|
| 5736 | + border-right: 1px solid var(--color-border-default) !important; |
|
| 5737 | + } |
|
| 5738 | + .border-lg-bottom { |
|
| 5739 | + border-bottom: 1px solid var(--color-border-default) !important; |
|
| 5740 | + } |
|
| 5741 | + .border-lg-left { |
|
| 5742 | + border-left: 1px solid var(--color-border-default) !important; |
|
| 5743 | + } |
|
| 5744 | + .border-lg-top-0 { |
|
| 5745 | + border-top: 0 !important; |
|
| 5746 | + } |
|
| 5747 | + .border-lg-right-0 { |
|
| 5748 | + border-right: 0 !important; |
|
| 5749 | + } |
|
| 5750 | + .border-lg-bottom-0 { |
|
| 5751 | + border-bottom: 0 !important; |
|
| 5752 | + } |
|
| 5753 | + .border-lg-left-0 { |
|
| 5754 | + border-left: 0 !important; |
|
| 5755 | + } |
|
| 5756 | + .rounded-lg { |
|
| 5757 | + border-radius: 6px !important; |
|
| 5758 | + } |
|
| 5759 | + .rounded-lg-0 { |
|
| 5760 | + border-radius: 0 !important; |
|
| 5761 | + } |
|
| 5762 | + .rounded-lg-1 { |
|
| 5763 | + border-radius: 4px !important; |
|
| 5764 | + } |
|
| 5765 | + .rounded-lg-2 { |
|
| 5766 | + border-radius: 6px !important; |
|
| 5767 | + } |
|
| 5768 | + .rounded-lg-3 { |
|
| 5769 | + border-radius: 8px !important; |
|
| 5770 | + } |
|
| 5771 | + .rounded-lg-top-0 { |
|
| 5772 | + border-top-left-radius: 0 !important; |
|
| 5773 | + border-top-right-radius: 0 !important; |
|
| 5774 | + } |
|
| 5775 | + .rounded-lg-top-1 { |
|
| 5776 | + border-top-left-radius: 4px !important; |
|
| 5777 | + border-top-right-radius: 4px !important; |
|
| 5778 | + } |
|
| 5779 | + .rounded-lg-top-2 { |
|
| 5780 | + border-top-left-radius: 6px !important; |
|
| 5781 | + border-top-right-radius: 6px !important; |
|
| 5782 | + } |
|
| 5783 | + .rounded-lg-top-3 { |
|
| 5784 | + border-top-left-radius: 8px !important; |
|
| 5785 | + border-top-right-radius: 8px !important; |
|
| 5786 | + } |
|
| 5787 | + .rounded-lg-right-0 { |
|
| 5788 | + border-top-right-radius: 0 !important; |
|
| 5789 | + border-bottom-right-radius: 0 !important; |
|
| 5790 | + } |
|
| 5791 | + .rounded-lg-right-1 { |
|
| 5792 | + border-top-right-radius: 4px !important; |
|
| 5793 | + border-bottom-right-radius: 4px !important; |
|
| 5794 | + } |
|
| 5795 | + .rounded-lg-right-2 { |
|
| 5796 | + border-top-right-radius: 6px !important; |
|
| 5797 | + border-bottom-right-radius: 6px !important; |
|
| 5798 | + } |
|
| 5799 | + .rounded-lg-right-3 { |
|
| 5800 | + border-top-right-radius: 8px !important; |
|
| 5801 | + border-bottom-right-radius: 8px !important; |
|
| 5802 | + } |
|
| 5803 | + .rounded-lg-bottom-0 { |
|
| 5804 | + border-bottom-right-radius: 0 !important; |
|
| 5805 | + border-bottom-left-radius: 0 !important; |
|
| 5806 | + } |
|
| 5807 | + .rounded-lg-bottom-1 { |
|
| 5808 | + border-bottom-right-radius: 4px !important; |
|
| 5809 | + border-bottom-left-radius: 4px !important; |
|
| 5810 | + } |
|
| 5811 | + .rounded-lg-bottom-2 { |
|
| 5812 | + border-bottom-right-radius: 6px !important; |
|
| 5813 | + border-bottom-left-radius: 6px !important; |
|
| 5814 | + } |
|
| 5815 | + .rounded-lg-bottom-3 { |
|
| 5816 | + border-bottom-right-radius: 8px !important; |
|
| 5817 | + border-bottom-left-radius: 8px !important; |
|
| 5818 | + } |
|
| 5819 | + .rounded-lg-left-0 { |
|
| 5820 | + border-bottom-left-radius: 0 !important; |
|
| 5821 | + border-top-left-radius: 0 !important; |
|
| 5822 | + } |
|
| 5823 | + .rounded-lg-left-1 { |
|
| 5824 | + border-bottom-left-radius: 4px !important; |
|
| 5825 | + border-top-left-radius: 4px !important; |
|
| 5826 | + } |
|
| 5827 | + .rounded-lg-left-2 { |
|
| 5828 | + border-bottom-left-radius: 6px !important; |
|
| 5829 | + border-top-left-radius: 6px !important; |
|
| 5830 | + } |
|
| 5831 | + .rounded-lg-left-3 { |
|
| 5832 | + border-bottom-left-radius: 8px !important; |
|
| 5833 | + border-top-left-radius: 8px !important; |
|
| 5834 | + } |
|
| 5835 | +} |
|
| 5836 | +@media (min-width: 1280px) { |
|
| 5837 | + .border-xl { |
|
| 5838 | + border: 1px solid var(--color-border-default) !important; |
|
| 5839 | + } |
|
| 5840 | + .border-xl-0 { |
|
| 5841 | + border: 0 !important; |
|
| 5842 | + } |
|
| 5843 | + .border-xl-top { |
|
| 5844 | + border-top: 1px solid var(--color-border-default) !important; |
|
| 5845 | + } |
|
| 5846 | + .border-xl-right { |
|
| 5847 | + border-right: 1px solid var(--color-border-default) !important; |
|
| 5848 | + } |
|
| 5849 | + .border-xl-bottom { |
|
| 5850 | + border-bottom: 1px solid var(--color-border-default) !important; |
|
| 5851 | + } |
|
| 5852 | + .border-xl-left { |
|
| 5853 | + border-left: 1px solid var(--color-border-default) !important; |
|
| 5854 | + } |
|
| 5855 | + .border-xl-top-0 { |
|
| 5856 | + border-top: 0 !important; |
|
| 5857 | + } |
|
| 5858 | + .border-xl-right-0 { |
|
| 5859 | + border-right: 0 !important; |
|
| 5860 | + } |
|
| 5861 | + .border-xl-bottom-0 { |
|
| 5862 | + border-bottom: 0 !important; |
|
| 5863 | + } |
|
| 5864 | + .border-xl-left-0 { |
|
| 5865 | + border-left: 0 !important; |
|
| 5866 | + } |
|
| 5867 | + .rounded-xl { |
|
| 5868 | + border-radius: 6px !important; |
|
| 5869 | + } |
|
| 5870 | + .rounded-xl-0 { |
|
| 5871 | + border-radius: 0 !important; |
|
| 5872 | + } |
|
| 5873 | + .rounded-xl-1 { |
|
| 5874 | + border-radius: 4px !important; |
|
| 5875 | + } |
|
| 5876 | + .rounded-xl-2 { |
|
| 5877 | + border-radius: 6px !important; |
|
| 5878 | + } |
|
| 5879 | + .rounded-xl-3 { |
|
| 5880 | + border-radius: 8px !important; |
|
| 5881 | + } |
|
| 5882 | + .rounded-xl-top-0 { |
|
| 5883 | + border-top-left-radius: 0 !important; |
|
| 5884 | + border-top-right-radius: 0 !important; |
|
| 5885 | + } |
|
| 5886 | + .rounded-xl-top-1 { |
|
| 5887 | + border-top-left-radius: 4px !important; |
|
| 5888 | + border-top-right-radius: 4px !important; |
|
| 5889 | + } |
|
| 5890 | + .rounded-xl-top-2 { |
|
| 5891 | + border-top-left-radius: 6px !important; |
|
| 5892 | + border-top-right-radius: 6px !important; |
|
| 5893 | + } |
|
| 5894 | + .rounded-xl-top-3 { |
|
| 5895 | + border-top-left-radius: 8px !important; |
|
| 5896 | + border-top-right-radius: 8px !important; |
|
| 5897 | + } |
|
| 5898 | + .rounded-xl-right-0 { |
|
| 5899 | + border-top-right-radius: 0 !important; |
|
| 5900 | + border-bottom-right-radius: 0 !important; |
|
| 5901 | + } |
|
| 5902 | + .rounded-xl-right-1 { |
|
| 5903 | + border-top-right-radius: 4px !important; |
|
| 5904 | + border-bottom-right-radius: 4px !important; |
|
| 5905 | + } |
|
| 5906 | + .rounded-xl-right-2 { |
|
| 5907 | + border-top-right-radius: 6px !important; |
|
| 5908 | + border-bottom-right-radius: 6px !important; |
|
| 5909 | + } |
|
| 5910 | + .rounded-xl-right-3 { |
|
| 5911 | + border-top-right-radius: 8px !important; |
|
| 5912 | + border-bottom-right-radius: 8px !important; |
|
| 5913 | + } |
|
| 5914 | + .rounded-xl-bottom-0 { |
|
| 5915 | + border-bottom-right-radius: 0 !important; |
|
| 5916 | + border-bottom-left-radius: 0 !important; |
|
| 5917 | + } |
|
| 5918 | + .rounded-xl-bottom-1 { |
|
| 5919 | + border-bottom-right-radius: 4px !important; |
|
| 5920 | + border-bottom-left-radius: 4px !important; |
|
| 5921 | + } |
|
| 5922 | + .rounded-xl-bottom-2 { |
|
| 5923 | + border-bottom-right-radius: 6px !important; |
|
| 5924 | + border-bottom-left-radius: 6px !important; |
|
| 5925 | + } |
|
| 5926 | + .rounded-xl-bottom-3 { |
|
| 5927 | + border-bottom-right-radius: 8px !important; |
|
| 5928 | + border-bottom-left-radius: 8px !important; |
|
| 5929 | + } |
|
| 5930 | + .rounded-xl-left-0 { |
|
| 5931 | + border-bottom-left-radius: 0 !important; |
|
| 5932 | + border-top-left-radius: 0 !important; |
|
| 5933 | + } |
|
| 5934 | + .rounded-xl-left-1 { |
|
| 5935 | + border-bottom-left-radius: 4px !important; |
|
| 5936 | + border-top-left-radius: 4px !important; |
|
| 5937 | + } |
|
| 5938 | + .rounded-xl-left-2 { |
|
| 5939 | + border-bottom-left-radius: 6px !important; |
|
| 5940 | + border-top-left-radius: 6px !important; |
|
| 5941 | + } |
|
| 5942 | + .rounded-xl-left-3 { |
|
| 5943 | + border-bottom-left-radius: 8px !important; |
|
| 5944 | + border-top-left-radius: 8px !important; |
|
| 5945 | + } |
|
| 5946 | +} |
|
| 5947 | +.circle { |
|
| 5948 | + border-radius: 50% !important; |
|
| 5949 | +} |
|
| 5950 | +.border-dashed { |
|
| 5951 | + border-style: dashed !important; |
|
| 5952 | +} |
|
| 5953 | +.color-shadow-small { |
|
| 5954 | + box-shadow: var(--color-shadow-small) !important; |
|
| 5955 | +} |
|
| 5956 | +.color-shadow-medium { |
|
| 5957 | + box-shadow: var(--color-shadow-medium) !important; |
|
| 5958 | +} |
|
| 5959 | +.color-shadow-large { |
|
| 5960 | + box-shadow: var(--color-shadow-large) !important; |
|
| 5961 | +} |
|
| 5962 | +.color-shadow-extra-large { |
|
| 5963 | + box-shadow: var(--color-shadow-extra-large) !important; |
|
| 5964 | +} |
|
| 5965 | +.box-shadow-none { |
|
| 5966 | + box-shadow: none !important; |
|
| 5967 | +} |
|
| 5968 | +.color-fg-default { |
|
| 5969 | + color: var(--color-fg-default) !important; |
|
| 5970 | +} |
|
| 5971 | +.color-fg-muted { |
|
| 5972 | + color: var(--color-fg-muted) !important; |
|
| 5973 | +} |
|
| 5974 | +.color-fg-subtle { |
|
| 5975 | + color: var(--color-fg-subtle) !important; |
|
| 5976 | +} |
|
| 5977 | +.color-fg-accent { |
|
| 5978 | + color: var(--color-accent-fg) !important; |
|
| 5979 | +} |
|
| 5980 | +.color-fg-success { |
|
| 5981 | + color: var(--color-success-fg) !important; |
|
| 5982 | +} |
|
| 5983 | +.color-fg-attention { |
|
| 5984 | + color: var(--color-attention-fg) !important; |
|
| 5985 | +} |
|
| 5986 | +.color-fg-severe { |
|
| 5987 | + color: var(--color-severe-fg) !important; |
|
| 5988 | +} |
|
| 5989 | +.color-fg-danger { |
|
| 5990 | + color: var(--color-danger-fg) !important; |
|
| 5991 | +} |
|
| 5992 | +.color-fg-open { |
|
| 5993 | + color: var(--color-open-fg) !important; |
|
| 5994 | +} |
|
| 5995 | +.color-fg-closed { |
|
| 5996 | + color: var(--color-closed-fg) !important; |
|
| 5997 | +} |
|
| 5998 | +.color-fg-done { |
|
| 5999 | + color: var(--color-done-fg) !important; |
|
| 6000 | +} |
|
| 6001 | +.color-fg-sponsors { |
|
| 6002 | + color: var(--color-sponsors-fg) !important; |
|
| 6003 | +} |
|
| 6004 | +.color-fg-on-emphasis { |
|
| 6005 | + color: var(--color-fg-on-emphasis) !important; |
|
| 6006 | +} |
|
| 6007 | +.color-bg-default { |
|
| 6008 | + background-color: var(--color-canvas-default) !important; |
|
| 6009 | +} |
|
| 6010 | +.color-bg-overlay { |
|
| 6011 | + background-color: var(--color-canvas-overlay) !important; |
|
| 6012 | +} |
|
| 6013 | +.color-bg-inset { |
|
| 6014 | + background-color: var(--color-canvas-inset) !important; |
|
| 6015 | +} |
|
| 6016 | +.color-bg-subtle { |
|
| 6017 | + background-color: var(--color-canvas-subtle) !important; |
|
| 6018 | +} |
|
| 6019 | +.color-bg-emphasis { |
|
| 6020 | + background-color: var(--color-neutral-emphasis-plus) !important; |
|
| 6021 | +} |
|
| 6022 | +.color-bg-accent { |
|
| 6023 | + background-color: var(--color-accent-subtle) !important; |
|
| 6024 | +} |
|
| 6025 | +.color-bg-accent-emphasis { |
|
| 6026 | + background-color: var(--color-accent-emphasis) !important; |
|
| 6027 | +} |
|
| 6028 | +.color-bg-success { |
|
| 6029 | + background-color: var(--color-success-subtle) !important; |
|
| 6030 | +} |
|
| 6031 | +.color-bg-success-emphasis { |
|
| 6032 | + background-color: var(--color-success-emphasis) !important; |
|
| 6033 | +} |
|
| 6034 | +.color-bg-attention { |
|
| 6035 | + background-color: var(--color-attention-subtle) !important; |
|
| 6036 | +} |
|
| 6037 | +.color-bg-attention-emphasis { |
|
| 6038 | + background-color: var(--color-attention-emphasis) !important; |
|
| 6039 | +} |
|
| 6040 | +.color-bg-severe { |
|
| 6041 | + background-color: var(--color-severe-subtle) !important; |
|
| 6042 | +} |
|
| 6043 | +.color-bg-severe-emphasis { |
|
| 6044 | + background-color: var(--color-severe-emphasis) !important; |
|
| 6045 | +} |
|
| 6046 | +.color-bg-danger { |
|
| 6047 | + background-color: var(--color-danger-subtle) !important; |
|
| 6048 | +} |
|
| 6049 | +.color-bg-danger-emphasis { |
|
| 6050 | + background-color: var(--color-danger-emphasis) !important; |
|
| 6051 | +} |
|
| 6052 | +.color-bg-open { |
|
| 6053 | + background-color: var(--color-open-subtle) !important; |
|
| 6054 | +} |
|
| 6055 | +.color-bg-open-emphasis { |
|
| 6056 | + background-color: var(--color-open-emphasis) !important; |
|
| 6057 | +} |
|
| 6058 | +.color-bg-closed { |
|
| 6059 | + background-color: var(--color-closed-subtle) !important; |
|
| 6060 | +} |
|
| 6061 | +.color-bg-closed-emphasis { |
|
| 6062 | + background-color: var(--color-closed-emphasis) !important; |
|
| 6063 | +} |
|
| 6064 | +.color-bg-done { |
|
| 6065 | + background-color: var(--color-done-subtle) !important; |
|
| 6066 | +} |
|
| 6067 | +.color-bg-done-emphasis { |
|
| 6068 | + background-color: var(--color-done-emphasis) !important; |
|
| 6069 | +} |
|
| 6070 | +.color-bg-sponsors { |
|
| 6071 | + background-color: var(--color-sponsors-subtle) !important; |
|
| 6072 | +} |
|
| 6073 | +.color-bg-sponsors-emphasis { |
|
| 6074 | + background-color: var(--color-sponsors-emphasis) !important; |
|
| 6075 | +} |
|
| 6076 | +.color-bg-transparent { |
|
| 6077 | + background-color: transparent !important; |
|
| 6078 | +} |
|
| 6079 | +.color-border-default { |
|
| 6080 | + border-color: var(--color-border-default) !important; |
|
| 6081 | +} |
|
| 6082 | +.color-border-muted { |
|
| 6083 | + border-color: var(--color-border-muted) !important; |
|
| 6084 | +} |
|
| 6085 | +.color-border-subtle { |
|
| 6086 | + border-color: var(--color-border-subtle) !important; |
|
| 6087 | +} |
|
| 6088 | +.color-border-accent { |
|
| 6089 | + border-color: var(--color-accent-muted) !important; |
|
| 6090 | +} |
|
| 6091 | +.color-border-accent-emphasis { |
|
| 6092 | + border-color: var(--color-accent-emphasis) !important; |
|
| 6093 | +} |
|
| 6094 | +.color-border-success { |
|
| 6095 | + border-color: var(--color-success-muted) !important; |
|
| 6096 | +} |
|
| 6097 | +.color-border-success-emphasis { |
|
| 6098 | + border-color: var(--color-success-emphasis) !important; |
|
| 6099 | +} |
|
| 6100 | +.color-border-attention { |
|
| 6101 | + border-color: var(--color-attention-muted) !important; |
|
| 6102 | +} |
|
| 6103 | +.color-border-attention-emphasis { |
|
| 6104 | + border-color: var(--color-attention-emphasis) !important; |
|
| 6105 | +} |
|
| 6106 | +.color-border-severe { |
|
| 6107 | + border-color: var(--color-severe-muted) !important; |
|
| 6108 | +} |
|
| 6109 | +.color-border-severe-emphasis { |
|
| 6110 | + border-color: var(--color-severe-emphasis) !important; |
|
| 6111 | +} |
|
| 6112 | +.color-border-danger { |
|
| 6113 | + border-color: var(--color-danger-muted) !important; |
|
| 6114 | +} |
|
| 6115 | +.color-border-danger-emphasis { |
|
| 6116 | + border-color: var(--color-danger-emphasis) !important; |
|
| 6117 | +} |
|
| 6118 | +.color-border-open { |
|
| 6119 | + border-color: var(--color-open-muted) !important; |
|
| 6120 | +} |
|
| 6121 | +.color-border-open-emphasis { |
|
| 6122 | + border-color: var(--color-open-emphasis) !important; |
|
| 6123 | +} |
|
| 6124 | +.color-border-closed { |
|
| 6125 | + border-color: var(--color-closed-muted) !important; |
|
| 6126 | +} |
|
| 6127 | +.color-border-closed-emphasis { |
|
| 6128 | + border-color: var(--color-closed-emphasis) !important; |
|
| 6129 | +} |
|
| 6130 | +.color-border-done { |
|
| 6131 | + border-color: var(--color-done-muted) !important; |
|
| 6132 | +} |
|
| 6133 | +.color-border-done-emphasis { |
|
| 6134 | + border-color: var(--color-done-emphasis) !important; |
|
| 6135 | +} |
|
| 6136 | +.color-border-sponsors { |
|
| 6137 | + border-color: var(--color-sponsors-muted) !important; |
|
| 6138 | +} |
|
| 6139 | +.color-border-sponsors-emphasis { |
|
| 6140 | + border-color: var(--color-sponsors-emphasis) !important; |
|
| 6141 | +} |
|
| 6142 | +.color-fg-inherit { |
|
| 6143 | + color: inherit !important; |
|
| 6144 | +} |
|
| 6145 | +.details-overlay[open] > summary::before { |
|
| 6146 | + position: fixed; |
|
| 6147 | + top: 0; |
|
| 6148 | + right: 0; |
|
| 6149 | + bottom: 0; |
|
| 6150 | + left: 0; |
|
| 6151 | + z-index: 80; |
|
| 6152 | + display: block; |
|
| 6153 | + cursor: default; |
|
| 6154 | + content: " "; |
|
| 6155 | + background: transparent; |
|
| 6156 | +} |
|
| 6157 | +.details-overlay-dark[open] > summary::before { |
|
| 6158 | + z-index: 111; |
|
| 6159 | + background: var(--color-primer-canvas-backdrop); |
|
| 6160 | +} |
|
| 6161 | +.details-reset > summary { |
|
| 6162 | + list-style: none; |
|
| 6163 | + transition: 80ms cubic-bezier(0.33, 1, 0.68, 1); |
|
| 6164 | + transition-property: color, background-color, box-shadow, border-color; |
|
| 6165 | +} |
|
| 6166 | +.details-reset > summary:focus { |
|
| 6167 | + outline: 2px solid var(--color-accent-fg); |
|
| 6168 | + outline-offset: -2px; |
|
| 6169 | + box-shadow: none; |
|
| 6170 | +} |
|
| 6171 | +.details-reset > summary:focus:not(:focus-visible) { |
|
| 6172 | + outline: solid 1px transparent; |
|
| 6173 | +} |
|
| 6174 | +.details-reset > summary:focus-visible { |
|
| 6175 | + outline: 2px solid var(--color-accent-fg); |
|
| 6176 | + outline-offset: -2px; |
|
| 6177 | + box-shadow: none; |
|
| 6178 | +} |
|
| 6179 | +.details-reset > summary.btn-primary:focus { |
|
| 6180 | + outline: 2px solid var(--color-accent-fg); |
|
| 6181 | + outline-offset: -2px; |
|
| 6182 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 6183 | +} |
|
| 6184 | +.details-reset > summary.btn-primary:focus:not(:focus-visible) { |
|
| 6185 | + outline: solid 1px transparent; |
|
| 6186 | + box-shadow: none; |
|
| 6187 | +} |
|
| 6188 | +.details-reset > summary.btn-primary:focus-visible { |
|
| 6189 | + outline: 2px solid var(--color-accent-fg); |
|
| 6190 | + outline-offset: -2px; |
|
| 6191 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 6192 | +} |
|
| 6193 | +.details-reset > summary::before { |
|
| 6194 | + display: none; |
|
| 6195 | +} |
|
| 6196 | +.details-reset > summary::-webkit-details-marker { |
|
| 6197 | + display: none; |
|
| 6198 | +} |
|
| 6199 | +.details-overlay > summary { |
|
| 6200 | + transition: 80ms cubic-bezier(0.33, 1, 0.68, 1); |
|
| 6201 | + transition-property: color, background-color, box-shadow, border-color; |
|
| 6202 | +} |
|
| 6203 | +.details-overlay > summary:focus { |
|
| 6204 | + outline: 2px solid var(--color-accent-fg); |
|
| 6205 | + outline-offset: -2px; |
|
| 6206 | + box-shadow: none; |
|
| 6207 | +} |
|
| 6208 | +.details-overlay > summary:focus:not(:focus-visible) { |
|
| 6209 | + outline: solid 1px transparent; |
|
| 6210 | +} |
|
| 6211 | +.details-overlay > summary:focus-visible { |
|
| 6212 | + outline: 2px solid var(--color-accent-fg); |
|
| 6213 | + outline-offset: -2px; |
|
| 6214 | + box-shadow: none; |
|
| 6215 | +} |
|
| 6216 | +.details-overlay > summary.btn-primary:focus { |
|
| 6217 | + outline: 2px solid var(--color-accent-fg); |
|
| 6218 | + outline-offset: -2px; |
|
| 6219 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 6220 | +} |
|
| 6221 | +.details-overlay > summary.btn-primary:focus:not(:focus-visible) { |
|
| 6222 | + outline: solid 1px transparent; |
|
| 6223 | + box-shadow: none; |
|
| 6224 | +} |
|
| 6225 | +.details-overlay > summary.btn-primary:focus-visible { |
|
| 6226 | + outline: 2px solid var(--color-accent-fg); |
|
| 6227 | + outline-offset: -2px; |
|
| 6228 | + box-shadow: inset 0 0 0 3px var(--color-fg-on-emphasis); |
|
| 6229 | +} |
|
| 6230 | +.flex-row { |
|
| 6231 | + flex-direction: row !important; |
|
| 6232 | +} |
|
| 6233 | +.flex-row-reverse { |
|
| 6234 | + flex-direction: row-reverse !important; |
|
| 6235 | +} |
|
| 6236 | +.flex-column { |
|
| 6237 | + flex-direction: column !important; |
|
| 6238 | +} |
|
| 6239 | +.flex-column-reverse { |
|
| 6240 | + flex-direction: column-reverse !important; |
|
| 6241 | +} |
|
| 6242 | +.flex-wrap { |
|
| 6243 | + flex-wrap: wrap !important; |
|
| 6244 | +} |
|
| 6245 | +.flex-nowrap { |
|
| 6246 | + flex-wrap: nowrap !important; |
|
| 6247 | +} |
|
| 6248 | +.flex-wrap-reverse { |
|
| 6249 | + flex-wrap: wrap-reverse !important; |
|
| 6250 | +} |
|
| 6251 | +.flex-justify-start { |
|
| 6252 | + justify-content: flex-start !important; |
|
| 6253 | +} |
|
| 6254 | +.flex-justify-end { |
|
| 6255 | + justify-content: flex-end !important; |
|
| 6256 | +} |
|
| 6257 | +.flex-justify-center { |
|
| 6258 | + justify-content: center !important; |
|
| 6259 | +} |
|
| 6260 | +.flex-justify-between { |
|
| 6261 | + justify-content: space-between !important; |
|
| 6262 | +} |
|
| 6263 | +.flex-justify-around { |
|
| 6264 | + justify-content: space-around !important; |
|
| 6265 | +} |
|
| 6266 | +.flex-items-start { |
|
| 6267 | + align-items: flex-start !important; |
|
| 6268 | +} |
|
| 6269 | +.flex-items-end { |
|
| 6270 | + align-items: flex-end !important; |
|
| 6271 | +} |
|
| 6272 | +.flex-items-center { |
|
| 6273 | + align-items: center !important; |
|
| 6274 | +} |
|
| 6275 | +.flex-items-baseline { |
|
| 6276 | + align-items: baseline !important; |
|
| 6277 | +} |
|
| 6278 | +.flex-items-stretch { |
|
| 6279 | + align-items: stretch !important; |
|
| 6280 | +} |
|
| 6281 | +.flex-content-start { |
|
| 6282 | + align-content: flex-start !important; |
|
| 6283 | +} |
|
| 6284 | +.flex-content-end { |
|
| 6285 | + align-content: flex-end !important; |
|
| 6286 | +} |
|
| 6287 | +.flex-content-center { |
|
| 6288 | + align-content: center !important; |
|
| 6289 | +} |
|
| 6290 | +.flex-content-between { |
|
| 6291 | + align-content: space-between !important; |
|
| 6292 | +} |
|
| 6293 | +.flex-content-around { |
|
| 6294 | + align-content: space-around !important; |
|
| 6295 | +} |
|
| 6296 | +.flex-content-stretch { |
|
| 6297 | + align-content: stretch !important; |
|
| 6298 | +} |
|
| 6299 | +.flex-1 { |
|
| 6300 | + flex: 1 !important; |
|
| 6301 | +} |
|
| 6302 | +.flex-auto { |
|
| 6303 | + flex: auto !important; |
|
| 6304 | +} |
|
| 6305 | +.flex-grow-0 { |
|
| 6306 | + flex-grow: 0 !important; |
|
| 6307 | +} |
|
| 6308 | +.flex-shrink-0 { |
|
| 6309 | + flex-shrink: 0 !important; |
|
| 6310 | +} |
|
| 6311 | +.flex-self-auto { |
|
| 6312 | + align-self: auto !important; |
|
| 6313 | +} |
|
| 6314 | +.flex-self-start { |
|
| 6315 | + align-self: flex-start !important; |
|
| 6316 | +} |
|
| 6317 | +.flex-self-end { |
|
| 6318 | + align-self: flex-end !important; |
|
| 6319 | +} |
|
| 6320 | +.flex-self-center { |
|
| 6321 | + align-self: center !important; |
|
| 6322 | +} |
|
| 6323 | +.flex-self-baseline { |
|
| 6324 | + align-self: baseline !important; |
|
| 6325 | +} |
|
| 6326 | +.flex-self-stretch { |
|
| 6327 | + align-self: stretch !important; |
|
| 6328 | +} |
|
| 6329 | +.flex-order-1 { |
|
| 6330 | + order: 1 !important; |
|
| 6331 | +} |
|
| 6332 | +.flex-order-2 { |
|
| 6333 | + order: 2 !important; |
|
| 6334 | +} |
|
| 6335 | +.flex-order-none { |
|
| 6336 | + order: inherit !important; |
|
| 6337 | +} |
|
| 6338 | +@media (min-width: 544px) { |
|
| 6339 | + .flex-sm-row { |
|
| 6340 | + flex-direction: row !important; |
|
| 6341 | + } |
|
| 6342 | + .flex-sm-row-reverse { |
|
| 6343 | + flex-direction: row-reverse !important; |
|
| 6344 | + } |
|
| 6345 | + .flex-sm-column { |
|
| 6346 | + flex-direction: column !important; |
|
| 6347 | + } |
|
| 6348 | + .flex-sm-column-reverse { |
|
| 6349 | + flex-direction: column-reverse !important; |
|
| 6350 | + } |
|
| 6351 | + .flex-sm-wrap { |
|
| 6352 | + flex-wrap: wrap !important; |
|
| 6353 | + } |
|
| 6354 | + .flex-sm-nowrap { |
|
| 6355 | + flex-wrap: nowrap !important; |
|
| 6356 | + } |
|
| 6357 | + .flex-sm-wrap-reverse { |
|
| 6358 | + flex-wrap: wrap-reverse !important; |
|
| 6359 | + } |
|
| 6360 | + .flex-sm-justify-start { |
|
| 6361 | + justify-content: flex-start !important; |
|
| 6362 | + } |
|
| 6363 | + .flex-sm-justify-end { |
|
| 6364 | + justify-content: flex-end !important; |
|
| 6365 | + } |
|
| 6366 | + .flex-sm-justify-center { |
|
| 6367 | + justify-content: center !important; |
|
| 6368 | + } |
|
| 6369 | + .flex-sm-justify-between { |
|
| 6370 | + justify-content: space-between !important; |
|
| 6371 | + } |
|
| 6372 | + .flex-sm-justify-around { |
|
| 6373 | + justify-content: space-around !important; |
|
| 6374 | + } |
|
| 6375 | + .flex-sm-items-start { |
|
| 6376 | + align-items: flex-start !important; |
|
| 6377 | + } |
|
| 6378 | + .flex-sm-items-end { |
|
| 6379 | + align-items: flex-end !important; |
|
| 6380 | + } |
|
| 6381 | + .flex-sm-items-center { |
|
| 6382 | + align-items: center !important; |
|
| 6383 | + } |
|
| 6384 | + .flex-sm-items-baseline { |
|
| 6385 | + align-items: baseline !important; |
|
| 6386 | + } |
|
| 6387 | + .flex-sm-items-stretch { |
|
| 6388 | + align-items: stretch !important; |
|
| 6389 | + } |
|
| 6390 | + .flex-sm-content-start { |
|
| 6391 | + align-content: flex-start !important; |
|
| 6392 | + } |
|
| 6393 | + .flex-sm-content-end { |
|
| 6394 | + align-content: flex-end !important; |
|
| 6395 | + } |
|
| 6396 | + .flex-sm-content-center { |
|
| 6397 | + align-content: center !important; |
|
| 6398 | + } |
|
| 6399 | + .flex-sm-content-between { |
|
| 6400 | + align-content: space-between !important; |
|
| 6401 | + } |
|
| 6402 | + .flex-sm-content-around { |
|
| 6403 | + align-content: space-around !important; |
|
| 6404 | + } |
|
| 6405 | + .flex-sm-content-stretch { |
|
| 6406 | + align-content: stretch !important; |
|
| 6407 | + } |
|
| 6408 | + .flex-sm-1 { |
|
| 6409 | + flex: 1 !important; |
|
| 6410 | + } |
|
| 6411 | + .flex-sm-auto { |
|
| 6412 | + flex: auto !important; |
|
| 6413 | + } |
|
| 6414 | + .flex-sm-grow-0 { |
|
| 6415 | + flex-grow: 0 !important; |
|
| 6416 | + } |
|
| 6417 | + .flex-sm-shrink-0 { |
|
| 6418 | + flex-shrink: 0 !important; |
|
| 6419 | + } |
|
| 6420 | + .flex-sm-self-auto { |
|
| 6421 | + align-self: auto !important; |
|
| 6422 | + } |
|
| 6423 | + .flex-sm-self-start { |
|
| 6424 | + align-self: flex-start !important; |
|
| 6425 | + } |
|
| 6426 | + .flex-sm-self-end { |
|
| 6427 | + align-self: flex-end !important; |
|
| 6428 | + } |
|
| 6429 | + .flex-sm-self-center { |
|
| 6430 | + align-self: center !important; |
|
| 6431 | + } |
|
| 6432 | + .flex-sm-self-baseline { |
|
| 6433 | + align-self: baseline !important; |
|
| 6434 | + } |
|
| 6435 | + .flex-sm-self-stretch { |
|
| 6436 | + align-self: stretch !important; |
|
| 6437 | + } |
|
| 6438 | + .flex-sm-order-1 { |
|
| 6439 | + order: 1 !important; |
|
| 6440 | + } |
|
| 6441 | + .flex-sm-order-2 { |
|
| 6442 | + order: 2 !important; |
|
| 6443 | + } |
|
| 6444 | + .flex-sm-order-none { |
|
| 6445 | + order: inherit !important; |
|
| 6446 | + } |
|
| 6447 | +} |
|
| 6448 | +@media (min-width: 768px) { |
|
| 6449 | + .flex-md-row { |
|
| 6450 | + flex-direction: row !important; |
|
| 6451 | + } |
|
| 6452 | + .flex-md-row-reverse { |
|
| 6453 | + flex-direction: row-reverse !important; |
|
| 6454 | + } |
|
| 6455 | + .flex-md-column { |
|
| 6456 | + flex-direction: column !important; |
|
| 6457 | + } |
|
| 6458 | + .flex-md-column-reverse { |
|
| 6459 | + flex-direction: column-reverse !important; |
|
| 6460 | + } |
|
| 6461 | + .flex-md-wrap { |
|
| 6462 | + flex-wrap: wrap !important; |
|
| 6463 | + } |
|
| 6464 | + .flex-md-nowrap { |
|
| 6465 | + flex-wrap: nowrap !important; |
|
| 6466 | + } |
|
| 6467 | + .flex-md-wrap-reverse { |
|
| 6468 | + flex-wrap: wrap-reverse !important; |
|
| 6469 | + } |
|
| 6470 | + .flex-md-justify-start { |
|
| 6471 | + justify-content: flex-start !important; |
|
| 6472 | + } |
|
| 6473 | + .flex-md-justify-end { |
|
| 6474 | + justify-content: flex-end !important; |
|
| 6475 | + } |
|
| 6476 | + .flex-md-justify-center { |
|
| 6477 | + justify-content: center !important; |
|
| 6478 | + } |
|
| 6479 | + .flex-md-justify-between { |
|
| 6480 | + justify-content: space-between !important; |
|
| 6481 | + } |
|
| 6482 | + .flex-md-justify-around { |
|
| 6483 | + justify-content: space-around !important; |
|
| 6484 | + } |
|
| 6485 | + .flex-md-items-start { |
|
| 6486 | + align-items: flex-start !important; |
|
| 6487 | + } |
|
| 6488 | + .flex-md-items-end { |
|
| 6489 | + align-items: flex-end !important; |
|
| 6490 | + } |
|
| 6491 | + .flex-md-items-center { |
|
| 6492 | + align-items: center !important; |
|
| 6493 | + } |
|
| 6494 | + .flex-md-items-baseline { |
|
| 6495 | + align-items: baseline !important; |
|
| 6496 | + } |
|
| 6497 | + .flex-md-items-stretch { |
|
| 6498 | + align-items: stretch !important; |
|
| 6499 | + } |
|
| 6500 | + .flex-md-content-start { |
|
| 6501 | + align-content: flex-start !important; |
|
| 6502 | + } |
|
| 6503 | + .flex-md-content-end { |
|
| 6504 | + align-content: flex-end !important; |
|
| 6505 | + } |
|
| 6506 | + .flex-md-content-center { |
|
| 6507 | + align-content: center !important; |
|
| 6508 | + } |
|
| 6509 | + .flex-md-content-between { |
|
| 6510 | + align-content: space-between !important; |
|
| 6511 | + } |
|
| 6512 | + .flex-md-content-around { |
|
| 6513 | + align-content: space-around !important; |
|
| 6514 | + } |
|
| 6515 | + .flex-md-content-stretch { |
|
| 6516 | + align-content: stretch !important; |
|
| 6517 | + } |
|
| 6518 | + .flex-md-1 { |
|
| 6519 | + flex: 1 !important; |
|
| 6520 | + } |
|
| 6521 | + .flex-md-auto { |
|
| 6522 | + flex: auto !important; |
|
| 6523 | + } |
|
| 6524 | + .flex-md-grow-0 { |
|
| 6525 | + flex-grow: 0 !important; |
|
| 6526 | + } |
|
| 6527 | + .flex-md-shrink-0 { |
|
| 6528 | + flex-shrink: 0 !important; |
|
| 6529 | + } |
|
| 6530 | + .flex-md-self-auto { |
|
| 6531 | + align-self: auto !important; |
|
| 6532 | + } |
|
| 6533 | + .flex-md-self-start { |
|
| 6534 | + align-self: flex-start !important; |
|
| 6535 | + } |
|
| 6536 | + .flex-md-self-end { |
|
| 6537 | + align-self: flex-end !important; |
|
| 6538 | + } |
|
| 6539 | + .flex-md-self-center { |
|
| 6540 | + align-self: center !important; |
|
| 6541 | + } |
|
| 6542 | + .flex-md-self-baseline { |
|
| 6543 | + align-self: baseline !important; |
|
| 6544 | + } |
|
| 6545 | + .flex-md-self-stretch { |
|
| 6546 | + align-self: stretch !important; |
|
| 6547 | + } |
|
| 6548 | + .flex-md-order-1 { |
|
| 6549 | + order: 1 !important; |
|
| 6550 | + } |
|
| 6551 | + .flex-md-order-2 { |
|
| 6552 | + order: 2 !important; |
|
| 6553 | + } |
|
| 6554 | + .flex-md-order-none { |
|
| 6555 | + order: inherit !important; |
|
| 6556 | + } |
|
| 6557 | +} |
|
| 6558 | +@media (min-width: 1012px) { |
|
| 6559 | + .flex-lg-row { |
|
| 6560 | + flex-direction: row !important; |
|
| 6561 | + } |
|
| 6562 | + .flex-lg-row-reverse { |
|
| 6563 | + flex-direction: row-reverse !important; |
|
| 6564 | + } |
|
| 6565 | + .flex-lg-column { |
|
| 6566 | + flex-direction: column !important; |
|
| 6567 | + } |
|
| 6568 | + .flex-lg-column-reverse { |
|
| 6569 | + flex-direction: column-reverse !important; |
|
| 6570 | + } |
|
| 6571 | + .flex-lg-wrap { |
|
| 6572 | + flex-wrap: wrap !important; |
|
| 6573 | + } |
|
| 6574 | + .flex-lg-nowrap { |
|
| 6575 | + flex-wrap: nowrap !important; |
|
| 6576 | + } |
|
| 6577 | + .flex-lg-wrap-reverse { |
|
| 6578 | + flex-wrap: wrap-reverse !important; |
|
| 6579 | + } |
|
| 6580 | + .flex-lg-justify-start { |
|
| 6581 | + justify-content: flex-start !important; |
|
| 6582 | + } |
|
| 6583 | + .flex-lg-justify-end { |
|
| 6584 | + justify-content: flex-end !important; |
|
| 6585 | + } |
|
| 6586 | + .flex-lg-justify-center { |
|
| 6587 | + justify-content: center !important; |
|
| 6588 | + } |
|
| 6589 | + .flex-lg-justify-between { |
|
| 6590 | + justify-content: space-between !important; |
|
| 6591 | + } |
|
| 6592 | + .flex-lg-justify-around { |
|
| 6593 | + justify-content: space-around !important; |
|
| 6594 | + } |
|
| 6595 | + .flex-lg-items-start { |
|
| 6596 | + align-items: flex-start !important; |
|
| 6597 | + } |
|
| 6598 | + .flex-lg-items-end { |
|
| 6599 | + align-items: flex-end !important; |
|
| 6600 | + } |
|
| 6601 | + .flex-lg-items-center { |
|
| 6602 | + align-items: center !important; |
|
| 6603 | + } |
|
| 6604 | + .flex-lg-items-baseline { |
|
| 6605 | + align-items: baseline !important; |
|
| 6606 | + } |
|
| 6607 | + .flex-lg-items-stretch { |
|
| 6608 | + align-items: stretch !important; |
|
| 6609 | + } |
|
| 6610 | + .flex-lg-content-start { |
|
| 6611 | + align-content: flex-start !important; |
|
| 6612 | + } |
|
| 6613 | + .flex-lg-content-end { |
|
| 6614 | + align-content: flex-end !important; |
|
| 6615 | + } |
|
| 6616 | + .flex-lg-content-center { |
|
| 6617 | + align-content: center !important; |
|
| 6618 | + } |
|
| 6619 | + .flex-lg-content-between { |
|
| 6620 | + align-content: space-between !important; |
|
| 6621 | + } |
|
| 6622 | + .flex-lg-content-around { |
|
| 6623 | + align-content: space-around !important; |
|
| 6624 | + } |
|
| 6625 | + .flex-lg-content-stretch { |
|
| 6626 | + align-content: stretch !important; |
|
| 6627 | + } |
|
| 6628 | + .flex-lg-1 { |
|
| 6629 | + flex: 1 !important; |
|
| 6630 | + } |
|
| 6631 | + .flex-lg-auto { |
|
| 6632 | + flex: auto !important; |
|
| 6633 | + } |
|
| 6634 | + .flex-lg-grow-0 { |
|
| 6635 | + flex-grow: 0 !important; |
|
| 6636 | + } |
|
| 6637 | + .flex-lg-shrink-0 { |
|
| 6638 | + flex-shrink: 0 !important; |
|
| 6639 | + } |
|
| 6640 | + .flex-lg-self-auto { |
|
| 6641 | + align-self: auto !important; |
|
| 6642 | + } |
|
| 6643 | + .flex-lg-self-start { |
|
| 6644 | + align-self: flex-start !important; |
|
| 6645 | + } |
|
| 6646 | + .flex-lg-self-end { |
|
| 6647 | + align-self: flex-end !important; |
|
| 6648 | + } |
|
| 6649 | + .flex-lg-self-center { |
|
| 6650 | + align-self: center !important; |
|
| 6651 | + } |
|
| 6652 | + .flex-lg-self-baseline { |
|
| 6653 | + align-self: baseline !important; |
|
| 6654 | + } |
|
| 6655 | + .flex-lg-self-stretch { |
|
| 6656 | + align-self: stretch !important; |
|
| 6657 | + } |
|
| 6658 | + .flex-lg-order-1 { |
|
| 6659 | + order: 1 !important; |
|
| 6660 | + } |
|
| 6661 | + .flex-lg-order-2 { |
|
| 6662 | + order: 2 !important; |
|
| 6663 | + } |
|
| 6664 | + .flex-lg-order-none { |
|
| 6665 | + order: inherit !important; |
|
| 6666 | + } |
|
| 6667 | +} |
|
| 6668 | +@media (min-width: 1280px) { |
|
| 6669 | + .flex-xl-row { |
|
| 6670 | + flex-direction: row !important; |
|
| 6671 | + } |
|
| 6672 | + .flex-xl-row-reverse { |
|
| 6673 | + flex-direction: row-reverse !important; |
|
| 6674 | + } |
|
| 6675 | + .flex-xl-column { |
|
| 6676 | + flex-direction: column !important; |
|
| 6677 | + } |
|
| 6678 | + .flex-xl-column-reverse { |
|
| 6679 | + flex-direction: column-reverse !important; |
|
| 6680 | + } |
|
| 6681 | + .flex-xl-wrap { |
|
| 6682 | + flex-wrap: wrap !important; |
|
| 6683 | + } |
|
| 6684 | + .flex-xl-nowrap { |
|
| 6685 | + flex-wrap: nowrap !important; |
|
| 6686 | + } |
|
| 6687 | + .flex-xl-wrap-reverse { |
|
| 6688 | + flex-wrap: wrap-reverse !important; |
|
| 6689 | + } |
|
| 6690 | + .flex-xl-justify-start { |
|
| 6691 | + justify-content: flex-start !important; |
|
| 6692 | + } |
|
| 6693 | + .flex-xl-justify-end { |
|
| 6694 | + justify-content: flex-end !important; |
|
| 6695 | + } |
|
| 6696 | + .flex-xl-justify-center { |
|
| 6697 | + justify-content: center !important; |
|
| 6698 | + } |
|
| 6699 | + .flex-xl-justify-between { |
|
| 6700 | + justify-content: space-between !important; |
|
| 6701 | + } |
|
| 6702 | + .flex-xl-justify-around { |
|
| 6703 | + justify-content: space-around !important; |
|
| 6704 | + } |
|
| 6705 | + .flex-xl-items-start { |
|
| 6706 | + align-items: flex-start !important; |
|
| 6707 | + } |
|
| 6708 | + .flex-xl-items-end { |
|
| 6709 | + align-items: flex-end !important; |
|
| 6710 | + } |
|
| 6711 | + .flex-xl-items-center { |
|
| 6712 | + align-items: center !important; |
|
| 6713 | + } |
|
| 6714 | + .flex-xl-items-baseline { |
|
| 6715 | + align-items: baseline !important; |
|
| 6716 | + } |
|
| 6717 | + .flex-xl-items-stretch { |
|
| 6718 | + align-items: stretch !important; |
|
| 6719 | + } |
|
| 6720 | + .flex-xl-content-start { |
|
| 6721 | + align-content: flex-start !important; |
|
| 6722 | + } |
|
| 6723 | + .flex-xl-content-end { |
|
| 6724 | + align-content: flex-end !important; |
|
| 6725 | + } |
|
| 6726 | + .flex-xl-content-center { |
|
| 6727 | + align-content: center !important; |
|
| 6728 | + } |
|
| 6729 | + .flex-xl-content-between { |
|
| 6730 | + align-content: space-between !important; |
|
| 6731 | + } |
|
| 6732 | + .flex-xl-content-around { |
|
| 6733 | + align-content: space-around !important; |
|
| 6734 | + } |
|
| 6735 | + .flex-xl-content-stretch { |
|
| 6736 | + align-content: stretch !important; |
|
| 6737 | + } |
|
| 6738 | + .flex-xl-1 { |
|
| 6739 | + flex: 1 !important; |
|
| 6740 | + } |
|
| 6741 | + .flex-xl-auto { |
|
| 6742 | + flex: auto !important; |
|
| 6743 | + } |
|
| 6744 | + .flex-xl-grow-0 { |
|
| 6745 | + flex-grow: 0 !important; |
|
| 6746 | + } |
|
| 6747 | + .flex-xl-shrink-0 { |
|
| 6748 | + flex-shrink: 0 !important; |
|
| 6749 | + } |
|
| 6750 | + .flex-xl-self-auto { |
|
| 6751 | + align-self: auto !important; |
|
| 6752 | + } |
|
| 6753 | + .flex-xl-self-start { |
|
| 6754 | + align-self: flex-start !important; |
|
| 6755 | + } |
|
| 6756 | + .flex-xl-self-end { |
|
| 6757 | + align-self: flex-end !important; |
|
| 6758 | + } |
|
| 6759 | + .flex-xl-self-center { |
|
| 6760 | + align-self: center !important; |
|
| 6761 | + } |
|
| 6762 | + .flex-xl-self-baseline { |
|
| 6763 | + align-self: baseline !important; |
|
| 6764 | + } |
|
| 6765 | + .flex-xl-self-stretch { |
|
| 6766 | + align-self: stretch !important; |
|
| 6767 | + } |
|
| 6768 | + .flex-xl-order-1 { |
|
| 6769 | + order: 1 !important; |
|
| 6770 | + } |
|
| 6771 | + .flex-xl-order-2 { |
|
| 6772 | + order: 2 !important; |
|
| 6773 | + } |
|
| 6774 | + .flex-xl-order-none { |
|
| 6775 | + order: inherit !important; |
|
| 6776 | + } |
|
| 6777 | +} |
|
| 6778 | +.position-static { |
|
| 6779 | + position: static !important; |
|
| 6780 | +} |
|
| 6781 | +.position-relative { |
|
| 6782 | + position: relative !important; |
|
| 6783 | +} |
|
| 6784 | +.position-absolute { |
|
| 6785 | + position: absolute !important; |
|
| 6786 | +} |
|
| 6787 | +.position-fixed { |
|
| 6788 | + position: fixed !important; |
|
| 6789 | +} |
|
| 6790 | +.position-sticky { |
|
| 6791 | + position: sticky !important; |
|
| 6792 | +} |
|
| 6793 | +@media (min-width: 544px) { |
|
| 6794 | + .position-sm-static { |
|
| 6795 | + position: static !important; |
|
| 6796 | + } |
|
| 6797 | + .position-sm-relative { |
|
| 6798 | + position: relative !important; |
|
| 6799 | + } |
|
| 6800 | + .position-sm-absolute { |
|
| 6801 | + position: absolute !important; |
|
| 6802 | + } |
|
| 6803 | + .position-sm-fixed { |
|
| 6804 | + position: fixed !important; |
|
| 6805 | + } |
|
| 6806 | + .position-sm-sticky { |
|
| 6807 | + position: sticky !important; |
|
| 6808 | + } |
|
| 6809 | +} |
|
| 6810 | +@media (min-width: 768px) { |
|
| 6811 | + .position-md-static { |
|
| 6812 | + position: static !important; |
|
| 6813 | + } |
|
| 6814 | + .position-md-relative { |
|
| 6815 | + position: relative !important; |
|
| 6816 | + } |
|
| 6817 | + .position-md-absolute { |
|
| 6818 | + position: absolute !important; |
|
| 6819 | + } |
|
| 6820 | + .position-md-fixed { |
|
| 6821 | + position: fixed !important; |
|
| 6822 | + } |
|
| 6823 | + .position-md-sticky { |
|
| 6824 | + position: sticky !important; |
|
| 6825 | + } |
|
| 6826 | +} |
|
| 6827 | +@media (min-width: 1012px) { |
|
| 6828 | + .position-lg-static { |
|
| 6829 | + position: static !important; |
|
| 6830 | + } |
|
| 6831 | + .position-lg-relative { |
|
| 6832 | + position: relative !important; |
|
| 6833 | + } |
|
| 6834 | + .position-lg-absolute { |
|
| 6835 | + position: absolute !important; |
|
| 6836 | + } |
|
| 6837 | + .position-lg-fixed { |
|
| 6838 | + position: fixed !important; |
|
| 6839 | + } |
|
| 6840 | + .position-lg-sticky { |
|
| 6841 | + position: sticky !important; |
|
| 6842 | + } |
|
| 6843 | +} |
|
| 6844 | +@media (min-width: 1280px) { |
|
| 6845 | + .position-xl-static { |
|
| 6846 | + position: static !important; |
|
| 6847 | + } |
|
| 6848 | + .position-xl-relative { |
|
| 6849 | + position: relative !important; |
|
| 6850 | + } |
|
| 6851 | + .position-xl-absolute { |
|
| 6852 | + position: absolute !important; |
|
| 6853 | + } |
|
| 6854 | + .position-xl-fixed { |
|
| 6855 | + position: fixed !important; |
|
| 6856 | + } |
|
| 6857 | + .position-xl-sticky { |
|
| 6858 | + position: sticky !important; |
|
| 6859 | + } |
|
| 6860 | +} |
|
| 6861 | +.top-0 { |
|
| 6862 | + top: 0 !important; |
|
| 6863 | +} |
|
| 6864 | +.right-0 { |
|
| 6865 | + right: 0 !important; |
|
| 6866 | +} |
|
| 6867 | +.bottom-0 { |
|
| 6868 | + bottom: 0 !important; |
|
| 6869 | +} |
|
| 6870 | +.left-0 { |
|
| 6871 | + left: 0 !important; |
|
| 6872 | +} |
|
| 6873 | +.top-auto { |
|
| 6874 | + top: auto !important; |
|
| 6875 | +} |
|
| 6876 | +.right-auto { |
|
| 6877 | + right: auto !important; |
|
| 6878 | +} |
|
| 6879 | +.bottom-auto { |
|
| 6880 | + bottom: auto !important; |
|
| 6881 | +} |
|
| 6882 | +.left-auto { |
|
| 6883 | + left: auto !important; |
|
| 6884 | +} |
|
| 6885 | +@media (min-width: 544px) { |
|
| 6886 | + .top-sm-0 { |
|
| 6887 | + top: 0 !important; |
|
| 6888 | + } |
|
| 6889 | + .right-sm-0 { |
|
| 6890 | + right: 0 !important; |
|
| 6891 | + } |
|
| 6892 | + .bottom-sm-0 { |
|
| 6893 | + bottom: 0 !important; |
|
| 6894 | + } |
|
| 6895 | + .left-sm-0 { |
|
| 6896 | + left: 0 !important; |
|
| 6897 | + } |
|
| 6898 | + .top-sm-auto { |
|
| 6899 | + top: auto !important; |
|
| 6900 | + } |
|
| 6901 | + .right-sm-auto { |
|
| 6902 | + right: auto !important; |
|
| 6903 | + } |
|
| 6904 | + .bottom-sm-auto { |
|
| 6905 | + bottom: auto !important; |
|
| 6906 | + } |
|
| 6907 | + .left-sm-auto { |
|
| 6908 | + left: auto !important; |
|
| 6909 | + } |
|
| 6910 | +} |
|
| 6911 | +@media (min-width: 768px) { |
|
| 6912 | + .top-md-0 { |
|
| 6913 | + top: 0 !important; |
|
| 6914 | + } |
|
| 6915 | + .right-md-0 { |
|
| 6916 | + right: 0 !important; |
|
| 6917 | + } |
|
| 6918 | + .bottom-md-0 { |
|
| 6919 | + bottom: 0 !important; |
|
| 6920 | + } |
|
| 6921 | + .left-md-0 { |
|
| 6922 | + left: 0 !important; |
|
| 6923 | + } |
|
| 6924 | + .top-md-auto { |
|
| 6925 | + top: auto !important; |
|
| 6926 | + } |
|
| 6927 | + .right-md-auto { |
|
| 6928 | + right: auto !important; |
|
| 6929 | + } |
|
| 6930 | + .bottom-md-auto { |
|
| 6931 | + bottom: auto !important; |
|
| 6932 | + } |
|
| 6933 | + .left-md-auto { |
|
| 6934 | + left: auto !important; |
|
| 6935 | + } |
|
| 6936 | +} |
|
| 6937 | +@media (min-width: 1012px) { |
|
| 6938 | + .top-lg-0 { |
|
| 6939 | + top: 0 !important; |
|
| 6940 | + } |
|
| 6941 | + .right-lg-0 { |
|
| 6942 | + right: 0 !important; |
|
| 6943 | + } |
|
| 6944 | + .bottom-lg-0 { |
|
| 6945 | + bottom: 0 !important; |
|
| 6946 | + } |
|
| 6947 | + .left-lg-0 { |
|
| 6948 | + left: 0 !important; |
|
| 6949 | + } |
|
| 6950 | + .top-lg-auto { |
|
| 6951 | + top: auto !important; |
|
| 6952 | + } |
|
| 6953 | + .right-lg-auto { |
|
| 6954 | + right: auto !important; |
|
| 6955 | + } |
|
| 6956 | + .bottom-lg-auto { |
|
| 6957 | + bottom: auto !important; |
|
| 6958 | + } |
|
| 6959 | + .left-lg-auto { |
|
| 6960 | + left: auto !important; |
|
| 6961 | + } |
|
| 6962 | +} |
|
| 6963 | +@media (min-width: 1280px) { |
|
| 6964 | + .top-xl-0 { |
|
| 6965 | + top: 0 !important; |
|
| 6966 | + } |
|
| 6967 | + .right-xl-0 { |
|
| 6968 | + right: 0 !important; |
|
| 6969 | + } |
|
| 6970 | + .bottom-xl-0 { |
|
| 6971 | + bottom: 0 !important; |
|
| 6972 | + } |
|
| 6973 | + .left-xl-0 { |
|
| 6974 | + left: 0 !important; |
|
| 6975 | + } |
|
| 6976 | + .top-xl-auto { |
|
| 6977 | + top: auto !important; |
|
| 6978 | + } |
|
| 6979 | + .right-xl-auto { |
|
| 6980 | + right: auto !important; |
|
| 6981 | + } |
|
| 6982 | + .bottom-xl-auto { |
|
| 6983 | + bottom: auto !important; |
|
| 6984 | + } |
|
| 6985 | + .left-xl-auto { |
|
| 6986 | + left: auto !important; |
|
| 6987 | + } |
|
| 6988 | +} |
|
| 6989 | +.v-align-middle { |
|
| 6990 | + vertical-align: middle !important; |
|
| 6991 | +} |
|
| 6992 | +.v-align-top { |
|
| 6993 | + vertical-align: top !important; |
|
| 6994 | +} |
|
| 6995 | +.v-align-bottom { |
|
| 6996 | + vertical-align: bottom !important; |
|
| 6997 | +} |
|
| 6998 | +.v-align-text-top { |
|
| 6999 | + vertical-align: text-top !important; |
|
| 7000 | +} |
|
| 7001 | +.v-align-text-bottom { |
|
| 7002 | + vertical-align: text-bottom !important; |
|
| 7003 | +} |
|
| 7004 | +.v-align-baseline { |
|
| 7005 | + vertical-align: baseline !important; |
|
| 7006 | +} |
|
| 7007 | +.overflow-visible { |
|
| 7008 | + overflow: visible !important; |
|
| 7009 | +} |
|
| 7010 | +.overflow-x-visible { |
|
| 7011 | + overflow-x: visible !important; |
|
| 7012 | +} |
|
| 7013 | +.overflow-y-visible { |
|
| 7014 | + overflow-y: visible !important; |
|
| 7015 | +} |
|
| 7016 | +.overflow-hidden { |
|
| 7017 | + overflow: hidden !important; |
|
| 7018 | +} |
|
| 7019 | +.overflow-x-hidden { |
|
| 7020 | + overflow-x: hidden !important; |
|
| 7021 | +} |
|
| 7022 | +.overflow-y-hidden { |
|
| 7023 | + overflow-y: hidden !important; |
|
| 7024 | +} |
|
| 7025 | +.overflow-auto { |
|
| 7026 | + overflow: auto !important; |
|
| 7027 | +} |
|
| 7028 | +.overflow-x-auto { |
|
| 7029 | + overflow-x: auto !important; |
|
| 7030 | +} |
|
| 7031 | +.overflow-y-auto { |
|
| 7032 | + overflow-y: auto !important; |
|
| 7033 | +} |
|
| 7034 | +.overflow-scroll { |
|
| 7035 | + overflow: scroll !important; |
|
| 7036 | +} |
|
| 7037 | +.overflow-x-scroll { |
|
| 7038 | + overflow-x: scroll !important; |
|
| 7039 | +} |
|
| 7040 | +.overflow-y-scroll { |
|
| 7041 | + overflow-y: scroll !important; |
|
| 7042 | +} |
|
| 7043 | +@media (min-width: 544px) { |
|
| 7044 | + .overflow-sm-visible { |
|
| 7045 | + overflow: visible !important; |
|
| 7046 | + } |
|
| 7047 | + .overflow-sm-x-visible { |
|
| 7048 | + overflow-x: visible !important; |
|
| 7049 | + } |
|
| 7050 | + .overflow-sm-y-visible { |
|
| 7051 | + overflow-y: visible !important; |
|
| 7052 | + } |
|
| 7053 | + .overflow-sm-hidden { |
|
| 7054 | + overflow: hidden !important; |
|
| 7055 | + } |
|
| 7056 | + .overflow-sm-x-hidden { |
|
| 7057 | + overflow-x: hidden !important; |
|
| 7058 | + } |
|
| 7059 | + .overflow-sm-y-hidden { |
|
| 7060 | + overflow-y: hidden !important; |
|
| 7061 | + } |
|
| 7062 | + .overflow-sm-auto { |
|
| 7063 | + overflow: auto !important; |
|
| 7064 | + } |
|
| 7065 | + .overflow-sm-x-auto { |
|
| 7066 | + overflow-x: auto !important; |
|
| 7067 | + } |
|
| 7068 | + .overflow-sm-y-auto { |
|
| 7069 | + overflow-y: auto !important; |
|
| 7070 | + } |
|
| 7071 | + .overflow-sm-scroll { |
|
| 7072 | + overflow: scroll !important; |
|
| 7073 | + } |
|
| 7074 | + .overflow-sm-x-scroll { |
|
| 7075 | + overflow-x: scroll !important; |
|
| 7076 | + } |
|
| 7077 | + .overflow-sm-y-scroll { |
|
| 7078 | + overflow-y: scroll !important; |
|
| 7079 | + } |
|
| 7080 | +} |
|
| 7081 | +@media (min-width: 768px) { |
|
| 7082 | + .overflow-md-visible { |
|
| 7083 | + overflow: visible !important; |
|
| 7084 | + } |
|
| 7085 | + .overflow-md-x-visible { |
|
| 7086 | + overflow-x: visible !important; |
|
| 7087 | + } |
|
| 7088 | + .overflow-md-y-visible { |
|
| 7089 | + overflow-y: visible !important; |
|
| 7090 | + } |
|
| 7091 | + .overflow-md-hidden { |
|
| 7092 | + overflow: hidden !important; |
|
| 7093 | + } |
|
| 7094 | + .overflow-md-x-hidden { |
|
| 7095 | + overflow-x: hidden !important; |
|
| 7096 | + } |
|
| 7097 | + .overflow-md-y-hidden { |
|
| 7098 | + overflow-y: hidden !important; |
|
| 7099 | + } |
|
| 7100 | + .overflow-md-auto { |
|
| 7101 | + overflow: auto !important; |
|
| 7102 | + } |
|
| 7103 | + .overflow-md-x-auto { |
|
| 7104 | + overflow-x: auto !important; |
|
| 7105 | + } |
|
| 7106 | + .overflow-md-y-auto { |
|
| 7107 | + overflow-y: auto !important; |
|
| 7108 | + } |
|
| 7109 | + .overflow-md-scroll { |
|
| 7110 | + overflow: scroll !important; |
|
| 7111 | + } |
|
| 7112 | + .overflow-md-x-scroll { |
|
| 7113 | + overflow-x: scroll !important; |
|
| 7114 | + } |
|
| 7115 | + .overflow-md-y-scroll { |
|
| 7116 | + overflow-y: scroll !important; |
|
| 7117 | + } |
|
| 7118 | +} |
|
| 7119 | +@media (min-width: 1012px) { |
|
| 7120 | + .overflow-lg-visible { |
|
| 7121 | + overflow: visible !important; |
|
| 7122 | + } |
|
| 7123 | + .overflow-lg-x-visible { |
|
| 7124 | + overflow-x: visible !important; |
|
| 7125 | + } |
|
| 7126 | + .overflow-lg-y-visible { |
|
| 7127 | + overflow-y: visible !important; |
|
| 7128 | + } |
|
| 7129 | + .overflow-lg-hidden { |
|
| 7130 | + overflow: hidden !important; |
|
| 7131 | + } |
|
| 7132 | + .overflow-lg-x-hidden { |
|
| 7133 | + overflow-x: hidden !important; |
|
| 7134 | + } |
|
| 7135 | + .overflow-lg-y-hidden { |
|
| 7136 | + overflow-y: hidden !important; |
|
| 7137 | + } |
|
| 7138 | + .overflow-lg-auto { |
|
| 7139 | + overflow: auto !important; |
|
| 7140 | + } |
|
| 7141 | + .overflow-lg-x-auto { |
|
| 7142 | + overflow-x: auto !important; |
|
| 7143 | + } |
|
| 7144 | + .overflow-lg-y-auto { |
|
| 7145 | + overflow-y: auto !important; |
|
| 7146 | + } |
|
| 7147 | + .overflow-lg-scroll { |
|
| 7148 | + overflow: scroll !important; |
|
| 7149 | + } |
|
| 7150 | + .overflow-lg-x-scroll { |
|
| 7151 | + overflow-x: scroll !important; |
|
| 7152 | + } |
|
| 7153 | + .overflow-lg-y-scroll { |
|
| 7154 | + overflow-y: scroll !important; |
|
| 7155 | + } |
|
| 7156 | +} |
|
| 7157 | +@media (min-width: 1280px) { |
|
| 7158 | + .overflow-xl-visible { |
|
| 7159 | + overflow: visible !important; |
|
| 7160 | + } |
|
| 7161 | + .overflow-xl-x-visible { |
|
| 7162 | + overflow-x: visible !important; |
|
| 7163 | + } |
|
| 7164 | + .overflow-xl-y-visible { |
|
| 7165 | + overflow-y: visible !important; |
|
| 7166 | + } |
|
| 7167 | + .overflow-xl-hidden { |
|
| 7168 | + overflow: hidden !important; |
|
| 7169 | + } |
|
| 7170 | + .overflow-xl-x-hidden { |
|
| 7171 | + overflow-x: hidden !important; |
|
| 7172 | + } |
|
| 7173 | + .overflow-xl-y-hidden { |
|
| 7174 | + overflow-y: hidden !important; |
|
| 7175 | + } |
|
| 7176 | + .overflow-xl-auto { |
|
| 7177 | + overflow: auto !important; |
|
| 7178 | + } |
|
| 7179 | + .overflow-xl-x-auto { |
|
| 7180 | + overflow-x: auto !important; |
|
| 7181 | + } |
|
| 7182 | + .overflow-xl-y-auto { |
|
| 7183 | + overflow-y: auto !important; |
|
| 7184 | + } |
|
| 7185 | + .overflow-xl-scroll { |
|
| 7186 | + overflow: scroll !important; |
|
| 7187 | + } |
|
| 7188 | + .overflow-xl-x-scroll { |
|
| 7189 | + overflow-x: scroll !important; |
|
| 7190 | + } |
|
| 7191 | + .overflow-xl-y-scroll { |
|
| 7192 | + overflow-y: scroll !important; |
|
| 7193 | + } |
|
| 7194 | +} |
|
| 7195 | +.clearfix::before { |
|
| 7196 | + display: table; |
|
| 7197 | + content: ""; |
|
| 7198 | +} |
|
| 7199 | +.clearfix::after { |
|
| 7200 | + display: table; |
|
| 7201 | + clear: both; |
|
| 7202 | + content: ""; |
|
| 7203 | +} |
|
| 7204 | +.float-left { |
|
| 7205 | + float: left !important; |
|
| 7206 | +} |
|
| 7207 | +.float-right { |
|
| 7208 | + float: right !important; |
|
| 7209 | +} |
|
| 7210 | +.float-none { |
|
| 7211 | + float: none !important; |
|
| 7212 | +} |
|
| 7213 | +@media (min-width: 544px) { |
|
| 7214 | + .float-sm-left { |
|
| 7215 | + float: left !important; |
|
| 7216 | + } |
|
| 7217 | + .float-sm-right { |
|
| 7218 | + float: right !important; |
|
| 7219 | + } |
|
| 7220 | + .float-sm-none { |
|
| 7221 | + float: none !important; |
|
| 7222 | + } |
|
| 7223 | +} |
|
| 7224 | +@media (min-width: 768px) { |
|
| 7225 | + .float-md-left { |
|
| 7226 | + float: left !important; |
|
| 7227 | + } |
|
| 7228 | + .float-md-right { |
|
| 7229 | + float: right !important; |
|
| 7230 | + } |
|
| 7231 | + .float-md-none { |
|
| 7232 | + float: none !important; |
|
| 7233 | + } |
|
| 7234 | +} |
|
| 7235 | +@media (min-width: 1012px) { |
|
| 7236 | + .float-lg-left { |
|
| 7237 | + float: left !important; |
|
| 7238 | + } |
|
| 7239 | + .float-lg-right { |
|
| 7240 | + float: right !important; |
|
| 7241 | + } |
|
| 7242 | + .float-lg-none { |
|
| 7243 | + float: none !important; |
|
| 7244 | + } |
|
| 7245 | +} |
|
| 7246 | +@media (min-width: 1280px) { |
|
| 7247 | + .float-xl-left { |
|
| 7248 | + float: left !important; |
|
| 7249 | + } |
|
| 7250 | + .float-xl-right { |
|
| 7251 | + float: right !important; |
|
| 7252 | + } |
|
| 7253 | + .float-xl-none { |
|
| 7254 | + float: none !important; |
|
| 7255 | + } |
|
| 7256 | +} |
|
| 7257 | +.width-fit { |
|
| 7258 | + max-width: 100% !important; |
|
| 7259 | +} |
|
| 7260 | +.width-full { |
|
| 7261 | + width: 100% !important; |
|
| 7262 | +} |
|
| 7263 | +.height-fit { |
|
| 7264 | + max-height: 100% !important; |
|
| 7265 | +} |
|
| 7266 | +.height-full { |
|
| 7267 | + height: 100% !important; |
|
| 7268 | +} |
|
| 7269 | +.min-width-0 { |
|
| 7270 | + min-width: 0 !important; |
|
| 7271 | +} |
|
| 7272 | +.width-auto { |
|
| 7273 | + width: auto !important; |
|
| 7274 | +} |
|
| 7275 | +.direction-rtl { |
|
| 7276 | + direction: rtl !important; |
|
| 7277 | +} |
|
| 7278 | +.direction-ltr { |
|
| 7279 | + direction: ltr !important; |
|
| 7280 | +} |
|
| 7281 | +@media (min-width: 544px) { |
|
| 7282 | + .width-sm-auto { |
|
| 7283 | + width: auto !important; |
|
| 7284 | + } |
|
| 7285 | + .direction-sm-rtl { |
|
| 7286 | + direction: rtl !important; |
|
| 7287 | + } |
|
| 7288 | + .direction-sm-ltr { |
|
| 7289 | + direction: ltr !important; |
|
| 7290 | + } |
|
| 7291 | +} |
|
| 7292 | +@media (min-width: 768px) { |
|
| 7293 | + .width-md-auto { |
|
| 7294 | + width: auto !important; |
|
| 7295 | + } |
|
| 7296 | + .direction-md-rtl { |
|
| 7297 | + direction: rtl !important; |
|
| 7298 | + } |
|
| 7299 | + .direction-md-ltr { |
|
| 7300 | + direction: ltr !important; |
|
| 7301 | + } |
|
| 7302 | +} |
|
| 7303 | +@media (min-width: 1012px) { |
|
| 7304 | + .width-lg-auto { |
|
| 7305 | + width: auto !important; |
|
| 7306 | + } |
|
| 7307 | + .direction-lg-rtl { |
|
| 7308 | + direction: rtl !important; |
|
| 7309 | + } |
|
| 7310 | + .direction-lg-ltr { |
|
| 7311 | + direction: ltr !important; |
|
| 7312 | + } |
|
| 7313 | +} |
|
| 7314 | +@media (min-width: 1280px) { |
|
| 7315 | + .width-xl-auto { |
|
| 7316 | + width: auto !important; |
|
| 7317 | + } |
|
| 7318 | + .direction-xl-rtl { |
|
| 7319 | + direction: rtl !important; |
|
| 7320 | + } |
|
| 7321 | + .direction-xl-ltr { |
|
| 7322 | + direction: ltr !important; |
|
| 7323 | + } |
|
| 7324 | +} |
|
| 7325 | +.m-0 { |
|
| 7326 | + margin: 0 !important; |
|
| 7327 | +} |
|
| 7328 | +.mt-0 { |
|
| 7329 | + margin-top: 0 !important; |
|
| 7330 | +} |
|
| 7331 | +.mb-0 { |
|
| 7332 | + margin-bottom: 0 !important; |
|
| 7333 | +} |
|
| 7334 | +.mr-0 { |
|
| 7335 | + margin-right: 0 !important; |
|
| 7336 | +} |
|
| 7337 | +.ml-0 { |
|
| 7338 | + margin-left: 0 !important; |
|
| 7339 | +} |
|
| 7340 | +.mx-0 { |
|
| 7341 | + margin-right: 0 !important; |
|
| 7342 | + margin-left: 0 !important; |
|
| 7343 | +} |
|
| 7344 | +.my-0 { |
|
| 7345 | + margin-top: 0 !important; |
|
| 7346 | + margin-bottom: 0 !important; |
|
| 7347 | +} |
|
| 7348 | +.m-1 { |
|
| 7349 | + margin: 4px !important; |
|
| 7350 | +} |
|
| 7351 | +.mt-1 { |
|
| 7352 | + margin-top: 4px !important; |
|
| 7353 | +} |
|
| 7354 | +.mb-1 { |
|
| 7355 | + margin-bottom: 4px !important; |
|
| 7356 | +} |
|
| 7357 | +.mr-1 { |
|
| 7358 | + margin-right: 4px !important; |
|
| 7359 | +} |
|
| 7360 | +.ml-1 { |
|
| 7361 | + margin-left: 4px !important; |
|
| 7362 | +} |
|
| 7363 | +.mt-n1 { |
|
| 7364 | + margin-top: -4px !important; |
|
| 7365 | +} |
|
| 7366 | +.mb-n1 { |
|
| 7367 | + margin-bottom: -4px !important; |
|
| 7368 | +} |
|
| 7369 | +.mr-n1 { |
|
| 7370 | + margin-right: -4px !important; |
|
| 7371 | +} |
|
| 7372 | +.ml-n1 { |
|
| 7373 | + margin-left: -4px !important; |
|
| 7374 | +} |
|
| 7375 | +.mx-1 { |
|
| 7376 | + margin-right: 4px !important; |
|
| 7377 | + margin-left: 4px !important; |
|
| 7378 | +} |
|
| 7379 | +.my-1 { |
|
| 7380 | + margin-top: 4px !important; |
|
| 7381 | + margin-bottom: 4px !important; |
|
| 7382 | +} |
|
| 7383 | +.m-2 { |
|
| 7384 | + margin: 8px !important; |
|
| 7385 | +} |
|
| 7386 | +.mt-2 { |
|
| 7387 | + margin-top: 8px !important; |
|
| 7388 | +} |
|
| 7389 | +.mb-2 { |
|
| 7390 | + margin-bottom: 8px !important; |
|
| 7391 | +} |
|
| 7392 | +.mr-2 { |
|
| 7393 | + margin-right: 8px !important; |
|
| 7394 | +} |
|
| 7395 | +.ml-2 { |
|
| 7396 | + margin-left: 8px !important; |
|
| 7397 | +} |
|
| 7398 | +.mt-n2 { |
|
| 7399 | + margin-top: -8px !important; |
|
| 7400 | +} |
|
| 7401 | +.mb-n2 { |
|
| 7402 | + margin-bottom: -8px !important; |
|
| 7403 | +} |
|
| 7404 | +.mr-n2 { |
|
| 7405 | + margin-right: -8px !important; |
|
| 7406 | +} |
|
| 7407 | +.ml-n2 { |
|
| 7408 | + margin-left: -8px !important; |
|
| 7409 | +} |
|
| 7410 | +.mx-2 { |
|
| 7411 | + margin-right: 8px !important; |
|
| 7412 | + margin-left: 8px !important; |
|
| 7413 | +} |
|
| 7414 | +.my-2 { |
|
| 7415 | + margin-top: 8px !important; |
|
| 7416 | + margin-bottom: 8px !important; |
|
| 7417 | +} |
|
| 7418 | +.m-3 { |
|
| 7419 | + margin: 16px !important; |
|
| 7420 | +} |
|
| 7421 | +.mt-3 { |
|
| 7422 | + margin-top: 16px !important; |
|
| 7423 | +} |
|
| 7424 | +.mb-3 { |
|
| 7425 | + margin-bottom: 16px !important; |
|
| 7426 | +} |
|
| 7427 | +.mr-3 { |
|
| 7428 | + margin-right: 16px !important; |
|
| 7429 | +} |
|
| 7430 | +.ml-3 { |
|
| 7431 | + margin-left: 16px !important; |
|
| 7432 | +} |
|
| 7433 | +.mt-n3 { |
|
| 7434 | + margin-top: -16px !important; |
|
| 7435 | +} |
|
| 7436 | +.mb-n3 { |
|
| 7437 | + margin-bottom: -16px !important; |
|
| 7438 | +} |
|
| 7439 | +.mr-n3 { |
|
| 7440 | + margin-right: -16px !important; |
|
| 7441 | +} |
|
| 7442 | +.ml-n3 { |
|
| 7443 | + margin-left: -16px !important; |
|
| 7444 | +} |
|
| 7445 | +.mx-3 { |
|
| 7446 | + margin-right: 16px !important; |
|
| 7447 | + margin-left: 16px !important; |
|
| 7448 | +} |
|
| 7449 | +.my-3 { |
|
| 7450 | + margin-top: 16px !important; |
|
| 7451 | + margin-bottom: 16px !important; |
|
| 7452 | +} |
|
| 7453 | +.m-4 { |
|
| 7454 | + margin: 24px !important; |
|
| 7455 | +} |
|
| 7456 | +.mt-4 { |
|
| 7457 | + margin-top: 24px !important; |
|
| 7458 | +} |
|
| 7459 | +.mb-4 { |
|
| 7460 | + margin-bottom: 24px !important; |
|
| 7461 | +} |
|
| 7462 | +.mr-4 { |
|
| 7463 | + margin-right: 24px !important; |
|
| 7464 | +} |
|
| 7465 | +.ml-4 { |
|
| 7466 | + margin-left: 24px !important; |
|
| 7467 | +} |
|
| 7468 | +.mt-n4 { |
|
| 7469 | + margin-top: -24px !important; |
|
| 7470 | +} |
|
| 7471 | +.mb-n4 { |
|
| 7472 | + margin-bottom: -24px !important; |
|
| 7473 | +} |
|
| 7474 | +.mr-n4 { |
|
| 7475 | + margin-right: -24px !important; |
|
| 7476 | +} |
|
| 7477 | +.ml-n4 { |
|
| 7478 | + margin-left: -24px !important; |
|
| 7479 | +} |
|
| 7480 | +.mx-4 { |
|
| 7481 | + margin-right: 24px !important; |
|
| 7482 | + margin-left: 24px !important; |
|
| 7483 | +} |
|
| 7484 | +.my-4 { |
|
| 7485 | + margin-top: 24px !important; |
|
| 7486 | + margin-bottom: 24px !important; |
|
| 7487 | +} |
|
| 7488 | +.m-5 { |
|
| 7489 | + margin: 32px !important; |
|
| 7490 | +} |
|
| 7491 | +.mt-5 { |
|
| 7492 | + margin-top: 32px !important; |
|
| 7493 | +} |
|
| 7494 | +.mb-5 { |
|
| 7495 | + margin-bottom: 32px !important; |
|
| 7496 | +} |
|
| 7497 | +.mr-5 { |
|
| 7498 | + margin-right: 32px !important; |
|
| 7499 | +} |
|
| 7500 | +.ml-5 { |
|
| 7501 | + margin-left: 32px !important; |
|
| 7502 | +} |
|
| 7503 | +.mt-n5 { |
|
| 7504 | + margin-top: -32px !important; |
|
| 7505 | +} |
|
| 7506 | +.mb-n5 { |
|
| 7507 | + margin-bottom: -32px !important; |
|
| 7508 | +} |
|
| 7509 | +.mr-n5 { |
|
| 7510 | + margin-right: -32px !important; |
|
| 7511 | +} |
|
| 7512 | +.ml-n5 { |
|
| 7513 | + margin-left: -32px !important; |
|
| 7514 | +} |
|
| 7515 | +.mx-5 { |
|
| 7516 | + margin-right: 32px !important; |
|
| 7517 | + margin-left: 32px !important; |
|
| 7518 | +} |
|
| 7519 | +.my-5 { |
|
| 7520 | + margin-top: 32px !important; |
|
| 7521 | + margin-bottom: 32px !important; |
|
| 7522 | +} |
|
| 7523 | +.m-6 { |
|
| 7524 | + margin: 40px !important; |
|
| 7525 | +} |
|
| 7526 | +.mt-6 { |
|
| 7527 | + margin-top: 40px !important; |
|
| 7528 | +} |
|
| 7529 | +.mb-6 { |
|
| 7530 | + margin-bottom: 40px !important; |
|
| 7531 | +} |
|
| 7532 | +.mr-6 { |
|
| 7533 | + margin-right: 40px !important; |
|
| 7534 | +} |
|
| 7535 | +.ml-6 { |
|
| 7536 | + margin-left: 40px !important; |
|
| 7537 | +} |
|
| 7538 | +.mt-n6 { |
|
| 7539 | + margin-top: -40px !important; |
|
| 7540 | +} |
|
| 7541 | +.mb-n6 { |
|
| 7542 | + margin-bottom: -40px !important; |
|
| 7543 | +} |
|
| 7544 | +.mr-n6 { |
|
| 7545 | + margin-right: -40px !important; |
|
| 7546 | +} |
|
| 7547 | +.ml-n6 { |
|
| 7548 | + margin-left: -40px !important; |
|
| 7549 | +} |
|
| 7550 | +.mx-6 { |
|
| 7551 | + margin-right: 40px !important; |
|
| 7552 | + margin-left: 40px !important; |
|
| 7553 | +} |
|
| 7554 | +.my-6 { |
|
| 7555 | + margin-top: 40px !important; |
|
| 7556 | + margin-bottom: 40px !important; |
|
| 7557 | +} |
|
| 7558 | +.mt-7 { |
|
| 7559 | + margin-top: 48px !important; |
|
| 7560 | +} |
|
| 7561 | +.mb-7 { |
|
| 7562 | + margin-bottom: 48px !important; |
|
| 7563 | +} |
|
| 7564 | +.mt-n7 { |
|
| 7565 | + margin-top: -48px !important; |
|
| 7566 | +} |
|
| 7567 | +.mb-n7 { |
|
| 7568 | + margin-bottom: -48px !important; |
|
| 7569 | +} |
|
| 7570 | +.my-7 { |
|
| 7571 | + margin-top: 48px !important; |
|
| 7572 | + margin-bottom: 48px !important; |
|
| 7573 | +} |
|
| 7574 | +.mt-8 { |
|
| 7575 | + margin-top: 64px !important; |
|
| 7576 | +} |
|
| 7577 | +.mb-8 { |
|
| 7578 | + margin-bottom: 64px !important; |
|
| 7579 | +} |
|
| 7580 | +.mt-n8 { |
|
| 7581 | + margin-top: -64px !important; |
|
| 7582 | +} |
|
| 7583 | +.mb-n8 { |
|
| 7584 | + margin-bottom: -64px !important; |
|
| 7585 | +} |
|
| 7586 | +.my-8 { |
|
| 7587 | + margin-top: 64px !important; |
|
| 7588 | + margin-bottom: 64px !important; |
|
| 7589 | +} |
|
| 7590 | +.mt-9 { |
|
| 7591 | + margin-top: 80px !important; |
|
| 7592 | +} |
|
| 7593 | +.mb-9 { |
|
| 7594 | + margin-bottom: 80px !important; |
|
| 7595 | +} |
|
| 7596 | +.mt-n9 { |
|
| 7597 | + margin-top: -80px !important; |
|
| 7598 | +} |
|
| 7599 | +.mb-n9 { |
|
| 7600 | + margin-bottom: -80px !important; |
|
| 7601 | +} |
|
| 7602 | +.my-9 { |
|
| 7603 | + margin-top: 80px !important; |
|
| 7604 | + margin-bottom: 80px !important; |
|
| 7605 | +} |
|
| 7606 | +.mt-10 { |
|
| 7607 | + margin-top: 96px !important; |
|
| 7608 | +} |
|
| 7609 | +.mb-10 { |
|
| 7610 | + margin-bottom: 96px !important; |
|
| 7611 | +} |
|
| 7612 | +.mt-n10 { |
|
| 7613 | + margin-top: -96px !important; |
|
| 7614 | +} |
|
| 7615 | +.mb-n10 { |
|
| 7616 | + margin-bottom: -96px !important; |
|
| 7617 | +} |
|
| 7618 | +.my-10 { |
|
| 7619 | + margin-top: 96px !important; |
|
| 7620 | + margin-bottom: 96px !important; |
|
| 7621 | +} |
|
| 7622 | +.mt-11 { |
|
| 7623 | + margin-top: 112px !important; |
|
| 7624 | +} |
|
| 7625 | +.mb-11 { |
|
| 7626 | + margin-bottom: 112px !important; |
|
| 7627 | +} |
|
| 7628 | +.mt-n11 { |
|
| 7629 | + margin-top: -112px !important; |
|
| 7630 | +} |
|
| 7631 | +.mb-n11 { |
|
| 7632 | + margin-bottom: -112px !important; |
|
| 7633 | +} |
|
| 7634 | +.my-11 { |
|
| 7635 | + margin-top: 112px !important; |
|
| 7636 | + margin-bottom: 112px !important; |
|
| 7637 | +} |
|
| 7638 | +.mt-12 { |
|
| 7639 | + margin-top: 128px !important; |
|
| 7640 | +} |
|
| 7641 | +.mb-12 { |
|
| 7642 | + margin-bottom: 128px !important; |
|
| 7643 | +} |
|
| 7644 | +.mt-n12 { |
|
| 7645 | + margin-top: -128px !important; |
|
| 7646 | +} |
|
| 7647 | +.mb-n12 { |
|
| 7648 | + margin-bottom: -128px !important; |
|
| 7649 | +} |
|
| 7650 | +.my-12 { |
|
| 7651 | + margin-top: 128px !important; |
|
| 7652 | + margin-bottom: 128px !important; |
|
| 7653 | +} |
|
| 7654 | +.mx-auto { |
|
| 7655 | + margin-right: auto !important; |
|
| 7656 | + margin-left: auto !important; |
|
| 7657 | +} |
|
| 7658 | +@media (min-width: 544px) { |
|
| 7659 | + .m-sm-0 { |
|
| 7660 | + margin: 0 !important; |
|
| 7661 | + } |
|
| 7662 | + .mt-sm-0 { |
|
| 7663 | + margin-top: 0 !important; |
|
| 7664 | + } |
|
| 7665 | + .mb-sm-0 { |
|
| 7666 | + margin-bottom: 0 !important; |
|
| 7667 | + } |
|
| 7668 | + .mr-sm-0 { |
|
| 7669 | + margin-right: 0 !important; |
|
| 7670 | + } |
|
| 7671 | + .ml-sm-0 { |
|
| 7672 | + margin-left: 0 !important; |
|
| 7673 | + } |
|
| 7674 | + .mx-sm-0 { |
|
| 7675 | + margin-right: 0 !important; |
|
| 7676 | + margin-left: 0 !important; |
|
| 7677 | + } |
|
| 7678 | + .my-sm-0 { |
|
| 7679 | + margin-top: 0 !important; |
|
| 7680 | + margin-bottom: 0 !important; |
|
| 7681 | + } |
|
| 7682 | + .m-sm-1 { |
|
| 7683 | + margin: 4px !important; |
|
| 7684 | + } |
|
| 7685 | + .mt-sm-1 { |
|
| 7686 | + margin-top: 4px !important; |
|
| 7687 | + } |
|
| 7688 | + .mb-sm-1 { |
|
| 7689 | + margin-bottom: 4px !important; |
|
| 7690 | + } |
|
| 7691 | + .mr-sm-1 { |
|
| 7692 | + margin-right: 4px !important; |
|
| 7693 | + } |
|
| 7694 | + .ml-sm-1 { |
|
| 7695 | + margin-left: 4px !important; |
|
| 7696 | + } |
|
| 7697 | + .mt-sm-n1 { |
|
| 7698 | + margin-top: -4px !important; |
|
| 7699 | + } |
|
| 7700 | + .mb-sm-n1 { |
|
| 7701 | + margin-bottom: -4px !important; |
|
| 7702 | + } |
|
| 7703 | + .mr-sm-n1 { |
|
| 7704 | + margin-right: -4px !important; |
|
| 7705 | + } |
|
| 7706 | + .ml-sm-n1 { |
|
| 7707 | + margin-left: -4px !important; |
|
| 7708 | + } |
|
| 7709 | + .mx-sm-1 { |
|
| 7710 | + margin-right: 4px !important; |
|
| 7711 | + margin-left: 4px !important; |
|
| 7712 | + } |
|
| 7713 | + .my-sm-1 { |
|
| 7714 | + margin-top: 4px !important; |
|
| 7715 | + margin-bottom: 4px !important; |
|
| 7716 | + } |
|
| 7717 | + .m-sm-2 { |
|
| 7718 | + margin: 8px !important; |
|
| 7719 | + } |
|
| 7720 | + .mt-sm-2 { |
|
| 7721 | + margin-top: 8px !important; |
|
| 7722 | + } |
|
| 7723 | + .mb-sm-2 { |
|
| 7724 | + margin-bottom: 8px !important; |
|
| 7725 | + } |
|
| 7726 | + .mr-sm-2 { |
|
| 7727 | + margin-right: 8px !important; |
|
| 7728 | + } |
|
| 7729 | + .ml-sm-2 { |
|
| 7730 | + margin-left: 8px !important; |
|
| 7731 | + } |
|
| 7732 | + .mt-sm-n2 { |
|
| 7733 | + margin-top: -8px !important; |
|
| 7734 | + } |
|
| 7735 | + .mb-sm-n2 { |
|
| 7736 | + margin-bottom: -8px !important; |
|
| 7737 | + } |
|
| 7738 | + .mr-sm-n2 { |
|
| 7739 | + margin-right: -8px !important; |
|
| 7740 | + } |
|
| 7741 | + .ml-sm-n2 { |
|
| 7742 | + margin-left: -8px !important; |
|
| 7743 | + } |
|
| 7744 | + .mx-sm-2 { |
|
| 7745 | + margin-right: 8px !important; |
|
| 7746 | + margin-left: 8px !important; |
|
| 7747 | + } |
|
| 7748 | + .my-sm-2 { |
|
| 7749 | + margin-top: 8px !important; |
|
| 7750 | + margin-bottom: 8px !important; |
|
| 7751 | + } |
|
| 7752 | + .m-sm-3 { |
|
| 7753 | + margin: 16px !important; |
|
| 7754 | + } |
|
| 7755 | + .mt-sm-3 { |
|
| 7756 | + margin-top: 16px !important; |
|
| 7757 | + } |
|
| 7758 | + .mb-sm-3 { |
|
| 7759 | + margin-bottom: 16px !important; |
|
| 7760 | + } |
|
| 7761 | + .mr-sm-3 { |
|
| 7762 | + margin-right: 16px !important; |
|
| 7763 | + } |
|
| 7764 | + .ml-sm-3 { |
|
| 7765 | + margin-left: 16px !important; |
|
| 7766 | + } |
|
| 7767 | + .mt-sm-n3 { |
|
| 7768 | + margin-top: -16px !important; |
|
| 7769 | + } |
|
| 7770 | + .mb-sm-n3 { |
|
| 7771 | + margin-bottom: -16px !important; |
|
| 7772 | + } |
|
| 7773 | + .mr-sm-n3 { |
|
| 7774 | + margin-right: -16px !important; |
|
| 7775 | + } |
|
| 7776 | + .ml-sm-n3 { |
|
| 7777 | + margin-left: -16px !important; |
|
| 7778 | + } |
|
| 7779 | + .mx-sm-3 { |
|
| 7780 | + margin-right: 16px !important; |
|
| 7781 | + margin-left: 16px !important; |
|
| 7782 | + } |
|
| 7783 | + .my-sm-3 { |
|
| 7784 | + margin-top: 16px !important; |
|
| 7785 | + margin-bottom: 16px !important; |
|
| 7786 | + } |
|
| 7787 | + .m-sm-4 { |
|
| 7788 | + margin: 24px !important; |
|
| 7789 | + } |
|
| 7790 | + .mt-sm-4 { |
|
| 7791 | + margin-top: 24px !important; |
|
| 7792 | + } |
|
| 7793 | + .mb-sm-4 { |
|
| 7794 | + margin-bottom: 24px !important; |
|
| 7795 | + } |
|
| 7796 | + .mr-sm-4 { |
|
| 7797 | + margin-right: 24px !important; |
|
| 7798 | + } |
|
| 7799 | + .ml-sm-4 { |
|
| 7800 | + margin-left: 24px !important; |
|
| 7801 | + } |
|
| 7802 | + .mt-sm-n4 { |
|
| 7803 | + margin-top: -24px !important; |
|
| 7804 | + } |
|
| 7805 | + .mb-sm-n4 { |
|
| 7806 | + margin-bottom: -24px !important; |
|
| 7807 | + } |
|
| 7808 | + .mr-sm-n4 { |
|
| 7809 | + margin-right: -24px !important; |
|
| 7810 | + } |
|
| 7811 | + .ml-sm-n4 { |
|
| 7812 | + margin-left: -24px !important; |
|
| 7813 | + } |
|
| 7814 | + .mx-sm-4 { |
|
| 7815 | + margin-right: 24px !important; |
|
| 7816 | + margin-left: 24px !important; |
|
| 7817 | + } |
|
| 7818 | + .my-sm-4 { |
|
| 7819 | + margin-top: 24px !important; |
|
| 7820 | + margin-bottom: 24px !important; |
|
| 7821 | + } |
|
| 7822 | + .m-sm-5 { |
|
| 7823 | + margin: 32px !important; |
|
| 7824 | + } |
|
| 7825 | + .mt-sm-5 { |
|
| 7826 | + margin-top: 32px !important; |
|
| 7827 | + } |
|
| 7828 | + .mb-sm-5 { |
|
| 7829 | + margin-bottom: 32px !important; |
|
| 7830 | + } |
|
| 7831 | + .mr-sm-5 { |
|
| 7832 | + margin-right: 32px !important; |
|
| 7833 | + } |
|
| 7834 | + .ml-sm-5 { |
|
| 7835 | + margin-left: 32px !important; |
|
| 7836 | + } |
|
| 7837 | + .mt-sm-n5 { |
|
| 7838 | + margin-top: -32px !important; |
|
| 7839 | + } |
|
| 7840 | + .mb-sm-n5 { |
|
| 7841 | + margin-bottom: -32px !important; |
|
| 7842 | + } |
|
| 7843 | + .mr-sm-n5 { |
|
| 7844 | + margin-right: -32px !important; |
|
| 7845 | + } |
|
| 7846 | + .ml-sm-n5 { |
|
| 7847 | + margin-left: -32px !important; |
|
| 7848 | + } |
|
| 7849 | + .mx-sm-5 { |
|
| 7850 | + margin-right: 32px !important; |
|
| 7851 | + margin-left: 32px !important; |
|
| 7852 | + } |
|
| 7853 | + .my-sm-5 { |
|
| 7854 | + margin-top: 32px !important; |
|
| 7855 | + margin-bottom: 32px !important; |
|
| 7856 | + } |
|
| 7857 | + .m-sm-6 { |
|
| 7858 | + margin: 40px !important; |
|
| 7859 | + } |
|
| 7860 | + .mt-sm-6 { |
|
| 7861 | + margin-top: 40px !important; |
|
| 7862 | + } |
|
| 7863 | + .mb-sm-6 { |
|
| 7864 | + margin-bottom: 40px !important; |
|
| 7865 | + } |
|
| 7866 | + .mr-sm-6 { |
|
| 7867 | + margin-right: 40px !important; |
|
| 7868 | + } |
|
| 7869 | + .ml-sm-6 { |
|
| 7870 | + margin-left: 40px !important; |
|
| 7871 | + } |
|
| 7872 | + .mt-sm-n6 { |
|
| 7873 | + margin-top: -40px !important; |
|
| 7874 | + } |
|
| 7875 | + .mb-sm-n6 { |
|
| 7876 | + margin-bottom: -40px !important; |
|
| 7877 | + } |
|
| 7878 | + .mr-sm-n6 { |
|
| 7879 | + margin-right: -40px !important; |
|
| 7880 | + } |
|
| 7881 | + .ml-sm-n6 { |
|
| 7882 | + margin-left: -40px !important; |
|
| 7883 | + } |
|
| 7884 | + .mx-sm-6 { |
|
| 7885 | + margin-right: 40px !important; |
|
| 7886 | + margin-left: 40px !important; |
|
| 7887 | + } |
|
| 7888 | + .my-sm-6 { |
|
| 7889 | + margin-top: 40px !important; |
|
| 7890 | + margin-bottom: 40px !important; |
|
| 7891 | + } |
|
| 7892 | + .mt-sm-7 { |
|
| 7893 | + margin-top: 48px !important; |
|
| 7894 | + } |
|
| 7895 | + .mb-sm-7 { |
|
| 7896 | + margin-bottom: 48px !important; |
|
| 7897 | + } |
|
| 7898 | + .mt-sm-n7 { |
|
| 7899 | + margin-top: -48px !important; |
|
| 7900 | + } |
|
| 7901 | + .mb-sm-n7 { |
|
| 7902 | + margin-bottom: -48px !important; |
|
| 7903 | + } |
|
| 7904 | + .my-sm-7 { |
|
| 7905 | + margin-top: 48px !important; |
|
| 7906 | + margin-bottom: 48px !important; |
|
| 7907 | + } |
|
| 7908 | + .mt-sm-8 { |
|
| 7909 | + margin-top: 64px !important; |
|
| 7910 | + } |
|
| 7911 | + .mb-sm-8 { |
|
| 7912 | + margin-bottom: 64px !important; |
|
| 7913 | + } |
|
| 7914 | + .mt-sm-n8 { |
|
| 7915 | + margin-top: -64px !important; |
|
| 7916 | + } |
|
| 7917 | + .mb-sm-n8 { |
|
| 7918 | + margin-bottom: -64px !important; |
|
| 7919 | + } |
|
| 7920 | + .my-sm-8 { |
|
| 7921 | + margin-top: 64px !important; |
|
| 7922 | + margin-bottom: 64px !important; |
|
| 7923 | + } |
|
| 7924 | + .mt-sm-9 { |
|
| 7925 | + margin-top: 80px !important; |
|
| 7926 | + } |
|
| 7927 | + .mb-sm-9 { |
|
| 7928 | + margin-bottom: 80px !important; |
|
| 7929 | + } |
|
| 7930 | + .mt-sm-n9 { |
|
| 7931 | + margin-top: -80px !important; |
|
| 7932 | + } |
|
| 7933 | + .mb-sm-n9 { |
|
| 7934 | + margin-bottom: -80px !important; |
|
| 7935 | + } |
|
| 7936 | + .my-sm-9 { |
|
| 7937 | + margin-top: 80px !important; |
|
| 7938 | + margin-bottom: 80px !important; |
|
| 7939 | + } |
|
| 7940 | + .mt-sm-10 { |
|
| 7941 | + margin-top: 96px !important; |
|
| 7942 | + } |
|
| 7943 | + .mb-sm-10 { |
|
| 7944 | + margin-bottom: 96px !important; |
|
| 7945 | + } |
|
| 7946 | + .mt-sm-n10 { |
|
| 7947 | + margin-top: -96px !important; |
|
| 7948 | + } |
|
| 7949 | + .mb-sm-n10 { |
|
| 7950 | + margin-bottom: -96px !important; |
|
| 7951 | + } |
|
| 7952 | + .my-sm-10 { |
|
| 7953 | + margin-top: 96px !important; |
|
| 7954 | + margin-bottom: 96px !important; |
|
| 7955 | + } |
|
| 7956 | + .mt-sm-11 { |
|
| 7957 | + margin-top: 112px !important; |
|
| 7958 | + } |
|
| 7959 | + .mb-sm-11 { |
|
| 7960 | + margin-bottom: 112px !important; |
|
| 7961 | + } |
|
| 7962 | + .mt-sm-n11 { |
|
| 7963 | + margin-top: -112px !important; |
|
| 7964 | + } |
|
| 7965 | + .mb-sm-n11 { |
|
| 7966 | + margin-bottom: -112px !important; |
|
| 7967 | + } |
|
| 7968 | + .my-sm-11 { |
|
| 7969 | + margin-top: 112px !important; |
|
| 7970 | + margin-bottom: 112px !important; |
|
| 7971 | + } |
|
| 7972 | + .mt-sm-12 { |
|
| 7973 | + margin-top: 128px !important; |
|
| 7974 | + } |
|
| 7975 | + .mb-sm-12 { |
|
| 7976 | + margin-bottom: 128px !important; |
|
| 7977 | + } |
|
| 7978 | + .mt-sm-n12 { |
|
| 7979 | + margin-top: -128px !important; |
|
| 7980 | + } |
|
| 7981 | + .mb-sm-n12 { |
|
| 7982 | + margin-bottom: -128px !important; |
|
| 7983 | + } |
|
| 7984 | + .my-sm-12 { |
|
| 7985 | + margin-top: 128px !important; |
|
| 7986 | + margin-bottom: 128px !important; |
|
| 7987 | + } |
|
| 7988 | + .mx-sm-auto { |
|
| 7989 | + margin-right: auto !important; |
|
| 7990 | + margin-left: auto !important; |
|
| 7991 | + } |
|
| 7992 | +} |
|
| 7993 | +@media (min-width: 768px) { |
|
| 7994 | + .m-md-0 { |
|
| 7995 | + margin: 0 !important; |
|
| 7996 | + } |
|
| 7997 | + .mt-md-0 { |
|
| 7998 | + margin-top: 0 !important; |
|
| 7999 | + } |
|
| 8000 | + .mb-md-0 { |
|
| 8001 | + margin-bottom: 0 !important; |
|
| 8002 | + } |
|
| 8003 | + .mr-md-0 { |
|
| 8004 | + margin-right: 0 !important; |
|
| 8005 | + } |
|
| 8006 | + .ml-md-0 { |
|
| 8007 | + margin-left: 0 !important; |
|
| 8008 | + } |
|
| 8009 | + .mx-md-0 { |
|
| 8010 | + margin-right: 0 !important; |
|
| 8011 | + margin-left: 0 !important; |
|
| 8012 | + } |
|
| 8013 | + .my-md-0 { |
|
| 8014 | + margin-top: 0 !important; |
|
| 8015 | + margin-bottom: 0 !important; |
|
| 8016 | + } |
|
| 8017 | + .m-md-1 { |
|
| 8018 | + margin: 4px !important; |
|
| 8019 | + } |
|
| 8020 | + .mt-md-1 { |
|
| 8021 | + margin-top: 4px !important; |
|
| 8022 | + } |
|
| 8023 | + .mb-md-1 { |
|
| 8024 | + margin-bottom: 4px !important; |
|
| 8025 | + } |
|
| 8026 | + .mr-md-1 { |
|
| 8027 | + margin-right: 4px !important; |
|
| 8028 | + } |
|
| 8029 | + .ml-md-1 { |
|
| 8030 | + margin-left: 4px !important; |
|
| 8031 | + } |
|
| 8032 | + .mt-md-n1 { |
|
| 8033 | + margin-top: -4px !important; |
|
| 8034 | + } |
|
| 8035 | + .mb-md-n1 { |
|
| 8036 | + margin-bottom: -4px !important; |
|
| 8037 | + } |
|
| 8038 | + .mr-md-n1 { |
|
| 8039 | + margin-right: -4px !important; |
|
| 8040 | + } |
|
| 8041 | + .ml-md-n1 { |
|
| 8042 | + margin-left: -4px !important; |
|
| 8043 | + } |
|
| 8044 | + .mx-md-1 { |
|
| 8045 | + margin-right: 4px !important; |
|
| 8046 | + margin-left: 4px !important; |
|
| 8047 | + } |
|
| 8048 | + .my-md-1 { |
|
| 8049 | + margin-top: 4px !important; |
|
| 8050 | + margin-bottom: 4px !important; |
|
| 8051 | + } |
|
| 8052 | + .m-md-2 { |
|
| 8053 | + margin: 8px !important; |
|
| 8054 | + } |
|
| 8055 | + .mt-md-2 { |
|
| 8056 | + margin-top: 8px !important; |
|
| 8057 | + } |
|
| 8058 | + .mb-md-2 { |
|
| 8059 | + margin-bottom: 8px !important; |
|
| 8060 | + } |
|
| 8061 | + .mr-md-2 { |
|
| 8062 | + margin-right: 8px !important; |
|
| 8063 | + } |
|
| 8064 | + .ml-md-2 { |
|
| 8065 | + margin-left: 8px !important; |
|
| 8066 | + } |
|
| 8067 | + .mt-md-n2 { |
|
| 8068 | + margin-top: -8px !important; |
|
| 8069 | + } |
|
| 8070 | + .mb-md-n2 { |
|
| 8071 | + margin-bottom: -8px !important; |
|
| 8072 | + } |
|
| 8073 | + .mr-md-n2 { |
|
| 8074 | + margin-right: -8px !important; |
|
| 8075 | + } |
|
| 8076 | + .ml-md-n2 { |
|
| 8077 | + margin-left: -8px !important; |
|
| 8078 | + } |
|
| 8079 | + .mx-md-2 { |
|
| 8080 | + margin-right: 8px !important; |
|
| 8081 | + margin-left: 8px !important; |
|
| 8082 | + } |
|
| 8083 | + .my-md-2 { |
|
| 8084 | + margin-top: 8px !important; |
|
| 8085 | + margin-bottom: 8px !important; |
|
| 8086 | + } |
|
| 8087 | + .m-md-3 { |
|
| 8088 | + margin: 16px !important; |
|
| 8089 | + } |
|
| 8090 | + .mt-md-3 { |
|
| 8091 | + margin-top: 16px !important; |
|
| 8092 | + } |
|
| 8093 | + .mb-md-3 { |
|
| 8094 | + margin-bottom: 16px !important; |
|
| 8095 | + } |
|
| 8096 | + .mr-md-3 { |
|
| 8097 | + margin-right: 16px !important; |
|
| 8098 | + } |
|
| 8099 | + .ml-md-3 { |
|
| 8100 | + margin-left: 16px !important; |
|
| 8101 | + } |
|
| 8102 | + .mt-md-n3 { |
|
| 8103 | + margin-top: -16px !important; |
|
| 8104 | + } |
|
| 8105 | + .mb-md-n3 { |
|
| 8106 | + margin-bottom: -16px !important; |
|
| 8107 | + } |
|
| 8108 | + .mr-md-n3 { |
|
| 8109 | + margin-right: -16px !important; |
|
| 8110 | + } |
|
| 8111 | + .ml-md-n3 { |
|
| 8112 | + margin-left: -16px !important; |
|
| 8113 | + } |
|
| 8114 | + .mx-md-3 { |
|
| 8115 | + margin-right: 16px !important; |
|
| 8116 | + margin-left: 16px !important; |
|
| 8117 | + } |
|
| 8118 | + .my-md-3 { |
|
| 8119 | + margin-top: 16px !important; |
|
| 8120 | + margin-bottom: 16px !important; |
|
| 8121 | + } |
|
| 8122 | + .m-md-4 { |
|
| 8123 | + margin: 24px !important; |
|
| 8124 | + } |
|
| 8125 | + .mt-md-4 { |
|
| 8126 | + margin-top: 24px !important; |
|
| 8127 | + } |
|
| 8128 | + .mb-md-4 { |
|
| 8129 | + margin-bottom: 24px !important; |
|
| 8130 | + } |
|
| 8131 | + .mr-md-4 { |
|
| 8132 | + margin-right: 24px !important; |
|
| 8133 | + } |
|
| 8134 | + .ml-md-4 { |
|
| 8135 | + margin-left: 24px !important; |
|
| 8136 | + } |
|
| 8137 | + .mt-md-n4 { |
|
| 8138 | + margin-top: -24px !important; |
|
| 8139 | + } |
|
| 8140 | + .mb-md-n4 { |
|
| 8141 | + margin-bottom: -24px !important; |
|
| 8142 | + } |
|
| 8143 | + .mr-md-n4 { |
|
| 8144 | + margin-right: -24px !important; |
|
| 8145 | + } |
|
| 8146 | + .ml-md-n4 { |
|
| 8147 | + margin-left: -24px !important; |
|
| 8148 | + } |
|
| 8149 | + .mx-md-4 { |
|
| 8150 | + margin-right: 24px !important; |
|
| 8151 | + margin-left: 24px !important; |
|
| 8152 | + } |
|
| 8153 | + .my-md-4 { |
|
| 8154 | + margin-top: 24px !important; |
|
| 8155 | + margin-bottom: 24px !important; |
|
| 8156 | + } |
|
| 8157 | + .m-md-5 { |
|
| 8158 | + margin: 32px !important; |
|
| 8159 | + } |
|
| 8160 | + .mt-md-5 { |
|
| 8161 | + margin-top: 32px !important; |
|
| 8162 | + } |
|
| 8163 | + .mb-md-5 { |
|
| 8164 | + margin-bottom: 32px !important; |
|
| 8165 | + } |
|
| 8166 | + .mr-md-5 { |
|
| 8167 | + margin-right: 32px !important; |
|
| 8168 | + } |
|
| 8169 | + .ml-md-5 { |
|
| 8170 | + margin-left: 32px !important; |
|
| 8171 | + } |
|
| 8172 | + .mt-md-n5 { |
|
| 8173 | + margin-top: -32px !important; |
|
| 8174 | + } |
|
| 8175 | + .mb-md-n5 { |
|
| 8176 | + margin-bottom: -32px !important; |
|
| 8177 | + } |
|
| 8178 | + .mr-md-n5 { |
|
| 8179 | + margin-right: -32px !important; |
|
| 8180 | + } |
|
| 8181 | + .ml-md-n5 { |
|
| 8182 | + margin-left: -32px !important; |
|
| 8183 | + } |
|
| 8184 | + .mx-md-5 { |
|
| 8185 | + margin-right: 32px !important; |
|
| 8186 | + margin-left: 32px !important; |
|
| 8187 | + } |
|
| 8188 | + .my-md-5 { |
|
| 8189 | + margin-top: 32px !important; |
|
| 8190 | + margin-bottom: 32px !important; |
|
| 8191 | + } |
|
| 8192 | + .m-md-6 { |
|
| 8193 | + margin: 40px !important; |
|
| 8194 | + } |
|
| 8195 | + .mt-md-6 { |
|
| 8196 | + margin-top: 40px !important; |
|
| 8197 | + } |
|
| 8198 | + .mb-md-6 { |
|
| 8199 | + margin-bottom: 40px !important; |
|
| 8200 | + } |
|
| 8201 | + .mr-md-6 { |
|
| 8202 | + margin-right: 40px !important; |
|
| 8203 | + } |
|
| 8204 | + .ml-md-6 { |
|
| 8205 | + margin-left: 40px !important; |
|
| 8206 | + } |
|
| 8207 | + .mt-md-n6 { |
|
| 8208 | + margin-top: -40px !important; |
|
| 8209 | + } |
|
| 8210 | + .mb-md-n6 { |
|
| 8211 | + margin-bottom: -40px !important; |
|
| 8212 | + } |
|
| 8213 | + .mr-md-n6 { |
|
| 8214 | + margin-right: -40px !important; |
|
| 8215 | + } |
|
| 8216 | + .ml-md-n6 { |
|
| 8217 | + margin-left: -40px !important; |
|
| 8218 | + } |
|
| 8219 | + .mx-md-6 { |
|
| 8220 | + margin-right: 40px !important; |
|
| 8221 | + margin-left: 40px !important; |
|
| 8222 | + } |
|
| 8223 | + .my-md-6 { |
|
| 8224 | + margin-top: 40px !important; |
|
| 8225 | + margin-bottom: 40px !important; |
|
| 8226 | + } |
|
| 8227 | + .mt-md-7 { |
|
| 8228 | + margin-top: 48px !important; |
|
| 8229 | + } |
|
| 8230 | + .mb-md-7 { |
|
| 8231 | + margin-bottom: 48px !important; |
|
| 8232 | + } |
|
| 8233 | + .mt-md-n7 { |
|
| 8234 | + margin-top: -48px !important; |
|
| 8235 | + } |
|
| 8236 | + .mb-md-n7 { |
|
| 8237 | + margin-bottom: -48px !important; |
|
| 8238 | + } |
|
| 8239 | + .my-md-7 { |
|
| 8240 | + margin-top: 48px !important; |
|
| 8241 | + margin-bottom: 48px !important; |
|
| 8242 | + } |
|
| 8243 | + .mt-md-8 { |
|
| 8244 | + margin-top: 64px !important; |
|
| 8245 | + } |
|
| 8246 | + .mb-md-8 { |
|
| 8247 | + margin-bottom: 64px !important; |
|
| 8248 | + } |
|
| 8249 | + .mt-md-n8 { |
|
| 8250 | + margin-top: -64px !important; |
|
| 8251 | + } |
|
| 8252 | + .mb-md-n8 { |
|
| 8253 | + margin-bottom: -64px !important; |
|
| 8254 | + } |
|
| 8255 | + .my-md-8 { |
|
| 8256 | + margin-top: 64px !important; |
|
| 8257 | + margin-bottom: 64px !important; |
|
| 8258 | + } |
|
| 8259 | + .mt-md-9 { |
|
| 8260 | + margin-top: 80px !important; |
|
| 8261 | + } |
|
| 8262 | + .mb-md-9 { |
|
| 8263 | + margin-bottom: 80px !important; |
|
| 8264 | + } |
|
| 8265 | + .mt-md-n9 { |
|
| 8266 | + margin-top: -80px !important; |
|
| 8267 | + } |
|
| 8268 | + .mb-md-n9 { |
|
| 8269 | + margin-bottom: -80px !important; |
|
| 8270 | + } |
|
| 8271 | + .my-md-9 { |
|
| 8272 | + margin-top: 80px !important; |
|
| 8273 | + margin-bottom: 80px !important; |
|
| 8274 | + } |
|
| 8275 | + .mt-md-10 { |
|
| 8276 | + margin-top: 96px !important; |
|
| 8277 | + } |
|
| 8278 | + .mb-md-10 { |
|
| 8279 | + margin-bottom: 96px !important; |
|
| 8280 | + } |
|
| 8281 | + .mt-md-n10 { |
|
| 8282 | + margin-top: -96px !important; |
|
| 8283 | + } |
|
| 8284 | + .mb-md-n10 { |
|
| 8285 | + margin-bottom: -96px !important; |
|
| 8286 | + } |
|
| 8287 | + .my-md-10 { |
|
| 8288 | + margin-top: 96px !important; |
|
| 8289 | + margin-bottom: 96px !important; |
|
| 8290 | + } |
|
| 8291 | + .mt-md-11 { |
|
| 8292 | + margin-top: 112px !important; |
|
| 8293 | + } |
|
| 8294 | + .mb-md-11 { |
|
| 8295 | + margin-bottom: 112px !important; |
|
| 8296 | + } |
|
| 8297 | + .mt-md-n11 { |
|
| 8298 | + margin-top: -112px !important; |
|
| 8299 | + } |
|
| 8300 | + .mb-md-n11 { |
|
| 8301 | + margin-bottom: -112px !important; |
|
| 8302 | + } |
|
| 8303 | + .my-md-11 { |
|
| 8304 | + margin-top: 112px !important; |
|
| 8305 | + margin-bottom: 112px !important; |
|
| 8306 | + } |
|
| 8307 | + .mt-md-12 { |
|
| 8308 | + margin-top: 128px !important; |
|
| 8309 | + } |
|
| 8310 | + .mb-md-12 { |
|
| 8311 | + margin-bottom: 128px !important; |
|
| 8312 | + } |
|
| 8313 | + .mt-md-n12 { |
|
| 8314 | + margin-top: -128px !important; |
|
| 8315 | + } |
|
| 8316 | + .mb-md-n12 { |
|
| 8317 | + margin-bottom: -128px !important; |
|
| 8318 | + } |
|
| 8319 | + .my-md-12 { |
|
| 8320 | + margin-top: 128px !important; |
|
| 8321 | + margin-bottom: 128px !important; |
|
| 8322 | + } |
|
| 8323 | + .mx-md-auto { |
|
| 8324 | + margin-right: auto !important; |
|
| 8325 | + margin-left: auto !important; |
|
| 8326 | + } |
|
| 8327 | +} |
|
| 8328 | +@media (min-width: 1012px) { |
|
| 8329 | + .m-lg-0 { |
|
| 8330 | + margin: 0 !important; |
|
| 8331 | + } |
|
| 8332 | + .mt-lg-0 { |
|
| 8333 | + margin-top: 0 !important; |
|
| 8334 | + } |
|
| 8335 | + .mb-lg-0 { |
|
| 8336 | + margin-bottom: 0 !important; |
|
| 8337 | + } |
|
| 8338 | + .mr-lg-0 { |
|
| 8339 | + margin-right: 0 !important; |
|
| 8340 | + } |
|
| 8341 | + .ml-lg-0 { |
|
| 8342 | + margin-left: 0 !important; |
|
| 8343 | + } |
|
| 8344 | + .mx-lg-0 { |
|
| 8345 | + margin-right: 0 !important; |
|
| 8346 | + margin-left: 0 !important; |
|
| 8347 | + } |
|
| 8348 | + .my-lg-0 { |
|
| 8349 | + margin-top: 0 !important; |
|
| 8350 | + margin-bottom: 0 !important; |
|
| 8351 | + } |
|
| 8352 | + .m-lg-1 { |
|
| 8353 | + margin: 4px !important; |
|
| 8354 | + } |
|
| 8355 | + .mt-lg-1 { |
|
| 8356 | + margin-top: 4px !important; |
|
| 8357 | + } |
|
| 8358 | + .mb-lg-1 { |
|
| 8359 | + margin-bottom: 4px !important; |
|
| 8360 | + } |
|
| 8361 | + .mr-lg-1 { |
|
| 8362 | + margin-right: 4px !important; |
|
| 8363 | + } |
|
| 8364 | + .ml-lg-1 { |
|
| 8365 | + margin-left: 4px !important; |
|
| 8366 | + } |
|
| 8367 | + .mt-lg-n1 { |
|
| 8368 | + margin-top: -4px !important; |
|
| 8369 | + } |
|
| 8370 | + .mb-lg-n1 { |
|
| 8371 | + margin-bottom: -4px !important; |
|
| 8372 | + } |
|
| 8373 | + .mr-lg-n1 { |
|
| 8374 | + margin-right: -4px !important; |
|
| 8375 | + } |
|
| 8376 | + .ml-lg-n1 { |
|
| 8377 | + margin-left: -4px !important; |
|
| 8378 | + } |
|
| 8379 | + .mx-lg-1 { |
|
| 8380 | + margin-right: 4px !important; |
|
| 8381 | + margin-left: 4px !important; |
|
| 8382 | + } |
|
| 8383 | + .my-lg-1 { |
|
| 8384 | + margin-top: 4px !important; |
|
| 8385 | + margin-bottom: 4px !important; |
|
| 8386 | + } |
|
| 8387 | + .m-lg-2 { |
|
| 8388 | + margin: 8px !important; |
|
| 8389 | + } |
|
| 8390 | + .mt-lg-2 { |
|
| 8391 | + margin-top: 8px !important; |
|
| 8392 | + } |
|
| 8393 | + .mb-lg-2 { |
|
| 8394 | + margin-bottom: 8px !important; |
|
| 8395 | + } |
|
| 8396 | + .mr-lg-2 { |
|
| 8397 | + margin-right: 8px !important; |
|
| 8398 | + } |
|
| 8399 | + .ml-lg-2 { |
|
| 8400 | + margin-left: 8px !important; |
|
| 8401 | + } |
|
| 8402 | + .mt-lg-n2 { |
|
| 8403 | + margin-top: -8px !important; |
|
| 8404 | + } |
|
| 8405 | + .mb-lg-n2 { |
|
| 8406 | + margin-bottom: -8px !important; |
|
| 8407 | + } |
|
| 8408 | + .mr-lg-n2 { |
|
| 8409 | + margin-right: -8px !important; |
|
| 8410 | + } |
|
| 8411 | + .ml-lg-n2 { |
|
| 8412 | + margin-left: -8px !important; |
|
| 8413 | + } |
|
| 8414 | + .mx-lg-2 { |
|
| 8415 | + margin-right: 8px !important; |
|
| 8416 | + margin-left: 8px !important; |
|
| 8417 | + } |
|
| 8418 | + .my-lg-2 { |
|
| 8419 | + margin-top: 8px !important; |
|
| 8420 | + margin-bottom: 8px !important; |
|
| 8421 | + } |
|
| 8422 | + .m-lg-3 { |
|
| 8423 | + margin: 16px !important; |
|
| 8424 | + } |
|
| 8425 | + .mt-lg-3 { |
|
| 8426 | + margin-top: 16px !important; |
|
| 8427 | + } |
|
| 8428 | + .mb-lg-3 { |
|
| 8429 | + margin-bottom: 16px !important; |
|
| 8430 | + } |
|
| 8431 | + .mr-lg-3 { |
|
| 8432 | + margin-right: 16px !important; |
|
| 8433 | + } |
|
| 8434 | + .ml-lg-3 { |
|
| 8435 | + margin-left: 16px !important; |
|
| 8436 | + } |
|
| 8437 | + .mt-lg-n3 { |
|
| 8438 | + margin-top: -16px !important; |
|
| 8439 | + } |
|
| 8440 | + .mb-lg-n3 { |
|
| 8441 | + margin-bottom: -16px !important; |
|
| 8442 | + } |
|
| 8443 | + .mr-lg-n3 { |
|
| 8444 | + margin-right: -16px !important; |
|
| 8445 | + } |
|
| 8446 | + .ml-lg-n3 { |
|
| 8447 | + margin-left: -16px !important; |
|
| 8448 | + } |
|
| 8449 | + .mx-lg-3 { |
|
| 8450 | + margin-right: 16px !important; |
|
| 8451 | + margin-left: 16px !important; |
|
| 8452 | + } |
|
| 8453 | + .my-lg-3 { |
|
| 8454 | + margin-top: 16px !important; |
|
| 8455 | + margin-bottom: 16px !important; |
|
| 8456 | + } |
|
| 8457 | + .m-lg-4 { |
|
| 8458 | + margin: 24px !important; |
|
| 8459 | + } |
|
| 8460 | + .mt-lg-4 { |
|
| 8461 | + margin-top: 24px !important; |
|
| 8462 | + } |
|
| 8463 | + .mb-lg-4 { |
|
| 8464 | + margin-bottom: 24px !important; |
|
| 8465 | + } |
|
| 8466 | + .mr-lg-4 { |
|
| 8467 | + margin-right: 24px !important; |
|
| 8468 | + } |
|
| 8469 | + .ml-lg-4 { |
|
| 8470 | + margin-left: 24px !important; |
|
| 8471 | + } |
|
| 8472 | + .mt-lg-n4 { |
|
| 8473 | + margin-top: -24px !important; |
|
| 8474 | + } |
|
| 8475 | + .mb-lg-n4 { |
|
| 8476 | + margin-bottom: -24px !important; |
|
| 8477 | + } |
|
| 8478 | + .mr-lg-n4 { |
|
| 8479 | + margin-right: -24px !important; |
|
| 8480 | + } |
|
| 8481 | + .ml-lg-n4 { |
|
| 8482 | + margin-left: -24px !important; |
|
| 8483 | + } |
|
| 8484 | + .mx-lg-4 { |
|
| 8485 | + margin-right: 24px !important; |
|
| 8486 | + margin-left: 24px !important; |
|
| 8487 | + } |
|
| 8488 | + .my-lg-4 { |
|
| 8489 | + margin-top: 24px !important; |
|
| 8490 | + margin-bottom: 24px !important; |
|
| 8491 | + } |
|
| 8492 | + .m-lg-5 { |
|
| 8493 | + margin: 32px !important; |
|
| 8494 | + } |
|
| 8495 | + .mt-lg-5 { |
|
| 8496 | + margin-top: 32px !important; |
|
| 8497 | + } |
|
| 8498 | + .mb-lg-5 { |
|
| 8499 | + margin-bottom: 32px !important; |
|
| 8500 | + } |
|
| 8501 | + .mr-lg-5 { |
|
| 8502 | + margin-right: 32px !important; |
|
| 8503 | + } |
|
| 8504 | + .ml-lg-5 { |
|
| 8505 | + margin-left: 32px !important; |
|
| 8506 | + } |
|
| 8507 | + .mt-lg-n5 { |
|
| 8508 | + margin-top: -32px !important; |
|
| 8509 | + } |
|
| 8510 | + .mb-lg-n5 { |
|
| 8511 | + margin-bottom: -32px !important; |
|
| 8512 | + } |
|
| 8513 | + .mr-lg-n5 { |
|
| 8514 | + margin-right: -32px !important; |
|
| 8515 | + } |
|
| 8516 | + .ml-lg-n5 { |
|
| 8517 | + margin-left: -32px !important; |
|
| 8518 | + } |
|
| 8519 | + .mx-lg-5 { |
|
| 8520 | + margin-right: 32px !important; |
|
| 8521 | + margin-left: 32px !important; |
|
| 8522 | + } |
|
| 8523 | + .my-lg-5 { |
|
| 8524 | + margin-top: 32px !important; |
|
| 8525 | + margin-bottom: 32px !important; |
|
| 8526 | + } |
|
| 8527 | + .m-lg-6 { |
|
| 8528 | + margin: 40px !important; |
|
| 8529 | + } |
|
| 8530 | + .mt-lg-6 { |
|
| 8531 | + margin-top: 40px !important; |
|
| 8532 | + } |
|
| 8533 | + .mb-lg-6 { |
|
| 8534 | + margin-bottom: 40px !important; |
|
| 8535 | + } |
|
| 8536 | + .mr-lg-6 { |
|
| 8537 | + margin-right: 40px !important; |
|
| 8538 | + } |
|
| 8539 | + .ml-lg-6 { |
|
| 8540 | + margin-left: 40px !important; |
|
| 8541 | + } |
|
| 8542 | + .mt-lg-n6 { |
|
| 8543 | + margin-top: -40px !important; |
|
| 8544 | + } |
|
| 8545 | + .mb-lg-n6 { |
|
| 8546 | + margin-bottom: -40px !important; |
|
| 8547 | + } |
|
| 8548 | + .mr-lg-n6 { |
|
| 8549 | + margin-right: -40px !important; |
|
| 8550 | + } |
|
| 8551 | + .ml-lg-n6 { |
|
| 8552 | + margin-left: -40px !important; |
|
| 8553 | + } |
|
| 8554 | + .mx-lg-6 { |
|
| 8555 | + margin-right: 40px !important; |
|
| 8556 | + margin-left: 40px !important; |
|
| 8557 | + } |
|
| 8558 | + .my-lg-6 { |
|
| 8559 | + margin-top: 40px !important; |
|
| 8560 | + margin-bottom: 40px !important; |
|
| 8561 | + } |
|
| 8562 | + .mt-lg-7 { |
|
| 8563 | + margin-top: 48px !important; |
|
| 8564 | + } |
|
| 8565 | + .mb-lg-7 { |
|
| 8566 | + margin-bottom: 48px !important; |
|
| 8567 | + } |
|
| 8568 | + .mt-lg-n7 { |
|
| 8569 | + margin-top: -48px !important; |
|
| 8570 | + } |
|
| 8571 | + .mb-lg-n7 { |
|
| 8572 | + margin-bottom: -48px !important; |
|
| 8573 | + } |
|
| 8574 | + .my-lg-7 { |
|
| 8575 | + margin-top: 48px !important; |
|
| 8576 | + margin-bottom: 48px !important; |
|
| 8577 | + } |
|
| 8578 | + .mt-lg-8 { |
|
| 8579 | + margin-top: 64px !important; |
|
| 8580 | + } |
|
| 8581 | + .mb-lg-8 { |
|
| 8582 | + margin-bottom: 64px !important; |
|
| 8583 | + } |
|
| 8584 | + .mt-lg-n8 { |
|
| 8585 | + margin-top: -64px !important; |
|
| 8586 | + } |
|
| 8587 | + .mb-lg-n8 { |
|
| 8588 | + margin-bottom: -64px !important; |
|
| 8589 | + } |
|
| 8590 | + .my-lg-8 { |
|
| 8591 | + margin-top: 64px !important; |
|
| 8592 | + margin-bottom: 64px !important; |
|
| 8593 | + } |
|
| 8594 | + .mt-lg-9 { |
|
| 8595 | + margin-top: 80px !important; |
|
| 8596 | + } |
|
| 8597 | + .mb-lg-9 { |
|
| 8598 | + margin-bottom: 80px !important; |
|
| 8599 | + } |
|
| 8600 | + .mt-lg-n9 { |
|
| 8601 | + margin-top: -80px !important; |
|
| 8602 | + } |
|
| 8603 | + .mb-lg-n9 { |
|
| 8604 | + margin-bottom: -80px !important; |
|
| 8605 | + } |
|
| 8606 | + .my-lg-9 { |
|
| 8607 | + margin-top: 80px !important; |
|
| 8608 | + margin-bottom: 80px !important; |
|
| 8609 | + } |
|
| 8610 | + .mt-lg-10 { |
|
| 8611 | + margin-top: 96px !important; |
|
| 8612 | + } |
|
| 8613 | + .mb-lg-10 { |
|
| 8614 | + margin-bottom: 96px !important; |
|
| 8615 | + } |
|
| 8616 | + .mt-lg-n10 { |
|
| 8617 | + margin-top: -96px !important; |
|
| 8618 | + } |
|
| 8619 | + .mb-lg-n10 { |
|
| 8620 | + margin-bottom: -96px !important; |
|
| 8621 | + } |
|
| 8622 | + .my-lg-10 { |
|
| 8623 | + margin-top: 96px !important; |
|
| 8624 | + margin-bottom: 96px !important; |
|
| 8625 | + } |
|
| 8626 | + .mt-lg-11 { |
|
| 8627 | + margin-top: 112px !important; |
|
| 8628 | + } |
|
| 8629 | + .mb-lg-11 { |
|
| 8630 | + margin-bottom: 112px !important; |
|
| 8631 | + } |
|
| 8632 | + .mt-lg-n11 { |
|
| 8633 | + margin-top: -112px !important; |
|
| 8634 | + } |
|
| 8635 | + .mb-lg-n11 { |
|
| 8636 | + margin-bottom: -112px !important; |
|
| 8637 | + } |
|
| 8638 | + .my-lg-11 { |
|
| 8639 | + margin-top: 112px !important; |
|
| 8640 | + margin-bottom: 112px !important; |
|
| 8641 | + } |
|
| 8642 | + .mt-lg-12 { |
|
| 8643 | + margin-top: 128px !important; |
|
| 8644 | + } |
|
| 8645 | + .mb-lg-12 { |
|
| 8646 | + margin-bottom: 128px !important; |
|
| 8647 | + } |
|
| 8648 | + .mt-lg-n12 { |
|
| 8649 | + margin-top: -128px !important; |
|
| 8650 | + } |
|
| 8651 | + .mb-lg-n12 { |
|
| 8652 | + margin-bottom: -128px !important; |
|
| 8653 | + } |
|
| 8654 | + .my-lg-12 { |
|
| 8655 | + margin-top: 128px !important; |
|
| 8656 | + margin-bottom: 128px !important; |
|
| 8657 | + } |
|
| 8658 | + .mx-lg-auto { |
|
| 8659 | + margin-right: auto !important; |
|
| 8660 | + margin-left: auto !important; |
|
| 8661 | + } |
|
| 8662 | +} |
|
| 8663 | +@media (min-width: 1280px) { |
|
| 8664 | + .m-xl-0 { |
|
| 8665 | + margin: 0 !important; |
|
| 8666 | + } |
|
| 8667 | + .mt-xl-0 { |
|
| 8668 | + margin-top: 0 !important; |
|
| 8669 | + } |
|
| 8670 | + .mb-xl-0 { |
|
| 8671 | + margin-bottom: 0 !important; |
|
| 8672 | + } |
|
| 8673 | + .mr-xl-0 { |
|
| 8674 | + margin-right: 0 !important; |
|
| 8675 | + } |
|
| 8676 | + .ml-xl-0 { |
|
| 8677 | + margin-left: 0 !important; |
|
| 8678 | + } |
|
| 8679 | + .mx-xl-0 { |
|
| 8680 | + margin-right: 0 !important; |
|
| 8681 | + margin-left: 0 !important; |
|
| 8682 | + } |
|
| 8683 | + .my-xl-0 { |
|
| 8684 | + margin-top: 0 !important; |
|
| 8685 | + margin-bottom: 0 !important; |
|
| 8686 | + } |
|
| 8687 | + .m-xl-1 { |
|
| 8688 | + margin: 4px !important; |
|
| 8689 | + } |
|
| 8690 | + .mt-xl-1 { |
|
| 8691 | + margin-top: 4px !important; |
|
| 8692 | + } |
|
| 8693 | + .mb-xl-1 { |
|
| 8694 | + margin-bottom: 4px !important; |
|
| 8695 | + } |
|
| 8696 | + .mr-xl-1 { |
|
| 8697 | + margin-right: 4px !important; |
|
| 8698 | + } |
|
| 8699 | + .ml-xl-1 { |
|
| 8700 | + margin-left: 4px !important; |
|
| 8701 | + } |
|
| 8702 | + .mt-xl-n1 { |
|
| 8703 | + margin-top: -4px !important; |
|
| 8704 | + } |
|
| 8705 | + .mb-xl-n1 { |
|
| 8706 | + margin-bottom: -4px !important; |
|
| 8707 | + } |
|
| 8708 | + .mr-xl-n1 { |
|
| 8709 | + margin-right: -4px !important; |
|
| 8710 | + } |
|
| 8711 | + .ml-xl-n1 { |
|
| 8712 | + margin-left: -4px !important; |
|
| 8713 | + } |
|
| 8714 | + .mx-xl-1 { |
|
| 8715 | + margin-right: 4px !important; |
|
| 8716 | + margin-left: 4px !important; |
|
| 8717 | + } |
|
| 8718 | + .my-xl-1 { |
|
| 8719 | + margin-top: 4px !important; |
|
| 8720 | + margin-bottom: 4px !important; |
|
| 8721 | + } |
|
| 8722 | + .m-xl-2 { |
|
| 8723 | + margin: 8px !important; |
|
| 8724 | + } |
|
| 8725 | + .mt-xl-2 { |
|
| 8726 | + margin-top: 8px !important; |
|
| 8727 | + } |
|
| 8728 | + .mb-xl-2 { |
|
| 8729 | + margin-bottom: 8px !important; |
|
| 8730 | + } |
|
| 8731 | + .mr-xl-2 { |
|
| 8732 | + margin-right: 8px !important; |
|
| 8733 | + } |
|
| 8734 | + .ml-xl-2 { |
|
| 8735 | + margin-left: 8px !important; |
|
| 8736 | + } |
|
| 8737 | + .mt-xl-n2 { |
|
| 8738 | + margin-top: -8px !important; |
|
| 8739 | + } |
|
| 8740 | + .mb-xl-n2 { |
|
| 8741 | + margin-bottom: -8px !important; |
|
| 8742 | + } |
|
| 8743 | + .mr-xl-n2 { |
|
| 8744 | + margin-right: -8px !important; |
|
| 8745 | + } |
|
| 8746 | + .ml-xl-n2 { |
|
| 8747 | + margin-left: -8px !important; |
|
| 8748 | + } |
|
| 8749 | + .mx-xl-2 { |
|
| 8750 | + margin-right: 8px !important; |
|
| 8751 | + margin-left: 8px !important; |
|
| 8752 | + } |
|
| 8753 | + .my-xl-2 { |
|
| 8754 | + margin-top: 8px !important; |
|
| 8755 | + margin-bottom: 8px !important; |
|
| 8756 | + } |
|
| 8757 | + .m-xl-3 { |
|
| 8758 | + margin: 16px !important; |
|
| 8759 | + } |
|
| 8760 | + .mt-xl-3 { |
|
| 8761 | + margin-top: 16px !important; |
|
| 8762 | + } |
|
| 8763 | + .mb-xl-3 { |
|
| 8764 | + margin-bottom: 16px !important; |
|
| 8765 | + } |
|
| 8766 | + .mr-xl-3 { |
|
| 8767 | + margin-right: 16px !important; |
|
| 8768 | + } |
|
| 8769 | + .ml-xl-3 { |
|
| 8770 | + margin-left: 16px !important; |
|
| 8771 | + } |
|
| 8772 | + .mt-xl-n3 { |
|
| 8773 | + margin-top: -16px !important; |
|
| 8774 | + } |
|
| 8775 | + .mb-xl-n3 { |
|
| 8776 | + margin-bottom: -16px !important; |
|
| 8777 | + } |
|
| 8778 | + .mr-xl-n3 { |
|
| 8779 | + margin-right: -16px !important; |
|
| 8780 | + } |
|
| 8781 | + .ml-xl-n3 { |
|
| 8782 | + margin-left: -16px !important; |
|
| 8783 | + } |
|
| 8784 | + .mx-xl-3 { |
|
| 8785 | + margin-right: 16px !important; |
|
| 8786 | + margin-left: 16px !important; |
|
| 8787 | + } |
|
| 8788 | + .my-xl-3 { |
|
| 8789 | + margin-top: 16px !important; |
|
| 8790 | + margin-bottom: 16px !important; |
|
| 8791 | + } |
|
| 8792 | + .m-xl-4 { |
|
| 8793 | + margin: 24px !important; |
|
| 8794 | + } |
|
| 8795 | + .mt-xl-4 { |
|
| 8796 | + margin-top: 24px !important; |
|
| 8797 | + } |
|
| 8798 | + .mb-xl-4 { |
|
| 8799 | + margin-bottom: 24px !important; |
|
| 8800 | + } |
|
| 8801 | + .mr-xl-4 { |
|
| 8802 | + margin-right: 24px !important; |
|
| 8803 | + } |
|
| 8804 | + .ml-xl-4 { |
|
| 8805 | + margin-left: 24px !important; |
|
| 8806 | + } |
|
| 8807 | + .mt-xl-n4 { |
|
| 8808 | + margin-top: -24px !important; |
|
| 8809 | + } |
|
| 8810 | + .mb-xl-n4 { |
|
| 8811 | + margin-bottom: -24px !important; |
|
| 8812 | + } |
|
| 8813 | + .mr-xl-n4 { |
|
| 8814 | + margin-right: -24px !important; |
|
| 8815 | + } |
|
| 8816 | + .ml-xl-n4 { |
|
| 8817 | + margin-left: -24px !important; |
|
| 8818 | + } |
|
| 8819 | + .mx-xl-4 { |
|
| 8820 | + margin-right: 24px !important; |
|
| 8821 | + margin-left: 24px !important; |
|
| 8822 | + } |
|
| 8823 | + .my-xl-4 { |
|
| 8824 | + margin-top: 24px !important; |
|
| 8825 | + margin-bottom: 24px !important; |
|
| 8826 | + } |
|
| 8827 | + .m-xl-5 { |
|
| 8828 | + margin: 32px !important; |
|
| 8829 | + } |
|
| 8830 | + .mt-xl-5 { |
|
| 8831 | + margin-top: 32px !important; |
|
| 8832 | + } |
|
| 8833 | + .mb-xl-5 { |
|
| 8834 | + margin-bottom: 32px !important; |
|
| 8835 | + } |
|
| 8836 | + .mr-xl-5 { |
|
| 8837 | + margin-right: 32px !important; |
|
| 8838 | + } |
|
| 8839 | + .ml-xl-5 { |
|
| 8840 | + margin-left: 32px !important; |
|
| 8841 | + } |
|
| 8842 | + .mt-xl-n5 { |
|
| 8843 | + margin-top: -32px !important; |
|
| 8844 | + } |
|
| 8845 | + .mb-xl-n5 { |
|
| 8846 | + margin-bottom: -32px !important; |
|
| 8847 | + } |
|
| 8848 | + .mr-xl-n5 { |
|
| 8849 | + margin-right: -32px !important; |
|
| 8850 | + } |
|
| 8851 | + .ml-xl-n5 { |
|
| 8852 | + margin-left: -32px !important; |
|
| 8853 | + } |
|
| 8854 | + .mx-xl-5 { |
|
| 8855 | + margin-right: 32px !important; |
|
| 8856 | + margin-left: 32px !important; |
|
| 8857 | + } |
|
| 8858 | + .my-xl-5 { |
|
| 8859 | + margin-top: 32px !important; |
|
| 8860 | + margin-bottom: 32px !important; |
|
| 8861 | + } |
|
| 8862 | + .m-xl-6 { |
|
| 8863 | + margin: 40px !important; |
|
| 8864 | + } |
|
| 8865 | + .mt-xl-6 { |
|
| 8866 | + margin-top: 40px !important; |
|
| 8867 | + } |
|
| 8868 | + .mb-xl-6 { |
|
| 8869 | + margin-bottom: 40px !important; |
|
| 8870 | + } |
|
| 8871 | + .mr-xl-6 { |
|
| 8872 | + margin-right: 40px !important; |
|
| 8873 | + } |
|
| 8874 | + .ml-xl-6 { |
|
| 8875 | + margin-left: 40px !important; |
|
| 8876 | + } |
|
| 8877 | + .mt-xl-n6 { |
|
| 8878 | + margin-top: -40px !important; |
|
| 8879 | + } |
|
| 8880 | + .mb-xl-n6 { |
|
| 8881 | + margin-bottom: -40px !important; |
|
| 8882 | + } |
|
| 8883 | + .mr-xl-n6 { |
|
| 8884 | + margin-right: -40px !important; |
|
| 8885 | + } |
|
| 8886 | + .ml-xl-n6 { |
|
| 8887 | + margin-left: -40px !important; |
|
| 8888 | + } |
|
| 8889 | + .mx-xl-6 { |
|
| 8890 | + margin-right: 40px !important; |
|
| 8891 | + margin-left: 40px !important; |
|
| 8892 | + } |
|
| 8893 | + .my-xl-6 { |
|
| 8894 | + margin-top: 40px !important; |
|
| 8895 | + margin-bottom: 40px !important; |
|
| 8896 | + } |
|
| 8897 | + .mt-xl-7 { |
|
| 8898 | + margin-top: 48px !important; |
|
| 8899 | + } |
|
| 8900 | + .mb-xl-7 { |
|
| 8901 | + margin-bottom: 48px !important; |
|
| 8902 | + } |
|
| 8903 | + .mt-xl-n7 { |
|
| 8904 | + margin-top: -48px !important; |
|
| 8905 | + } |
|
| 8906 | + .mb-xl-n7 { |
|
| 8907 | + margin-bottom: -48px !important; |
|
| 8908 | + } |
|
| 8909 | + .my-xl-7 { |
|
| 8910 | + margin-top: 48px !important; |
|
| 8911 | + margin-bottom: 48px !important; |
|
| 8912 | + } |
|
| 8913 | + .mt-xl-8 { |
|
| 8914 | + margin-top: 64px !important; |
|
| 8915 | + } |
|
| 8916 | + .mb-xl-8 { |
|
| 8917 | + margin-bottom: 64px !important; |
|
| 8918 | + } |
|
| 8919 | + .mt-xl-n8 { |
|
| 8920 | + margin-top: -64px !important; |
|
| 8921 | + } |
|
| 8922 | + .mb-xl-n8 { |
|
| 8923 | + margin-bottom: -64px !important; |
|
| 8924 | + } |
|
| 8925 | + .my-xl-8 { |
|
| 8926 | + margin-top: 64px !important; |
|
| 8927 | + margin-bottom: 64px !important; |
|
| 8928 | + } |
|
| 8929 | + .mt-xl-9 { |
|
| 8930 | + margin-top: 80px !important; |
|
| 8931 | + } |
|
| 8932 | + .mb-xl-9 { |
|
| 8933 | + margin-bottom: 80px !important; |
|
| 8934 | + } |
|
| 8935 | + .mt-xl-n9 { |
|
| 8936 | + margin-top: -80px !important; |
|
| 8937 | + } |
|
| 8938 | + .mb-xl-n9 { |
|
| 8939 | + margin-bottom: -80px !important; |
|
| 8940 | + } |
|
| 8941 | + .my-xl-9 { |
|
| 8942 | + margin-top: 80px !important; |
|
| 8943 | + margin-bottom: 80px !important; |
|
| 8944 | + } |
|
| 8945 | + .mt-xl-10 { |
|
| 8946 | + margin-top: 96px !important; |
|
| 8947 | + } |
|
| 8948 | + .mb-xl-10 { |
|
| 8949 | + margin-bottom: 96px !important; |
|
| 8950 | + } |
|
| 8951 | + .mt-xl-n10 { |
|
| 8952 | + margin-top: -96px !important; |
|
| 8953 | + } |
|
| 8954 | + .mb-xl-n10 { |
|
| 8955 | + margin-bottom: -96px !important; |
|
| 8956 | + } |
|
| 8957 | + .my-xl-10 { |
|
| 8958 | + margin-top: 96px !important; |
|
| 8959 | + margin-bottom: 96px !important; |
|
| 8960 | + } |
|
| 8961 | + .mt-xl-11 { |
|
| 8962 | + margin-top: 112px !important; |
|
| 8963 | + } |
|
| 8964 | + .mb-xl-11 { |
|
| 8965 | + margin-bottom: 112px !important; |
|
| 8966 | + } |
|
| 8967 | + .mt-xl-n11 { |
|
| 8968 | + margin-top: -112px !important; |
|
| 8969 | + } |
|
| 8970 | + .mb-xl-n11 { |
|
| 8971 | + margin-bottom: -112px !important; |
|
| 8972 | + } |
|
| 8973 | + .my-xl-11 { |
|
| 8974 | + margin-top: 112px !important; |
|
| 8975 | + margin-bottom: 112px !important; |
|
| 8976 | + } |
|
| 8977 | + .mt-xl-12 { |
|
| 8978 | + margin-top: 128px !important; |
|
| 8979 | + } |
|
| 8980 | + .mb-xl-12 { |
|
| 8981 | + margin-bottom: 128px !important; |
|
| 8982 | + } |
|
| 8983 | + .mt-xl-n12 { |
|
| 8984 | + margin-top: -128px !important; |
|
| 8985 | + } |
|
| 8986 | + .mb-xl-n12 { |
|
| 8987 | + margin-bottom: -128px !important; |
|
| 8988 | + } |
|
| 8989 | + .my-xl-12 { |
|
| 8990 | + margin-top: 128px !important; |
|
| 8991 | + margin-bottom: 128px !important; |
|
| 8992 | + } |
|
| 8993 | + .mx-xl-auto { |
|
| 8994 | + margin-right: auto !important; |
|
| 8995 | + margin-left: auto !important; |
|
| 8996 | + } |
|
| 8997 | +} |
|
| 8998 | +.m-auto { |
|
| 8999 | + margin: auto !important; |
|
| 9000 | +} |
|
| 9001 | +.mt-auto { |
|
| 9002 | + margin-top: auto !important; |
|
| 9003 | +} |
|
| 9004 | +.mr-auto { |
|
| 9005 | + margin-right: auto !important; |
|
| 9006 | +} |
|
| 9007 | +.mb-auto { |
|
| 9008 | + margin-bottom: auto !important; |
|
| 9009 | +} |
|
| 9010 | +.ml-auto { |
|
| 9011 | + margin-left: auto !important; |
|
| 9012 | +} |
|
| 9013 | +.p-0 { |
|
| 9014 | + padding: 0 !important; |
|
| 9015 | +} |
|
| 9016 | +.pt-0 { |
|
| 9017 | + padding-top: 0 !important; |
|
| 9018 | +} |
|
| 9019 | +.pr-0 { |
|
| 9020 | + padding-right: 0 !important; |
|
| 9021 | +} |
|
| 9022 | +.pb-0 { |
|
| 9023 | + padding-bottom: 0 !important; |
|
| 9024 | +} |
|
| 9025 | +.pl-0 { |
|
| 9026 | + padding-left: 0 !important; |
|
| 9027 | +} |
|
| 9028 | +.px-0 { |
|
| 9029 | + padding-right: 0 !important; |
|
| 9030 | + padding-left: 0 !important; |
|
| 9031 | +} |
|
| 9032 | +.py-0 { |
|
| 9033 | + padding-top: 0 !important; |
|
| 9034 | + padding-bottom: 0 !important; |
|
| 9035 | +} |
|
| 9036 | +.p-1 { |
|
| 9037 | + padding: 4px !important; |
|
| 9038 | +} |
|
| 9039 | +.pt-1 { |
|
| 9040 | + padding-top: 4px !important; |
|
| 9041 | +} |
|
| 9042 | +.pr-1 { |
|
| 9043 | + padding-right: 4px !important; |
|
| 9044 | +} |
|
| 9045 | +.pb-1 { |
|
| 9046 | + padding-bottom: 4px !important; |
|
| 9047 | +} |
|
| 9048 | +.pl-1 { |
|
| 9049 | + padding-left: 4px !important; |
|
| 9050 | +} |
|
| 9051 | +.px-1 { |
|
| 9052 | + padding-right: 4px !important; |
|
| 9053 | + padding-left: 4px !important; |
|
| 9054 | +} |
|
| 9055 | +.py-1 { |
|
| 9056 | + padding-top: 4px !important; |
|
| 9057 | + padding-bottom: 4px !important; |
|
| 9058 | +} |
|
| 9059 | +.p-2 { |
|
| 9060 | + padding: 8px !important; |
|
| 9061 | +} |
|
| 9062 | +.pt-2 { |
|
| 9063 | + padding-top: 8px !important; |
|
| 9064 | +} |
|
| 9065 | +.pr-2 { |
|
| 9066 | + padding-right: 8px !important; |
|
| 9067 | +} |
|
| 9068 | +.pb-2 { |
|
| 9069 | + padding-bottom: 8px !important; |
|
| 9070 | +} |
|
| 9071 | +.pl-2 { |
|
| 9072 | + padding-left: 8px !important; |
|
| 9073 | +} |
|
| 9074 | +.px-2 { |
|
| 9075 | + padding-right: 8px !important; |
|
| 9076 | + padding-left: 8px !important; |
|
| 9077 | +} |
|
| 9078 | +.py-2 { |
|
| 9079 | + padding-top: 8px !important; |
|
| 9080 | + padding-bottom: 8px !important; |
|
| 9081 | +} |
|
| 9082 | +.p-3 { |
|
| 9083 | + padding: 16px !important; |
|
| 9084 | +} |
|
| 9085 | +.pt-3 { |
|
| 9086 | + padding-top: 16px !important; |
|
| 9087 | +} |
|
| 9088 | +.pr-3 { |
|
| 9089 | + padding-right: 16px !important; |
|
| 9090 | +} |
|
| 9091 | +.pb-3 { |
|
| 9092 | + padding-bottom: 16px !important; |
|
| 9093 | +} |
|
| 9094 | +.pl-3 { |
|
| 9095 | + padding-left: 16px !important; |
|
| 9096 | +} |
|
| 9097 | +.px-3 { |
|
| 9098 | + padding-right: 16px !important; |
|
| 9099 | + padding-left: 16px !important; |
|
| 9100 | +} |
|
| 9101 | +.py-3 { |
|
| 9102 | + padding-top: 16px !important; |
|
| 9103 | + padding-bottom: 16px !important; |
|
| 9104 | +} |
|
| 9105 | +.p-4 { |
|
| 9106 | + padding: 24px !important; |
|
| 9107 | +} |
|
| 9108 | +.pt-4 { |
|
| 9109 | + padding-top: 24px !important; |
|
| 9110 | +} |
|
| 9111 | +.pr-4 { |
|
| 9112 | + padding-right: 24px !important; |
|
| 9113 | +} |
|
| 9114 | +.pb-4 { |
|
| 9115 | + padding-bottom: 24px !important; |
|
| 9116 | +} |
|
| 9117 | +.pl-4 { |
|
| 9118 | + padding-left: 24px !important; |
|
| 9119 | +} |
|
| 9120 | +.px-4 { |
|
| 9121 | + padding-right: 24px !important; |
|
| 9122 | + padding-left: 24px !important; |
|
| 9123 | +} |
|
| 9124 | +.py-4 { |
|
| 9125 | + padding-top: 24px !important; |
|
| 9126 | + padding-bottom: 24px !important; |
|
| 9127 | +} |
|
| 9128 | +.p-5 { |
|
| 9129 | + padding: 32px !important; |
|
| 9130 | +} |
|
| 9131 | +.pt-5 { |
|
| 9132 | + padding-top: 32px !important; |
|
| 9133 | +} |
|
| 9134 | +.pr-5 { |
|
| 9135 | + padding-right: 32px !important; |
|
| 9136 | +} |
|
| 9137 | +.pb-5 { |
|
| 9138 | + padding-bottom: 32px !important; |
|
| 9139 | +} |
|
| 9140 | +.pl-5 { |
|
| 9141 | + padding-left: 32px !important; |
|
| 9142 | +} |
|
| 9143 | +.px-5 { |
|
| 9144 | + padding-right: 32px !important; |
|
| 9145 | + padding-left: 32px !important; |
|
| 9146 | +} |
|
| 9147 | +.py-5 { |
|
| 9148 | + padding-top: 32px !important; |
|
| 9149 | + padding-bottom: 32px !important; |
|
| 9150 | +} |
|
| 9151 | +.p-6 { |
|
| 9152 | + padding: 40px !important; |
|
| 9153 | +} |
|
| 9154 | +.pt-6 { |
|
| 9155 | + padding-top: 40px !important; |
|
| 9156 | +} |
|
| 9157 | +.pr-6 { |
|
| 9158 | + padding-right: 40px !important; |
|
| 9159 | +} |
|
| 9160 | +.pb-6 { |
|
| 9161 | + padding-bottom: 40px !important; |
|
| 9162 | +} |
|
| 9163 | +.pl-6 { |
|
| 9164 | + padding-left: 40px !important; |
|
| 9165 | +} |
|
| 9166 | +.px-6 { |
|
| 9167 | + padding-right: 40px !important; |
|
| 9168 | + padding-left: 40px !important; |
|
| 9169 | +} |
|
| 9170 | +.py-6 { |
|
| 9171 | + padding-top: 40px !important; |
|
| 9172 | + padding-bottom: 40px !important; |
|
| 9173 | +} |
|
| 9174 | +.pt-7 { |
|
| 9175 | + padding-top: 48px !important; |
|
| 9176 | +} |
|
| 9177 | +.pr-7 { |
|
| 9178 | + padding-right: 48px !important; |
|
| 9179 | +} |
|
| 9180 | +.pb-7 { |
|
| 9181 | + padding-bottom: 48px !important; |
|
| 9182 | +} |
|
| 9183 | +.pl-7 { |
|
| 9184 | + padding-left: 48px !important; |
|
| 9185 | +} |
|
| 9186 | +.py-7 { |
|
| 9187 | + padding-top: 48px !important; |
|
| 9188 | + padding-bottom: 48px !important; |
|
| 9189 | +} |
|
| 9190 | +.pt-8 { |
|
| 9191 | + padding-top: 64px !important; |
|
| 9192 | +} |
|
| 9193 | +.pr-8 { |
|
| 9194 | + padding-right: 64px !important; |
|
| 9195 | +} |
|
| 9196 | +.pb-8 { |
|
| 9197 | + padding-bottom: 64px !important; |
|
| 9198 | +} |
|
| 9199 | +.pl-8 { |
|
| 9200 | + padding-left: 64px !important; |
|
| 9201 | +} |
|
| 9202 | +.py-8 { |
|
| 9203 | + padding-top: 64px !important; |
|
| 9204 | + padding-bottom: 64px !important; |
|
| 9205 | +} |
|
| 9206 | +.pt-9 { |
|
| 9207 | + padding-top: 80px !important; |
|
| 9208 | +} |
|
| 9209 | +.pr-9 { |
|
| 9210 | + padding-right: 80px !important; |
|
| 9211 | +} |
|
| 9212 | +.pb-9 { |
|
| 9213 | + padding-bottom: 80px !important; |
|
| 9214 | +} |
|
| 9215 | +.pl-9 { |
|
| 9216 | + padding-left: 80px !important; |
|
| 9217 | +} |
|
| 9218 | +.py-9 { |
|
| 9219 | + padding-top: 80px !important; |
|
| 9220 | + padding-bottom: 80px !important; |
|
| 9221 | +} |
|
| 9222 | +.pt-10 { |
|
| 9223 | + padding-top: 96px !important; |
|
| 9224 | +} |
|
| 9225 | +.pr-10 { |
|
| 9226 | + padding-right: 96px !important; |
|
| 9227 | +} |
|
| 9228 | +.pb-10 { |
|
| 9229 | + padding-bottom: 96px !important; |
|
| 9230 | +} |
|
| 9231 | +.pl-10 { |
|
| 9232 | + padding-left: 96px !important; |
|
| 9233 | +} |
|
| 9234 | +.py-10 { |
|
| 9235 | + padding-top: 96px !important; |
|
| 9236 | + padding-bottom: 96px !important; |
|
| 9237 | +} |
|
| 9238 | +.pt-11 { |
|
| 9239 | + padding-top: 112px !important; |
|
| 9240 | +} |
|
| 9241 | +.pr-11 { |
|
| 9242 | + padding-right: 112px !important; |
|
| 9243 | +} |
|
| 9244 | +.pb-11 { |
|
| 9245 | + padding-bottom: 112px !important; |
|
| 9246 | +} |
|
| 9247 | +.pl-11 { |
|
| 9248 | + padding-left: 112px !important; |
|
| 9249 | +} |
|
| 9250 | +.py-11 { |
|
| 9251 | + padding-top: 112px !important; |
|
| 9252 | + padding-bottom: 112px !important; |
|
| 9253 | +} |
|
| 9254 | +.pt-12 { |
|
| 9255 | + padding-top: 128px !important; |
|
| 9256 | +} |
|
| 9257 | +.pr-12 { |
|
| 9258 | + padding-right: 128px !important; |
|
| 9259 | +} |
|
| 9260 | +.pb-12 { |
|
| 9261 | + padding-bottom: 128px !important; |
|
| 9262 | +} |
|
| 9263 | +.pl-12 { |
|
| 9264 | + padding-left: 128px !important; |
|
| 9265 | +} |
|
| 9266 | +.py-12 { |
|
| 9267 | + padding-top: 128px !important; |
|
| 9268 | + padding-bottom: 128px !important; |
|
| 9269 | +} |
|
| 9270 | +@media (min-width: 544px) { |
|
| 9271 | + .p-sm-0 { |
|
| 9272 | + padding: 0 !important; |
|
| 9273 | + } |
|
| 9274 | + .pt-sm-0 { |
|
| 9275 | + padding-top: 0 !important; |
|
| 9276 | + } |
|
| 9277 | + .pr-sm-0 { |
|
| 9278 | + padding-right: 0 !important; |
|
| 9279 | + } |
|
| 9280 | + .pb-sm-0 { |
|
| 9281 | + padding-bottom: 0 !important; |
|
| 9282 | + } |
|
| 9283 | + .pl-sm-0 { |
|
| 9284 | + padding-left: 0 !important; |
|
| 9285 | + } |
|
| 9286 | + .px-sm-0 { |
|
| 9287 | + padding-right: 0 !important; |
|
| 9288 | + padding-left: 0 !important; |
|
| 9289 | + } |
|
| 9290 | + .py-sm-0 { |
|
| 9291 | + padding-top: 0 !important; |
|
| 9292 | + padding-bottom: 0 !important; |
|
| 9293 | + } |
|
| 9294 | + .p-sm-1 { |
|
| 9295 | + padding: 4px !important; |
|
| 9296 | + } |
|
| 9297 | + .pt-sm-1 { |
|
| 9298 | + padding-top: 4px !important; |
|
| 9299 | + } |
|
| 9300 | + .pr-sm-1 { |
|
| 9301 | + padding-right: 4px !important; |
|
| 9302 | + } |
|
| 9303 | + .pb-sm-1 { |
|
| 9304 | + padding-bottom: 4px !important; |
|
| 9305 | + } |
|
| 9306 | + .pl-sm-1 { |
|
| 9307 | + padding-left: 4px !important; |
|
| 9308 | + } |
|
| 9309 | + .px-sm-1 { |
|
| 9310 | + padding-right: 4px !important; |
|
| 9311 | + padding-left: 4px !important; |
|
| 9312 | + } |
|
| 9313 | + .py-sm-1 { |
|
| 9314 | + padding-top: 4px !important; |
|
| 9315 | + padding-bottom: 4px !important; |
|
| 9316 | + } |
|
| 9317 | + .p-sm-2 { |
|
| 9318 | + padding: 8px !important; |
|
| 9319 | + } |
|
| 9320 | + .pt-sm-2 { |
|
| 9321 | + padding-top: 8px !important; |
|
| 9322 | + } |
|
| 9323 | + .pr-sm-2 { |
|
| 9324 | + padding-right: 8px !important; |
|
| 9325 | + } |
|
| 9326 | + .pb-sm-2 { |
|
| 9327 | + padding-bottom: 8px !important; |
|
| 9328 | + } |
|
| 9329 | + .pl-sm-2 { |
|
| 9330 | + padding-left: 8px !important; |
|
| 9331 | + } |
|
| 9332 | + .px-sm-2 { |
|
| 9333 | + padding-right: 8px !important; |
|
| 9334 | + padding-left: 8px !important; |
|
| 9335 | + } |
|
| 9336 | + .py-sm-2 { |
|
| 9337 | + padding-top: 8px !important; |
|
| 9338 | + padding-bottom: 8px !important; |
|
| 9339 | + } |
|
| 9340 | + .p-sm-3 { |
|
| 9341 | + padding: 16px !important; |
|
| 9342 | + } |
|
| 9343 | + .pt-sm-3 { |
|
| 9344 | + padding-top: 16px !important; |
|
| 9345 | + } |
|
| 9346 | + .pr-sm-3 { |
|
| 9347 | + padding-right: 16px !important; |
|
| 9348 | + } |
|
| 9349 | + .pb-sm-3 { |
|
| 9350 | + padding-bottom: 16px !important; |
|
| 9351 | + } |
|
| 9352 | + .pl-sm-3 { |
|
| 9353 | + padding-left: 16px !important; |
|
| 9354 | + } |
|
| 9355 | + .px-sm-3 { |
|
| 9356 | + padding-right: 16px !important; |
|
| 9357 | + padding-left: 16px !important; |
|
| 9358 | + } |
|
| 9359 | + .py-sm-3 { |
|
| 9360 | + padding-top: 16px !important; |
|
| 9361 | + padding-bottom: 16px !important; |
|
| 9362 | + } |
|
| 9363 | + .p-sm-4 { |
|
| 9364 | + padding: 24px !important; |
|
| 9365 | + } |
|
| 9366 | + .pt-sm-4 { |
|
| 9367 | + padding-top: 24px !important; |
|
| 9368 | + } |
|
| 9369 | + .pr-sm-4 { |
|
| 9370 | + padding-right: 24px !important; |
|
| 9371 | + } |
|
| 9372 | + .pb-sm-4 { |
|
| 9373 | + padding-bottom: 24px !important; |
|
| 9374 | + } |
|
| 9375 | + .pl-sm-4 { |
|
| 9376 | + padding-left: 24px !important; |
|
| 9377 | + } |
|
| 9378 | + .px-sm-4 { |
|
| 9379 | + padding-right: 24px !important; |
|
| 9380 | + padding-left: 24px !important; |
|
| 9381 | + } |
|
| 9382 | + .py-sm-4 { |
|
| 9383 | + padding-top: 24px !important; |
|
| 9384 | + padding-bottom: 24px !important; |
|
| 9385 | + } |
|
| 9386 | + .p-sm-5 { |
|
| 9387 | + padding: 32px !important; |
|
| 9388 | + } |
|
| 9389 | + .pt-sm-5 { |
|
| 9390 | + padding-top: 32px !important; |
|
| 9391 | + } |
|
| 9392 | + .pr-sm-5 { |
|
| 9393 | + padding-right: 32px !important; |
|
| 9394 | + } |
|
| 9395 | + .pb-sm-5 { |
|
| 9396 | + padding-bottom: 32px !important; |
|
| 9397 | + } |
|
| 9398 | + .pl-sm-5 { |
|
| 9399 | + padding-left: 32px !important; |
|
| 9400 | + } |
|
| 9401 | + .px-sm-5 { |
|
| 9402 | + padding-right: 32px !important; |
|
| 9403 | + padding-left: 32px !important; |
|
| 9404 | + } |
|
| 9405 | + .py-sm-5 { |
|
| 9406 | + padding-top: 32px !important; |
|
| 9407 | + padding-bottom: 32px !important; |
|
| 9408 | + } |
|
| 9409 | + .p-sm-6 { |
|
| 9410 | + padding: 40px !important; |
|
| 9411 | + } |
|
| 9412 | + .pt-sm-6 { |
|
| 9413 | + padding-top: 40px !important; |
|
| 9414 | + } |
|
| 9415 | + .pr-sm-6 { |
|
| 9416 | + padding-right: 40px !important; |
|
| 9417 | + } |
|
| 9418 | + .pb-sm-6 { |
|
| 9419 | + padding-bottom: 40px !important; |
|
| 9420 | + } |
|
| 9421 | + .pl-sm-6 { |
|
| 9422 | + padding-left: 40px !important; |
|
| 9423 | + } |
|
| 9424 | + .px-sm-6 { |
|
| 9425 | + padding-right: 40px !important; |
|
| 9426 | + padding-left: 40px !important; |
|
| 9427 | + } |
|
| 9428 | + .py-sm-6 { |
|
| 9429 | + padding-top: 40px !important; |
|
| 9430 | + padding-bottom: 40px !important; |
|
| 9431 | + } |
|
| 9432 | + .pt-sm-7 { |
|
| 9433 | + padding-top: 48px !important; |
|
| 9434 | + } |
|
| 9435 | + .pr-sm-7 { |
|
| 9436 | + padding-right: 48px !important; |
|
| 9437 | + } |
|
| 9438 | + .pb-sm-7 { |
|
| 9439 | + padding-bottom: 48px !important; |
|
| 9440 | + } |
|
| 9441 | + .pl-sm-7 { |
|
| 9442 | + padding-left: 48px !important; |
|
| 9443 | + } |
|
| 9444 | + .py-sm-7 { |
|
| 9445 | + padding-top: 48px !important; |
|
| 9446 | + padding-bottom: 48px !important; |
|
| 9447 | + } |
|
| 9448 | + .pt-sm-8 { |
|
| 9449 | + padding-top: 64px !important; |
|
| 9450 | + } |
|
| 9451 | + .pr-sm-8 { |
|
| 9452 | + padding-right: 64px !important; |
|
| 9453 | + } |
|
| 9454 | + .pb-sm-8 { |
|
| 9455 | + padding-bottom: 64px !important; |
|
| 9456 | + } |
|
| 9457 | + .pl-sm-8 { |
|
| 9458 | + padding-left: 64px !important; |
|
| 9459 | + } |
|
| 9460 | + .py-sm-8 { |
|
| 9461 | + padding-top: 64px !important; |
|
| 9462 | + padding-bottom: 64px !important; |
|
| 9463 | + } |
|
| 9464 | + .pt-sm-9 { |
|
| 9465 | + padding-top: 80px !important; |
|
| 9466 | + } |
|
| 9467 | + .pr-sm-9 { |
|
| 9468 | + padding-right: 80px !important; |
|
| 9469 | + } |
|
| 9470 | + .pb-sm-9 { |
|
| 9471 | + padding-bottom: 80px !important; |
|
| 9472 | + } |
|
| 9473 | + .pl-sm-9 { |
|
| 9474 | + padding-left: 80px !important; |
|
| 9475 | + } |
|
| 9476 | + .py-sm-9 { |
|
| 9477 | + padding-top: 80px !important; |
|
| 9478 | + padding-bottom: 80px !important; |
|
| 9479 | + } |
|
| 9480 | + .pt-sm-10 { |
|
| 9481 | + padding-top: 96px !important; |
|
| 9482 | + } |
|
| 9483 | + .pr-sm-10 { |
|
| 9484 | + padding-right: 96px !important; |
|
| 9485 | + } |
|
| 9486 | + .pb-sm-10 { |
|
| 9487 | + padding-bottom: 96px !important; |
|
| 9488 | + } |
|
| 9489 | + .pl-sm-10 { |
|
| 9490 | + padding-left: 96px !important; |
|
| 9491 | + } |
|
| 9492 | + .py-sm-10 { |
|
| 9493 | + padding-top: 96px !important; |
|
| 9494 | + padding-bottom: 96px !important; |
|
| 9495 | + } |
|
| 9496 | + .pt-sm-11 { |
|
| 9497 | + padding-top: 112px !important; |
|
| 9498 | + } |
|
| 9499 | + .pr-sm-11 { |
|
| 9500 | + padding-right: 112px !important; |
|
| 9501 | + } |
|
| 9502 | + .pb-sm-11 { |
|
| 9503 | + padding-bottom: 112px !important; |
|
| 9504 | + } |
|
| 9505 | + .pl-sm-11 { |
|
| 9506 | + padding-left: 112px !important; |
|
| 9507 | + } |
|
| 9508 | + .py-sm-11 { |
|
| 9509 | + padding-top: 112px !important; |
|
| 9510 | + padding-bottom: 112px !important; |
|
| 9511 | + } |
|
| 9512 | + .pt-sm-12 { |
|
| 9513 | + padding-top: 128px !important; |
|
| 9514 | + } |
|
| 9515 | + .pr-sm-12 { |
|
| 9516 | + padding-right: 128px !important; |
|
| 9517 | + } |
|
| 9518 | + .pb-sm-12 { |
|
| 9519 | + padding-bottom: 128px !important; |
|
| 9520 | + } |
|
| 9521 | + .pl-sm-12 { |
|
| 9522 | + padding-left: 128px !important; |
|
| 9523 | + } |
|
| 9524 | + .py-sm-12 { |
|
| 9525 | + padding-top: 128px !important; |
|
| 9526 | + padding-bottom: 128px !important; |
|
| 9527 | + } |
|
| 9528 | +} |
|
| 9529 | +@media (min-width: 768px) { |
|
| 9530 | + .p-md-0 { |
|
| 9531 | + padding: 0 !important; |
|
| 9532 | + } |
|
| 9533 | + .pt-md-0 { |
|
| 9534 | + padding-top: 0 !important; |
|
| 9535 | + } |
|
| 9536 | + .pr-md-0 { |
|
| 9537 | + padding-right: 0 !important; |
|
| 9538 | + } |
|
| 9539 | + .pb-md-0 { |
|
| 9540 | + padding-bottom: 0 !important; |
|
| 9541 | + } |
|
| 9542 | + .pl-md-0 { |
|
| 9543 | + padding-left: 0 !important; |
|
| 9544 | + } |
|
| 9545 | + .px-md-0 { |
|
| 9546 | + padding-right: 0 !important; |
|
| 9547 | + padding-left: 0 !important; |
|
| 9548 | + } |
|
| 9549 | + .py-md-0 { |
|
| 9550 | + padding-top: 0 !important; |
|
| 9551 | + padding-bottom: 0 !important; |
|
| 9552 | + } |
|
| 9553 | + .p-md-1 { |
|
| 9554 | + padding: 4px !important; |
|
| 9555 | + } |
|
| 9556 | + .pt-md-1 { |
|
| 9557 | + padding-top: 4px !important; |
|
| 9558 | + } |
|
| 9559 | + .pr-md-1 { |
|
| 9560 | + padding-right: 4px !important; |
|
| 9561 | + } |
|
| 9562 | + .pb-md-1 { |
|
| 9563 | + padding-bottom: 4px !important; |
|
| 9564 | + } |
|
| 9565 | + .pl-md-1 { |
|
| 9566 | + padding-left: 4px !important; |
|
| 9567 | + } |
|
| 9568 | + .px-md-1 { |
|
| 9569 | + padding-right: 4px !important; |
|
| 9570 | + padding-left: 4px !important; |
|
| 9571 | + } |
|
| 9572 | + .py-md-1 { |
|
| 9573 | + padding-top: 4px !important; |
|
| 9574 | + padding-bottom: 4px !important; |
|
| 9575 | + } |
|
| 9576 | + .p-md-2 { |
|
| 9577 | + padding: 8px !important; |
|
| 9578 | + } |
|
| 9579 | + .pt-md-2 { |
|
| 9580 | + padding-top: 8px !important; |
|
| 9581 | + } |
|
| 9582 | + .pr-md-2 { |
|
| 9583 | + padding-right: 8px !important; |
|
| 9584 | + } |
|
| 9585 | + .pb-md-2 { |
|
| 9586 | + padding-bottom: 8px !important; |
|
| 9587 | + } |
|
| 9588 | + .pl-md-2 { |
|
| 9589 | + padding-left: 8px !important; |
|
| 9590 | + } |
|
| 9591 | + .px-md-2 { |
|
| 9592 | + padding-right: 8px !important; |
|
| 9593 | + padding-left: 8px !important; |
|
| 9594 | + } |
|
| 9595 | + .py-md-2 { |
|
| 9596 | + padding-top: 8px !important; |
|
| 9597 | + padding-bottom: 8px !important; |
|
| 9598 | + } |
|
| 9599 | + .p-md-3 { |
|
| 9600 | + padding: 16px !important; |
|
| 9601 | + } |
|
| 9602 | + .pt-md-3 { |
|
| 9603 | + padding-top: 16px !important; |
|
| 9604 | + } |
|
| 9605 | + .pr-md-3 { |
|
| 9606 | + padding-right: 16px !important; |
|
| 9607 | + } |
|
| 9608 | + .pb-md-3 { |
|
| 9609 | + padding-bottom: 16px !important; |
|
| 9610 | + } |
|
| 9611 | + .pl-md-3 { |
|
| 9612 | + padding-left: 16px !important; |
|
| 9613 | + } |
|
| 9614 | + .px-md-3 { |
|
| 9615 | + padding-right: 16px !important; |
|
| 9616 | + padding-left: 16px !important; |
|
| 9617 | + } |
|
| 9618 | + .py-md-3 { |
|
| 9619 | + padding-top: 16px !important; |
|
| 9620 | + padding-bottom: 16px !important; |
|
| 9621 | + } |
|
| 9622 | + .p-md-4 { |
|
| 9623 | + padding: 24px !important; |
|
| 9624 | + } |
|
| 9625 | + .pt-md-4 { |
|
| 9626 | + padding-top: 24px !important; |
|
| 9627 | + } |
|
| 9628 | + .pr-md-4 { |
|
| 9629 | + padding-right: 24px !important; |
|
| 9630 | + } |
|
| 9631 | + .pb-md-4 { |
|
| 9632 | + padding-bottom: 24px !important; |
|
| 9633 | + } |
|
| 9634 | + .pl-md-4 { |
|
| 9635 | + padding-left: 24px !important; |
|
| 9636 | + } |
|
| 9637 | + .px-md-4 { |
|
| 9638 | + padding-right: 24px !important; |
|
| 9639 | + padding-left: 24px !important; |
|
| 9640 | + } |
|
| 9641 | + .py-md-4 { |
|
| 9642 | + padding-top: 24px !important; |
|
| 9643 | + padding-bottom: 24px !important; |
|
| 9644 | + } |
|
| 9645 | + .p-md-5 { |
|
| 9646 | + padding: 32px !important; |
|
| 9647 | + } |
|
| 9648 | + .pt-md-5 { |
|
| 9649 | + padding-top: 32px !important; |
|
| 9650 | + } |
|
| 9651 | + .pr-md-5 { |
|
| 9652 | + padding-right: 32px !important; |
|
| 9653 | + } |
|
| 9654 | + .pb-md-5 { |
|
| 9655 | + padding-bottom: 32px !important; |
|
| 9656 | + } |
|
| 9657 | + .pl-md-5 { |
|
| 9658 | + padding-left: 32px !important; |
|
| 9659 | + } |
|
| 9660 | + .px-md-5 { |
|
| 9661 | + padding-right: 32px !important; |
|
| 9662 | + padding-left: 32px !important; |
|
| 9663 | + } |
|
| 9664 | + .py-md-5 { |
|
| 9665 | + padding-top: 32px !important; |
|
| 9666 | + padding-bottom: 32px !important; |
|
| 9667 | + } |
|
| 9668 | + .p-md-6 { |
|
| 9669 | + padding: 40px !important; |
|
| 9670 | + } |
|
| 9671 | + .pt-md-6 { |
|
| 9672 | + padding-top: 40px !important; |
|
| 9673 | + } |
|
| 9674 | + .pr-md-6 { |
|
| 9675 | + padding-right: 40px !important; |
|
| 9676 | + } |
|
| 9677 | + .pb-md-6 { |
|
| 9678 | + padding-bottom: 40px !important; |
|
| 9679 | + } |
|
| 9680 | + .pl-md-6 { |
|
| 9681 | + padding-left: 40px !important; |
|
| 9682 | + } |
|
| 9683 | + .px-md-6 { |
|
| 9684 | + padding-right: 40px !important; |
|
| 9685 | + padding-left: 40px !important; |
|
| 9686 | + } |
|
| 9687 | + .py-md-6 { |
|
| 9688 | + padding-top: 40px !important; |
|
| 9689 | + padding-bottom: 40px !important; |
|
| 9690 | + } |
|
| 9691 | + .pt-md-7 { |
|
| 9692 | + padding-top: 48px !important; |
|
| 9693 | + } |
|
| 9694 | + .pr-md-7 { |
|
| 9695 | + padding-right: 48px !important; |
|
| 9696 | + } |
|
| 9697 | + .pb-md-7 { |
|
| 9698 | + padding-bottom: 48px !important; |
|
| 9699 | + } |
|
| 9700 | + .pl-md-7 { |
|
| 9701 | + padding-left: 48px !important; |
|
| 9702 | + } |
|
| 9703 | + .py-md-7 { |
|
| 9704 | + padding-top: 48px !important; |
|
| 9705 | + padding-bottom: 48px !important; |
|
| 9706 | + } |
|
| 9707 | + .pt-md-8 { |
|
| 9708 | + padding-top: 64px !important; |
|
| 9709 | + } |
|
| 9710 | + .pr-md-8 { |
|
| 9711 | + padding-right: 64px !important; |
|
| 9712 | + } |
|
| 9713 | + .pb-md-8 { |
|
| 9714 | + padding-bottom: 64px !important; |
|
| 9715 | + } |
|
| 9716 | + .pl-md-8 { |
|
| 9717 | + padding-left: 64px !important; |
|
| 9718 | + } |
|
| 9719 | + .py-md-8 { |
|
| 9720 | + padding-top: 64px !important; |
|
| 9721 | + padding-bottom: 64px !important; |
|
| 9722 | + } |
|
| 9723 | + .pt-md-9 { |
|
| 9724 | + padding-top: 80px !important; |
|
| 9725 | + } |
|
| 9726 | + .pr-md-9 { |
|
| 9727 | + padding-right: 80px !important; |
|
| 9728 | + } |
|
| 9729 | + .pb-md-9 { |
|
| 9730 | + padding-bottom: 80px !important; |
|
| 9731 | + } |
|
| 9732 | + .pl-md-9 { |
|
| 9733 | + padding-left: 80px !important; |
|
| 9734 | + } |
|
| 9735 | + .py-md-9 { |
|
| 9736 | + padding-top: 80px !important; |
|
| 9737 | + padding-bottom: 80px !important; |
|
| 9738 | + } |
|
| 9739 | + .pt-md-10 { |
|
| 9740 | + padding-top: 96px !important; |
|
| 9741 | + } |
|
| 9742 | + .pr-md-10 { |
|
| 9743 | + padding-right: 96px !important; |
|
| 9744 | + } |
|
| 9745 | + .pb-md-10 { |
|
| 9746 | + padding-bottom: 96px !important; |
|
| 9747 | + } |
|
| 9748 | + .pl-md-10 { |
|
| 9749 | + padding-left: 96px !important; |
|
| 9750 | + } |
|
| 9751 | + .py-md-10 { |
|
| 9752 | + padding-top: 96px !important; |
|
| 9753 | + padding-bottom: 96px !important; |
|
| 9754 | + } |
|
| 9755 | + .pt-md-11 { |
|
| 9756 | + padding-top: 112px !important; |
|
| 9757 | + } |
|
| 9758 | + .pr-md-11 { |
|
| 9759 | + padding-right: 112px !important; |
|
| 9760 | + } |
|
| 9761 | + .pb-md-11 { |
|
| 9762 | + padding-bottom: 112px !important; |
|
| 9763 | + } |
|
| 9764 | + .pl-md-11 { |
|
| 9765 | + padding-left: 112px !important; |
|
| 9766 | + } |
|
| 9767 | + .py-md-11 { |
|
| 9768 | + padding-top: 112px !important; |
|
| 9769 | + padding-bottom: 112px !important; |
|
| 9770 | + } |
|
| 9771 | + .pt-md-12 { |
|
| 9772 | + padding-top: 128px !important; |
|
| 9773 | + } |
|
| 9774 | + .pr-md-12 { |
|
| 9775 | + padding-right: 128px !important; |
|
| 9776 | + } |
|
| 9777 | + .pb-md-12 { |
|
| 9778 | + padding-bottom: 128px !important; |
|
| 9779 | + } |
|
| 9780 | + .pl-md-12 { |
|
| 9781 | + padding-left: 128px !important; |
|
| 9782 | + } |
|
| 9783 | + .py-md-12 { |
|
| 9784 | + padding-top: 128px !important; |
|
| 9785 | + padding-bottom: 128px !important; |
|
| 9786 | + } |
|
| 9787 | +} |
|
| 9788 | +@media (min-width: 1012px) { |
|
| 9789 | + .p-lg-0 { |
|
| 9790 | + padding: 0 !important; |
|
| 9791 | + } |
|
| 9792 | + .pt-lg-0 { |
|
| 9793 | + padding-top: 0 !important; |
|
| 9794 | + } |
|
| 9795 | + .pr-lg-0 { |
|
| 9796 | + padding-right: 0 !important; |
|
| 9797 | + } |
|
| 9798 | + .pb-lg-0 { |
|
| 9799 | + padding-bottom: 0 !important; |
|
| 9800 | + } |
|
| 9801 | + .pl-lg-0 { |
|
| 9802 | + padding-left: 0 !important; |
|
| 9803 | + } |
|
| 9804 | + .px-lg-0 { |
|
| 9805 | + padding-right: 0 !important; |
|
| 9806 | + padding-left: 0 !important; |
|
| 9807 | + } |
|
| 9808 | + .py-lg-0 { |
|
| 9809 | + padding-top: 0 !important; |
|
| 9810 | + padding-bottom: 0 !important; |
|
| 9811 | + } |
|
| 9812 | + .p-lg-1 { |
|
| 9813 | + padding: 4px !important; |
|
| 9814 | + } |
|
| 9815 | + .pt-lg-1 { |
|
| 9816 | + padding-top: 4px !important; |
|
| 9817 | + } |
|
| 9818 | + .pr-lg-1 { |
|
| 9819 | + padding-right: 4px !important; |
|
| 9820 | + } |
|
| 9821 | + .pb-lg-1 { |
|
| 9822 | + padding-bottom: 4px !important; |
|
| 9823 | + } |
|
| 9824 | + .pl-lg-1 { |
|
| 9825 | + padding-left: 4px !important; |
|
| 9826 | + } |
|
| 9827 | + .px-lg-1 { |
|
| 9828 | + padding-right: 4px !important; |
|
| 9829 | + padding-left: 4px !important; |
|
| 9830 | + } |
|
| 9831 | + .py-lg-1 { |
|
| 9832 | + padding-top: 4px !important; |
|
| 9833 | + padding-bottom: 4px !important; |
|
| 9834 | + } |
|
| 9835 | + .p-lg-2 { |
|
| 9836 | + padding: 8px !important; |
|
| 9837 | + } |
|
| 9838 | + .pt-lg-2 { |
|
| 9839 | + padding-top: 8px !important; |
|
| 9840 | + } |
|
| 9841 | + .pr-lg-2 { |
|
| 9842 | + padding-right: 8px !important; |
|
| 9843 | + } |
|
| 9844 | + .pb-lg-2 { |
|
| 9845 | + padding-bottom: 8px !important; |
|
| 9846 | + } |
|
| 9847 | + .pl-lg-2 { |
|
| 9848 | + padding-left: 8px !important; |
|
| 9849 | + } |
|
| 9850 | + .px-lg-2 { |
|
| 9851 | + padding-right: 8px !important; |
|
| 9852 | + padding-left: 8px !important; |
|
| 9853 | + } |
|
| 9854 | + .py-lg-2 { |
|
| 9855 | + padding-top: 8px !important; |
|
| 9856 | + padding-bottom: 8px !important; |
|
| 9857 | + } |
|
| 9858 | + .p-lg-3 { |
|
| 9859 | + padding: 16px !important; |
|
| 9860 | + } |
|
| 9861 | + .pt-lg-3 { |
|
| 9862 | + padding-top: 16px !important; |
|
| 9863 | + } |
|
| 9864 | + .pr-lg-3 { |
|
| 9865 | + padding-right: 16px !important; |
|
| 9866 | + } |
|
| 9867 | + .pb-lg-3 { |
|
| 9868 | + padding-bottom: 16px !important; |
|
| 9869 | + } |
|
| 9870 | + .pl-lg-3 { |
|
| 9871 | + padding-left: 16px !important; |
|
| 9872 | + } |
|
| 9873 | + .px-lg-3 { |
|
| 9874 | + padding-right: 16px !important; |
|
| 9875 | + padding-left: 16px !important; |
|
| 9876 | + } |
|
| 9877 | + .py-lg-3 { |
|
| 9878 | + padding-top: 16px !important; |
|
| 9879 | + padding-bottom: 16px !important; |
|
| 9880 | + } |
|
| 9881 | + .p-lg-4 { |
|
| 9882 | + padding: 24px !important; |
|
| 9883 | + } |
|
| 9884 | + .pt-lg-4 { |
|
| 9885 | + padding-top: 24px !important; |
|
| 9886 | + } |
|
| 9887 | + .pr-lg-4 { |
|
| 9888 | + padding-right: 24px !important; |
|
| 9889 | + } |
|
| 9890 | + .pb-lg-4 { |
|
| 9891 | + padding-bottom: 24px !important; |
|
| 9892 | + } |
|
| 9893 | + .pl-lg-4 { |
|
| 9894 | + padding-left: 24px !important; |
|
| 9895 | + } |
|
| 9896 | + .px-lg-4 { |
|
| 9897 | + padding-right: 24px !important; |
|
| 9898 | + padding-left: 24px !important; |
|
| 9899 | + } |
|
| 9900 | + .py-lg-4 { |
|
| 9901 | + padding-top: 24px !important; |
|
| 9902 | + padding-bottom: 24px !important; |
|
| 9903 | + } |
|
| 9904 | + .p-lg-5 { |
|
| 9905 | + padding: 32px !important; |
|
| 9906 | + } |
|
| 9907 | + .pt-lg-5 { |
|
| 9908 | + padding-top: 32px !important; |
|
| 9909 | + } |
|
| 9910 | + .pr-lg-5 { |
|
| 9911 | + padding-right: 32px !important; |
|
| 9912 | + } |
|
| 9913 | + .pb-lg-5 { |
|
| 9914 | + padding-bottom: 32px !important; |
|
| 9915 | + } |
|
| 9916 | + .pl-lg-5 { |
|
| 9917 | + padding-left: 32px !important; |
|
| 9918 | + } |
|
| 9919 | + .px-lg-5 { |
|
| 9920 | + padding-right: 32px !important; |
|
| 9921 | + padding-left: 32px !important; |
|
| 9922 | + } |
|
| 9923 | + .py-lg-5 { |
|
| 9924 | + padding-top: 32px !important; |
|
| 9925 | + padding-bottom: 32px !important; |
|
| 9926 | + } |
|
| 9927 | + .p-lg-6 { |
|
| 9928 | + padding: 40px !important; |
|
| 9929 | + } |
|
| 9930 | + .pt-lg-6 { |
|
| 9931 | + padding-top: 40px !important; |
|
| 9932 | + } |
|
| 9933 | + .pr-lg-6 { |
|
| 9934 | + padding-right: 40px !important; |
|
| 9935 | + } |
|
| 9936 | + .pb-lg-6 { |
|
| 9937 | + padding-bottom: 40px !important; |
|
| 9938 | + } |
|
| 9939 | + .pl-lg-6 { |
|
| 9940 | + padding-left: 40px !important; |
|
| 9941 | + } |
|
| 9942 | + .px-lg-6 { |
|
| 9943 | + padding-right: 40px !important; |
|
| 9944 | + padding-left: 40px !important; |
|
| 9945 | + } |
|
| 9946 | + .py-lg-6 { |
|
| 9947 | + padding-top: 40px !important; |
|
| 9948 | + padding-bottom: 40px !important; |
|
| 9949 | + } |
|
| 9950 | + .pt-lg-7 { |
|
| 9951 | + padding-top: 48px !important; |
|
| 9952 | + } |
|
| 9953 | + .pr-lg-7 { |
|
| 9954 | + padding-right: 48px !important; |
|
| 9955 | + } |
|
| 9956 | + .pb-lg-7 { |
|
| 9957 | + padding-bottom: 48px !important; |
|
| 9958 | + } |
|
| 9959 | + .pl-lg-7 { |
|
| 9960 | + padding-left: 48px !important; |
|
| 9961 | + } |
|
| 9962 | + .py-lg-7 { |
|
| 9963 | + padding-top: 48px !important; |
|
| 9964 | + padding-bottom: 48px !important; |
|
| 9965 | + } |
|
| 9966 | + .pt-lg-8 { |
|
| 9967 | + padding-top: 64px !important; |
|
| 9968 | + } |
|
| 9969 | + .pr-lg-8 { |
|
| 9970 | + padding-right: 64px !important; |
|
| 9971 | + } |
|
| 9972 | + .pb-lg-8 { |
|
| 9973 | + padding-bottom: 64px !important; |
|
| 9974 | + } |
|
| 9975 | + .pl-lg-8 { |
|
| 9976 | + padding-left: 64px !important; |
|
| 9977 | + } |
|
| 9978 | + .py-lg-8 { |
|
| 9979 | + padding-top: 64px !important; |
|
| 9980 | + padding-bottom: 64px !important; |
|
| 9981 | + } |
|
| 9982 | + .pt-lg-9 { |
|
| 9983 | + padding-top: 80px !important; |
|
| 9984 | + } |
|
| 9985 | + .pr-lg-9 { |
|
| 9986 | + padding-right: 80px !important; |
|
| 9987 | + } |
|
| 9988 | + .pb-lg-9 { |
|
| 9989 | + padding-bottom: 80px !important; |
|
| 9990 | + } |
|
| 9991 | + .pl-lg-9 { |
|
| 9992 | + padding-left: 80px !important; |
|
| 9993 | + } |
|
| 9994 | + .py-lg-9 { |
|
| 9995 | + padding-top: 80px !important; |
|
| 9996 | + padding-bottom: 80px !important; |
|
| 9997 | + } |
|
| 9998 | + .pt-lg-10 { |
|
| 9999 | + padding-top: 96px !important; |
|
| 10000 | + } |
|
| 10001 | + .pr-lg-10 { |
|
| 10002 | + padding-right: 96px !important; |
|
| 10003 | + } |
|
| 10004 | + .pb-lg-10 { |
|
| 10005 | + padding-bottom: 96px !important; |
|
| 10006 | + } |
|
| 10007 | + .pl-lg-10 { |
|
| 10008 | + padding-left: 96px !important; |
|
| 10009 | + } |
|
| 10010 | + .py-lg-10 { |
|
| 10011 | + padding-top: 96px !important; |
|
| 10012 | + padding-bottom: 96px !important; |
|
| 10013 | + } |
|
| 10014 | + .pt-lg-11 { |
|
| 10015 | + padding-top: 112px !important; |
|
| 10016 | + } |
|
| 10017 | + .pr-lg-11 { |
|
| 10018 | + padding-right: 112px !important; |
|
| 10019 | + } |
|
| 10020 | + .pb-lg-11 { |
|
| 10021 | + padding-bottom: 112px !important; |
|
| 10022 | + } |
|
| 10023 | + .pl-lg-11 { |
|
| 10024 | + padding-left: 112px !important; |
|
| 10025 | + } |
|
| 10026 | + .py-lg-11 { |
|
| 10027 | + padding-top: 112px !important; |
|
| 10028 | + padding-bottom: 112px !important; |
|
| 10029 | + } |
|
| 10030 | + .pt-lg-12 { |
|
| 10031 | + padding-top: 128px !important; |
|
| 10032 | + } |
|
| 10033 | + .pr-lg-12 { |
|
| 10034 | + padding-right: 128px !important; |
|
| 10035 | + } |
|
| 10036 | + .pb-lg-12 { |
|
| 10037 | + padding-bottom: 128px !important; |
|
| 10038 | + } |
|
| 10039 | + .pl-lg-12 { |
|
| 10040 | + padding-left: 128px !important; |
|
| 10041 | + } |
|
| 10042 | + .py-lg-12 { |
|
| 10043 | + padding-top: 128px !important; |
|
| 10044 | + padding-bottom: 128px !important; |
|
| 10045 | + } |
|
| 10046 | +} |
|
| 10047 | +@media (min-width: 1280px) { |
|
| 10048 | + .p-xl-0 { |
|
| 10049 | + padding: 0 !important; |
|
| 10050 | + } |
|
| 10051 | + .pt-xl-0 { |
|
| 10052 | + padding-top: 0 !important; |
|
| 10053 | + } |
|
| 10054 | + .pr-xl-0 { |
|
| 10055 | + padding-right: 0 !important; |
|
| 10056 | + } |
|
| 10057 | + .pb-xl-0 { |
|
| 10058 | + padding-bottom: 0 !important; |
|
| 10059 | + } |
|
| 10060 | + .pl-xl-0 { |
|
| 10061 | + padding-left: 0 !important; |
|
| 10062 | + } |
|
| 10063 | + .px-xl-0 { |
|
| 10064 | + padding-right: 0 !important; |
|
| 10065 | + padding-left: 0 !important; |
|
| 10066 | + } |
|
| 10067 | + .py-xl-0 { |
|
| 10068 | + padding-top: 0 !important; |
|
| 10069 | + padding-bottom: 0 !important; |
|
| 10070 | + } |
|
| 10071 | + .p-xl-1 { |
|
| 10072 | + padding: 4px !important; |
|
| 10073 | + } |
|
| 10074 | + .pt-xl-1 { |
|
| 10075 | + padding-top: 4px !important; |
|
| 10076 | + } |
|
| 10077 | + .pr-xl-1 { |
|
| 10078 | + padding-right: 4px !important; |
|
| 10079 | + } |
|
| 10080 | + .pb-xl-1 { |
|
| 10081 | + padding-bottom: 4px !important; |
|
| 10082 | + } |
|
| 10083 | + .pl-xl-1 { |
|
| 10084 | + padding-left: 4px !important; |
|
| 10085 | + } |
|
| 10086 | + .px-xl-1 { |
|
| 10087 | + padding-right: 4px !important; |
|
| 10088 | + padding-left: 4px !important; |
|
| 10089 | + } |
|
| 10090 | + .py-xl-1 { |
|
| 10091 | + padding-top: 4px !important; |
|
| 10092 | + padding-bottom: 4px !important; |
|
| 10093 | + } |
|
| 10094 | + .p-xl-2 { |
|
| 10095 | + padding: 8px !important; |
|
| 10096 | + } |
|
| 10097 | + .pt-xl-2 { |
|
| 10098 | + padding-top: 8px !important; |
|
| 10099 | + } |
|
| 10100 | + .pr-xl-2 { |
|
| 10101 | + padding-right: 8px !important; |
|
| 10102 | + } |
|
| 10103 | + .pb-xl-2 { |
|
| 10104 | + padding-bottom: 8px !important; |
|
| 10105 | + } |
|
| 10106 | + .pl-xl-2 { |
|
| 10107 | + padding-left: 8px !important; |
|
| 10108 | + } |
|
| 10109 | + .px-xl-2 { |
|
| 10110 | + padding-right: 8px !important; |
|
| 10111 | + padding-left: 8px !important; |
|
| 10112 | + } |
|
| 10113 | + .py-xl-2 { |
|
| 10114 | + padding-top: 8px !important; |
|
| 10115 | + padding-bottom: 8px !important; |
|
| 10116 | + } |
|
| 10117 | + .p-xl-3 { |
|
| 10118 | + padding: 16px !important; |
|
| 10119 | + } |
|
| 10120 | + .pt-xl-3 { |
|
| 10121 | + padding-top: 16px !important; |
|
| 10122 | + } |
|
| 10123 | + .pr-xl-3 { |
|
| 10124 | + padding-right: 16px !important; |
|
| 10125 | + } |
|
| 10126 | + .pb-xl-3 { |
|
| 10127 | + padding-bottom: 16px !important; |
|
| 10128 | + } |
|
| 10129 | + .pl-xl-3 { |
|
| 10130 | + padding-left: 16px !important; |
|
| 10131 | + } |
|
| 10132 | + .px-xl-3 { |
|
| 10133 | + padding-right: 16px !important; |
|
| 10134 | + padding-left: 16px !important; |
|
| 10135 | + } |
|
| 10136 | + .py-xl-3 { |
|
| 10137 | + padding-top: 16px !important; |
|
| 10138 | + padding-bottom: 16px !important; |
|
| 10139 | + } |
|
| 10140 | + .p-xl-4 { |
|
| 10141 | + padding: 24px !important; |
|
| 10142 | + } |
|
| 10143 | + .pt-xl-4 { |
|
| 10144 | + padding-top: 24px !important; |
|
| 10145 | + } |
|
| 10146 | + .pr-xl-4 { |
|
| 10147 | + padding-right: 24px !important; |
|
| 10148 | + } |
|
| 10149 | + .pb-xl-4 { |
|
| 10150 | + padding-bottom: 24px !important; |
|
| 10151 | + } |
|
| 10152 | + .pl-xl-4 { |
|
| 10153 | + padding-left: 24px !important; |
|
| 10154 | + } |
|
| 10155 | + .px-xl-4 { |
|
| 10156 | + padding-right: 24px !important; |
|
| 10157 | + padding-left: 24px !important; |
|
| 10158 | + } |
|
| 10159 | + .py-xl-4 { |
|
| 10160 | + padding-top: 24px !important; |
|
| 10161 | + padding-bottom: 24px !important; |
|
| 10162 | + } |
|
| 10163 | + .p-xl-5 { |
|
| 10164 | + padding: 32px !important; |
|
| 10165 | + } |
|
| 10166 | + .pt-xl-5 { |
|
| 10167 | + padding-top: 32px !important; |
|
| 10168 | + } |
|
| 10169 | + .pr-xl-5 { |
|
| 10170 | + padding-right: 32px !important; |
|
| 10171 | + } |
|
| 10172 | + .pb-xl-5 { |
|
| 10173 | + padding-bottom: 32px !important; |
|
| 10174 | + } |
|
| 10175 | + .pl-xl-5 { |
|
| 10176 | + padding-left: 32px !important; |
|
| 10177 | + } |
|
| 10178 | + .px-xl-5 { |
|
| 10179 | + padding-right: 32px !important; |
|
| 10180 | + padding-left: 32px !important; |
|
| 10181 | + } |
|
| 10182 | + .py-xl-5 { |
|
| 10183 | + padding-top: 32px !important; |
|
| 10184 | + padding-bottom: 32px !important; |
|
| 10185 | + } |
|
| 10186 | + .p-xl-6 { |
|
| 10187 | + padding: 40px !important; |
|
| 10188 | + } |
|
| 10189 | + .pt-xl-6 { |
|
| 10190 | + padding-top: 40px !important; |
|
| 10191 | + } |
|
| 10192 | + .pr-xl-6 { |
|
| 10193 | + padding-right: 40px !important; |
|
| 10194 | + } |
|
| 10195 | + .pb-xl-6 { |
|
| 10196 | + padding-bottom: 40px !important; |
|
| 10197 | + } |
|
| 10198 | + .pl-xl-6 { |
|
| 10199 | + padding-left: 40px !important; |
|
| 10200 | + } |
|
| 10201 | + .px-xl-6 { |
|
| 10202 | + padding-right: 40px !important; |
|
| 10203 | + padding-left: 40px !important; |
|
| 10204 | + } |
|
| 10205 | + .py-xl-6 { |
|
| 10206 | + padding-top: 40px !important; |
|
| 10207 | + padding-bottom: 40px !important; |
|
| 10208 | + } |
|
| 10209 | + .pt-xl-7 { |
|
| 10210 | + padding-top: 48px !important; |
|
| 10211 | + } |
|
| 10212 | + .pr-xl-7 { |
|
| 10213 | + padding-right: 48px !important; |
|
| 10214 | + } |
|
| 10215 | + .pb-xl-7 { |
|
| 10216 | + padding-bottom: 48px !important; |
|
| 10217 | + } |
|
| 10218 | + .pl-xl-7 { |
|
| 10219 | + padding-left: 48px !important; |
|
| 10220 | + } |
|
| 10221 | + .py-xl-7 { |
|
| 10222 | + padding-top: 48px !important; |
|
| 10223 | + padding-bottom: 48px !important; |
|
| 10224 | + } |
|
| 10225 | + .pt-xl-8 { |
|
| 10226 | + padding-top: 64px !important; |
|
| 10227 | + } |
|
| 10228 | + .pr-xl-8 { |
|
| 10229 | + padding-right: 64px !important; |
|
| 10230 | + } |
|
| 10231 | + .pb-xl-8 { |
|
| 10232 | + padding-bottom: 64px !important; |
|
| 10233 | + } |
|
| 10234 | + .pl-xl-8 { |
|
| 10235 | + padding-left: 64px !important; |
|
| 10236 | + } |
|
| 10237 | + .py-xl-8 { |
|
| 10238 | + padding-top: 64px !important; |
|
| 10239 | + padding-bottom: 64px !important; |
|
| 10240 | + } |
|
| 10241 | + .pt-xl-9 { |
|
| 10242 | + padding-top: 80px !important; |
|
| 10243 | + } |
|
| 10244 | + .pr-xl-9 { |
|
| 10245 | + padding-right: 80px !important; |
|
| 10246 | + } |
|
| 10247 | + .pb-xl-9 { |
|
| 10248 | + padding-bottom: 80px !important; |
|
| 10249 | + } |
|
| 10250 | + .pl-xl-9 { |
|
| 10251 | + padding-left: 80px !important; |
|
| 10252 | + } |
|
| 10253 | + .py-xl-9 { |
|
| 10254 | + padding-top: 80px !important; |
|
| 10255 | + padding-bottom: 80px !important; |
|
| 10256 | + } |
|
| 10257 | + .pt-xl-10 { |
|
| 10258 | + padding-top: 96px !important; |
|
| 10259 | + } |
|
| 10260 | + .pr-xl-10 { |
|
| 10261 | + padding-right: 96px !important; |
|
| 10262 | + } |
|
| 10263 | + .pb-xl-10 { |
|
| 10264 | + padding-bottom: 96px !important; |
|
| 10265 | + } |
|
| 10266 | + .pl-xl-10 { |
|
| 10267 | + padding-left: 96px !important; |
|
| 10268 | + } |
|
| 10269 | + .py-xl-10 { |
|
| 10270 | + padding-top: 96px !important; |
|
| 10271 | + padding-bottom: 96px !important; |
|
| 10272 | + } |
|
| 10273 | + .pt-xl-11 { |
|
| 10274 | + padding-top: 112px !important; |
|
| 10275 | + } |
|
| 10276 | + .pr-xl-11 { |
|
| 10277 | + padding-right: 112px !important; |
|
| 10278 | + } |
|
| 10279 | + .pb-xl-11 { |
|
| 10280 | + padding-bottom: 112px !important; |
|
| 10281 | + } |
|
| 10282 | + .pl-xl-11 { |
|
| 10283 | + padding-left: 112px !important; |
|
| 10284 | + } |
|
| 10285 | + .py-xl-11 { |
|
| 10286 | + padding-top: 112px !important; |
|
| 10287 | + padding-bottom: 112px !important; |
|
| 10288 | + } |
|
| 10289 | + .pt-xl-12 { |
|
| 10290 | + padding-top: 128px !important; |
|
| 10291 | + } |
|
| 10292 | + .pr-xl-12 { |
|
| 10293 | + padding-right: 128px !important; |
|
| 10294 | + } |
|
| 10295 | + .pb-xl-12 { |
|
| 10296 | + padding-bottom: 128px !important; |
|
| 10297 | + } |
|
| 10298 | + .pl-xl-12 { |
|
| 10299 | + padding-left: 128px !important; |
|
| 10300 | + } |
|
| 10301 | + .py-xl-12 { |
|
| 10302 | + padding-top: 128px !important; |
|
| 10303 | + padding-bottom: 128px !important; |
|
| 10304 | + } |
|
| 10305 | +} |
|
| 10306 | +.p-responsive { |
|
| 10307 | + padding-right: 16px !important; |
|
| 10308 | + padding-left: 16px !important; |
|
| 10309 | +} |
|
| 10310 | +@media (min-width: 544px) { |
|
| 10311 | + .p-responsive { |
|
| 10312 | + padding-right: 40px !important; |
|
| 10313 | + padding-left: 40px !important; |
|
| 10314 | + } |
|
| 10315 | +} |
|
| 10316 | +@media (min-width: 1012px) { |
|
| 10317 | + .p-responsive { |
|
| 10318 | + padding-right: 16px !important; |
|
| 10319 | + padding-left: 16px !important; |
|
| 10320 | + } |
|
| 10321 | +} |
|
| 10322 | +.h1 { |
|
| 10323 | + font-size: 26px !important; |
|
| 10324 | +} |
|
| 10325 | +@media (min-width: 768px) { |
|
| 10326 | + .h1 { |
|
| 10327 | + font-size: 32px !important; |
|
| 10328 | + } |
|
| 10329 | +} |
|
| 10330 | +.h2 { |
|
| 10331 | + font-size: 22px !important; |
|
| 10332 | +} |
|
| 10333 | +@media (min-width: 768px) { |
|
| 10334 | + .h2 { |
|
| 10335 | + font-size: 24px !important; |
|
| 10336 | + } |
|
| 10337 | +} |
|
| 10338 | +.h3 { |
|
| 10339 | + font-size: 18px !important; |
|
| 10340 | +} |
|
| 10341 | +@media (min-width: 768px) { |
|
| 10342 | + .h3 { |
|
| 10343 | + font-size: 20px !important; |
|
| 10344 | + } |
|
| 10345 | +} |
|
| 10346 | +.h4 { |
|
| 10347 | + font-size: 16px !important; |
|
| 10348 | +} |
|
| 10349 | +.h5 { |
|
| 10350 | + font-size: 14px !important; |
|
| 10351 | +} |
|
| 10352 | +.h6 { |
|
| 10353 | + font-size: 12px !important; |
|
| 10354 | +} |
|
| 10355 | +.h1, |
|
| 10356 | +.h2, |
|
| 10357 | +.h3, |
|
| 10358 | +.h4, |
|
| 10359 | +.h5, |
|
| 10360 | +.h6 { |
|
| 10361 | + font-weight: 600 !important; |
|
| 10362 | +} |
|
| 10363 | +.f1 { |
|
| 10364 | + font-size: 26px !important; |
|
| 10365 | +} |
|
| 10366 | +@media (min-width: 768px) { |
|
| 10367 | + .f1 { |
|
| 10368 | + font-size: 32px !important; |
|
| 10369 | + } |
|
| 10370 | +} |
|
| 10371 | +.f2 { |
|
| 10372 | + font-size: 22px !important; |
|
| 10373 | +} |
|
| 10374 | +@media (min-width: 768px) { |
|
| 10375 | + .f2 { |
|
| 10376 | + font-size: 24px !important; |
|
| 10377 | + } |
|
| 10378 | +} |
|
| 10379 | +.f3 { |
|
| 10380 | + font-size: 18px !important; |
|
| 10381 | +} |
|
| 10382 | +@media (min-width: 768px) { |
|
| 10383 | + .f3 { |
|
| 10384 | + font-size: 20px !important; |
|
| 10385 | + } |
|
| 10386 | +} |
|
| 10387 | +.f4 { |
|
| 10388 | + font-size: 16px !important; |
|
| 10389 | +} |
|
| 10390 | +@media (min-width: 768px) { |
|
| 10391 | + .f4 { |
|
| 10392 | + font-size: 16px !important; |
|
| 10393 | + } |
|
| 10394 | +} |
|
| 10395 | +.f5 { |
|
| 10396 | + font-size: 14px !important; |
|
| 10397 | +} |
|
| 10398 | +.f6 { |
|
| 10399 | + font-size: 12px !important; |
|
| 10400 | +} |
|
| 10401 | +.f00-light { |
|
| 10402 | + font-size: 40px !important; |
|
| 10403 | + font-weight: 300 !important; |
|
| 10404 | +} |
|
| 10405 | +@media (min-width: 768px) { |
|
| 10406 | + .f00-light { |
|
| 10407 | + font-size: 48px !important; |
|
| 10408 | + } |
|
| 10409 | +} |
|
| 10410 | +.f0-light { |
|
| 10411 | + font-size: 32px !important; |
|
| 10412 | + font-weight: 300 !important; |
|
| 10413 | +} |
|
| 10414 | +@media (min-width: 768px) { |
|
| 10415 | + .f0-light { |
|
| 10416 | + font-size: 40px !important; |
|
| 10417 | + } |
|
| 10418 | +} |
|
| 10419 | +.f1-light { |
|
| 10420 | + font-size: 26px !important; |
|
| 10421 | + font-weight: 300 !important; |
|
| 10422 | +} |
|
| 10423 | +@media (min-width: 768px) { |
|
| 10424 | + .f1-light { |
|
| 10425 | + font-size: 32px !important; |
|
| 10426 | + } |
|
| 10427 | +} |
|
| 10428 | +.f2-light { |
|
| 10429 | + font-size: 22px !important; |
|
| 10430 | + font-weight: 300 !important; |
|
| 10431 | +} |
|
| 10432 | +@media (min-width: 768px) { |
|
| 10433 | + .f2-light { |
|
| 10434 | + font-size: 24px !important; |
|
| 10435 | + } |
|
| 10436 | +} |
|
| 10437 | +.f3-light { |
|
| 10438 | + font-size: 18px !important; |
|
| 10439 | + font-weight: 300 !important; |
|
| 10440 | +} |
|
| 10441 | +@media (min-width: 768px) { |
|
| 10442 | + .f3-light { |
|
| 10443 | + font-size: 20px !important; |
|
| 10444 | + } |
|
| 10445 | +} |
|
| 10446 | +.text-small { |
|
| 10447 | + font-size: 12px !important; |
|
| 10448 | +} |
|
| 10449 | +.lead { |
|
| 10450 | + margin-bottom: 30px; |
|
| 10451 | + font-size: 20px; |
|
| 10452 | + font-weight: 300; |
|
| 10453 | +} |
|
| 10454 | +.lh-condensed-ultra { |
|
| 10455 | + line-height: 1 !important; |
|
| 10456 | +} |
|
| 10457 | +.lh-condensed { |
|
| 10458 | + line-height: 1.25 !important; |
|
| 10459 | +} |
|
| 10460 | +.lh-default { |
|
| 10461 | + line-height: 1.5 !important; |
|
| 10462 | +} |
|
| 10463 | +.lh-0 { |
|
| 10464 | + line-height: 0 !important; |
|
| 10465 | +} |
|
| 10466 | +@media (min-width: 544px) { |
|
| 10467 | + .lh-sm-condensed-ultra { |
|
| 10468 | + line-height: 1 !important; |
|
| 10469 | + } |
|
| 10470 | + .lh-sm-condensed { |
|
| 10471 | + line-height: 1.25 !important; |
|
| 10472 | + } |
|
| 10473 | + .lh-sm-default { |
|
| 10474 | + line-height: 1.5 !important; |
|
| 10475 | + } |
|
| 10476 | + .lh-sm-0 { |
|
| 10477 | + line-height: 0 !important; |
|
| 10478 | + } |
|
| 10479 | +} |
|
| 10480 | +@media (min-width: 768px) { |
|
| 10481 | + .lh-md-condensed-ultra { |
|
| 10482 | + line-height: 1 !important; |
|
| 10483 | + } |
|
| 10484 | + .lh-md-condensed { |
|
| 10485 | + line-height: 1.25 !important; |
|
| 10486 | + } |
|
| 10487 | + .lh-md-default { |
|
| 10488 | + line-height: 1.5 !important; |
|
| 10489 | + } |
|
| 10490 | + .lh-md-0 { |
|
| 10491 | + line-height: 0 !important; |
|
| 10492 | + } |
|
| 10493 | +} |
|
| 10494 | +@media (min-width: 1012px) { |
|
| 10495 | + .lh-lg-condensed-ultra { |
|
| 10496 | + line-height: 1 !important; |
|
| 10497 | + } |
|
| 10498 | + .lh-lg-condensed { |
|
| 10499 | + line-height: 1.25 !important; |
|
| 10500 | + } |
|
| 10501 | + .lh-lg-default { |
|
| 10502 | + line-height: 1.5 !important; |
|
| 10503 | + } |
|
| 10504 | + .lh-lg-0 { |
|
| 10505 | + line-height: 0 !important; |
|
| 10506 | + } |
|
| 10507 | +} |
|
| 10508 | +@media (min-width: 1280px) { |
|
| 10509 | + .lh-xl-condensed-ultra { |
|
| 10510 | + line-height: 1 !important; |
|
| 10511 | + } |
|
| 10512 | + .lh-xl-condensed { |
|
| 10513 | + line-height: 1.25 !important; |
|
| 10514 | + } |
|
| 10515 | + .lh-xl-default { |
|
| 10516 | + line-height: 1.5 !important; |
|
| 10517 | + } |
|
| 10518 | + .lh-xl-0 { |
|
| 10519 | + line-height: 0 !important; |
|
| 10520 | + } |
|
| 10521 | +} |
|
| 10522 | +.text-right { |
|
| 10523 | + text-align: right !important; |
|
| 10524 | +} |
|
| 10525 | +.text-left { |
|
| 10526 | + text-align: left !important; |
|
| 10527 | +} |
|
| 10528 | +.text-center { |
|
| 10529 | + text-align: center !important; |
|
| 10530 | +} |
|
| 10531 | +@media (min-width: 544px) { |
|
| 10532 | + .text-sm-right { |
|
| 10533 | + text-align: right !important; |
|
| 10534 | + } |
|
| 10535 | + .text-sm-left { |
|
| 10536 | + text-align: left !important; |
|
| 10537 | + } |
|
| 10538 | + .text-sm-center { |
|
| 10539 | + text-align: center !important; |
|
| 10540 | + } |
|
| 10541 | +} |
|
| 10542 | +@media (min-width: 768px) { |
|
| 10543 | + .text-md-right { |
|
| 10544 | + text-align: right !important; |
|
| 10545 | + } |
|
| 10546 | + .text-md-left { |
|
| 10547 | + text-align: left !important; |
|
| 10548 | + } |
|
| 10549 | + .text-md-center { |
|
| 10550 | + text-align: center !important; |
|
| 10551 | + } |
|
| 10552 | +} |
|
| 10553 | +@media (min-width: 1012px) { |
|
| 10554 | + .text-lg-right { |
|
| 10555 | + text-align: right !important; |
|
| 10556 | + } |
|
| 10557 | + .text-lg-left { |
|
| 10558 | + text-align: left !important; |
|
| 10559 | + } |
|
| 10560 | + .text-lg-center { |
|
| 10561 | + text-align: center !important; |
|
| 10562 | + } |
|
| 10563 | +} |
|
| 10564 | +@media (min-width: 1280px) { |
|
| 10565 | + .text-xl-right { |
|
| 10566 | + text-align: right !important; |
|
| 10567 | + } |
|
| 10568 | + .text-xl-left { |
|
| 10569 | + text-align: left !important; |
|
| 10570 | + } |
|
| 10571 | + .text-xl-center { |
|
| 10572 | + text-align: center !important; |
|
| 10573 | + } |
|
| 10574 | +} |
|
| 10575 | +.text-normal { |
|
| 10576 | + font-weight: 400 !important; |
|
| 10577 | +} |
|
| 10578 | +.text-bold { |
|
| 10579 | + font-weight: 600 !important; |
|
| 10580 | +} |
|
| 10581 | +.text-semibold { |
|
| 10582 | + font-weight: 500 !important; |
|
| 10583 | +} |
|
| 10584 | +.text-light { |
|
| 10585 | + font-weight: 300 !important; |
|
| 10586 | +} |
|
| 10587 | +.text-italic { |
|
| 10588 | + font-style: italic !important; |
|
| 10589 | +} |
|
| 10590 | +.text-uppercase { |
|
| 10591 | + text-transform: uppercase !important; |
|
| 10592 | +} |
|
| 10593 | +.text-underline { |
|
| 10594 | + text-decoration: underline !important; |
|
| 10595 | +} |
|
| 10596 | +.no-underline { |
|
| 10597 | + text-decoration: none !important; |
|
| 10598 | +} |
|
| 10599 | +.no-wrap { |
|
| 10600 | + white-space: nowrap !important; |
|
| 10601 | +} |
|
| 10602 | +.ws-normal { |
|
| 10603 | + white-space: normal !important; |
|
| 10604 | +} |
|
| 10605 | +.wb-break-word { |
|
| 10606 | + word-break: break-word !important; |
|
| 10607 | + word-wrap: break-word !important; |
|
| 10608 | + overflow-wrap: break-word !important; |
|
| 10609 | +} |
|
| 10610 | +.wb-break-all { |
|
| 10611 | + word-break: break-all !important; |
|
| 10612 | +} |
|
| 10613 | +.text-emphasized { |
|
| 10614 | + font-weight: 600; |
|
| 10615 | +} |
|
| 10616 | +.list-style-none { |
|
| 10617 | + list-style: none !important; |
|
| 10618 | +} |
|
| 10619 | +.text-mono { |
|
| 10620 | + font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, |
|
| 10621 | + Liberation Mono, monospace !important; |
|
| 10622 | +} |
|
| 10623 | +.user-select-none { |
|
| 10624 | + -webkit-user-select: none !important; |
|
| 10625 | + user-select: none !important; |
|
| 10626 | +} |
|
| 10627 | +.text-capitalize { |
|
| 10628 | + text-transform: capitalize !important; |
|
| 10629 | +} |
|
| 10630 | +.d-block { |
|
| 10631 | + display: block !important; |
|
| 10632 | +} |
|
| 10633 | +.d-flex { |
|
| 10634 | + display: flex !important; |
|
| 10635 | +} |
|
| 10636 | +.d-inline { |
|
| 10637 | + display: inline !important; |
|
| 10638 | +} |
|
| 10639 | +.d-inline-block { |
|
| 10640 | + display: inline-block !important; |
|
| 10641 | +} |
|
| 10642 | +.d-inline-flex { |
|
| 10643 | + display: inline-flex !important; |
|
| 10644 | +} |
|
| 10645 | +.d-none { |
|
| 10646 | + display: none !important; |
|
| 10647 | +} |
|
| 10648 | +.d-table { |
|
| 10649 | + display: table !important; |
|
| 10650 | +} |
|
| 10651 | +.d-table-cell { |
|
| 10652 | + display: table-cell !important; |
|
| 10653 | +} |
|
| 10654 | +@media (min-width: 544px) { |
|
| 10655 | + .d-sm-block { |
|
| 10656 | + display: block !important; |
|
| 10657 | + } |
|
| 10658 | + .d-sm-flex { |
|
| 10659 | + display: flex !important; |
|
| 10660 | + } |
|
| 10661 | + .d-sm-inline { |
|
| 10662 | + display: inline !important; |
|
| 10663 | + } |
|
| 10664 | + .d-sm-inline-block { |
|
| 10665 | + display: inline-block !important; |
|
| 10666 | + } |
|
| 10667 | + .d-sm-inline-flex { |
|
| 10668 | + display: inline-flex !important; |
|
| 10669 | + } |
|
| 10670 | + .d-sm-none { |
|
| 10671 | + display: none !important; |
|
| 10672 | + } |
|
| 10673 | + .d-sm-table { |
|
| 10674 | + display: table !important; |
|
| 10675 | + } |
|
| 10676 | + .d-sm-table-cell { |
|
| 10677 | + display: table-cell !important; |
|
| 10678 | + } |
|
| 10679 | +} |
|
| 10680 | +@media (min-width: 768px) { |
|
| 10681 | + .d-md-block { |
|
| 10682 | + display: block !important; |
|
| 10683 | + } |
|
| 10684 | + .d-md-flex { |
|
| 10685 | + display: flex !important; |
|
| 10686 | + } |
|
| 10687 | + .d-md-inline { |
|
| 10688 | + display: inline !important; |
|
| 10689 | + } |
|
| 10690 | + .d-md-inline-block { |
|
| 10691 | + display: inline-block !important; |
|
| 10692 | + } |
|
| 10693 | + .d-md-inline-flex { |
|
| 10694 | + display: inline-flex !important; |
|
| 10695 | + } |
|
| 10696 | + .d-md-none { |
|
| 10697 | + display: none !important; |
|
| 10698 | + } |
|
| 10699 | + .d-md-table { |
|
| 10700 | + display: table !important; |
|
| 10701 | + } |
|
| 10702 | + .d-md-table-cell { |
|
| 10703 | + display: table-cell !important; |
|
| 10704 | + } |
|
| 10705 | +} |
|
| 10706 | +@media (min-width: 1012px) { |
|
| 10707 | + .d-lg-block { |
|
| 10708 | + display: block !important; |
|
| 10709 | + } |
|
| 10710 | + .d-lg-flex { |
|
| 10711 | + display: flex !important; |
|
| 10712 | + } |
|
| 10713 | + .d-lg-inline { |
|
| 10714 | + display: inline !important; |
|
| 10715 | + } |
|
| 10716 | + .d-lg-inline-block { |
|
| 10717 | + display: inline-block !important; |
|
| 10718 | + } |
|
| 10719 | + .d-lg-inline-flex { |
|
| 10720 | + display: inline-flex !important; |
|
| 10721 | + } |
|
| 10722 | + .d-lg-none { |
|
| 10723 | + display: none !important; |
|
| 10724 | + } |
|
| 10725 | + .d-lg-table { |
|
| 10726 | + display: table !important; |
|
| 10727 | + } |
|
| 10728 | + .d-lg-table-cell { |
|
| 10729 | + display: table-cell !important; |
|
| 10730 | + } |
|
| 10731 | +} |
|
| 10732 | +@media (min-width: 1280px) { |
|
| 10733 | + .d-xl-block { |
|
| 10734 | + display: block !important; |
|
| 10735 | + } |
|
| 10736 | + .d-xl-flex { |
|
| 10737 | + display: flex !important; |
|
| 10738 | + } |
|
| 10739 | + .d-xl-inline { |
|
| 10740 | + display: inline !important; |
|
| 10741 | + } |
|
| 10742 | + .d-xl-inline-block { |
|
| 10743 | + display: inline-block !important; |
|
| 10744 | + } |
|
| 10745 | + .d-xl-inline-flex { |
|
| 10746 | + display: inline-flex !important; |
|
| 10747 | + } |
|
| 10748 | + .d-xl-none { |
|
| 10749 | + display: none !important; |
|
| 10750 | + } |
|
| 10751 | + .d-xl-table { |
|
| 10752 | + display: table !important; |
|
| 10753 | + } |
|
| 10754 | + .d-xl-table-cell { |
|
| 10755 | + display: table-cell !important; |
|
| 10756 | + } |
|
| 10757 | +} |
|
| 10758 | +.v-hidden { |
|
| 10759 | + visibility: hidden !important; |
|
| 10760 | +} |
|
| 10761 | +.v-visible { |
|
| 10762 | + visibility: visible !important; |
|
| 10763 | +} |
|
| 10764 | +@media (max-width: 543.98px) { |
|
| 10765 | + .hide-sm { |
|
| 10766 | + display: none !important; |
|
| 10767 | + } |
|
| 10768 | +} |
|
| 10769 | +@media (min-width: 544px) and (max-width: 767.98px) { |
|
| 10770 | + .hide-md { |
|
| 10771 | + display: none !important; |
|
| 10772 | + } |
|
| 10773 | +} |
|
| 10774 | +@media (min-width: 768px) and (max-width: 1011.98px) { |
|
| 10775 | + .hide-lg { |
|
| 10776 | + display: none !important; |
|
| 10777 | + } |
|
| 10778 | +} |
|
| 10779 | +@media (min-width: 1012px) { |
|
| 10780 | + .hide-xl { |
|
| 10781 | + display: none !important; |
|
| 10782 | + } |
|
| 10783 | +} |
|
| 10784 | +.show-whenNarrow, |
|
| 10785 | +.show-whenRegular, |
|
| 10786 | +.show-whenWide, |
|
| 10787 | +.show-whenRegular.hide-whenWide { |
|
| 10788 | + display: none !important; |
|
| 10789 | +} |
|
| 10790 | +.hide-whenNarrow, |
|
| 10791 | +.hide-whenRegular, |
|
| 10792 | +.hide-whenWide { |
|
| 10793 | + display: block !important; |
|
| 10794 | +} |
|
| 10795 | +@media (max-width: 767.98px) { |
|
| 10796 | + .show-whenNarrow { |
|
| 10797 | + display: block !important; |
|
| 10798 | + } |
|
| 10799 | + .hide-whenNarrow { |
|
| 10800 | + display: none !important; |
|
| 10801 | + } |
|
| 10802 | +} |
|
| 10803 | +@media (min-width: 768px) { |
|
| 10804 | + .show-whenRegular, |
|
| 10805 | + .show-whenRegular.hide-whenWide { |
|
| 10806 | + display: block !important; |
|
| 10807 | + } |
|
| 10808 | + .hide-whenRegular { |
|
| 10809 | + display: none !important; |
|
| 10810 | + } |
|
| 10811 | +} |
|
| 10812 | +@media (min-width: 1280px) { |
|
| 10813 | + .show-whenWide { |
|
| 10814 | + display: block !important; |
|
| 10815 | + } |
|
| 10816 | + .hide-whenWide, |
|
| 10817 | + .show-whenRegular.hide-whenWide { |
|
| 10818 | + display: none !important; |
|
| 10819 | + } |
|
| 10820 | +} |
|
| 10821 | +.table-fixed { |
|
| 10822 | + table-layout: fixed !important; |
|
| 10823 | +} |
|
| 10824 | +.sr-only { |
|
| 10825 | + position: absolute; |
|
| 10826 | + width: 1px; |
|
| 10827 | + height: 1px; |
|
| 10828 | + padding: 0; |
|
| 10829 | + overflow: hidden; |
|
| 10830 | + clip: rect(0, 0, 0, 0); |
|
| 10831 | + word-wrap: normal; |
|
| 10832 | + border: 0; |
|
| 10833 | +} |
|
| 10834 | +.show-on-focus { |
|
| 10835 | + position: absolute; |
|
| 10836 | + width: 1px; |
|
| 10837 | + height: 1px; |
|
| 10838 | + margin: 0; |
|
| 10839 | + overflow: hidden; |
|
| 10840 | + clip: rect(1px, 1px, 1px, 1px); |
|
| 10841 | +} |
|
| 10842 | +.show-on-focus:focus { |
|
| 10843 | + z-index: 20; |
|
| 10844 | + width: auto; |
|
| 10845 | + height: auto; |
|
| 10846 | + clip: auto; |
|
| 10847 | +} /*! |
|
| 10848 | + * @primer/css/product |
|
| 10849 | + * http://primer.style/css |
|
| 10850 | + * |
|
| 10851 | + * Released under MIT license. Copyright (c) 2019 GitHub Inc. |
|
| 10852 | + */ |
|
| 10853 | +.flash { |
|
| 10854 | + position: relative; |
|
| 10855 | + padding: 20px 16px; |
|
| 10856 | + border-style: solid; |
|
| 10857 | + border-width: 1px; |
|
| 10858 | + border-radius: 6px; |
|
| 10859 | +} |
|
| 10860 | +.flash p:last-child { |
|
| 10861 | + margin-bottom: 0; |
|
| 10862 | +} |
|
| 10863 | +.flash .octicon { |
|
| 10864 | + margin-right: 12px; |
|
| 10865 | +} |
|
| 10866 | +.flash-messages { |
|
| 10867 | + margin-bottom: 24px; |
|
| 10868 | +} |
|
| 10869 | +.flash-close { |
|
| 10870 | + float: right; |
|
| 10871 | + padding: 16px; |
|
| 10872 | + margin: -16px; |
|
| 10873 | + text-align: center; |
|
| 10874 | + cursor: pointer; |
|
| 10875 | + background: none; |
|
| 10876 | + border: 0; |
|
| 10877 | + -webkit-appearance: none; |
|
| 10878 | + appearance: none; |
|
| 10879 | +} |
|
| 10880 | +.flash-close:hover { |
|
| 10881 | + opacity: 0.7; |
|
| 10882 | +} |
|
| 10883 | +.flash-close:active { |
|
| 10884 | + opacity: 0.5; |
|
| 10885 | +} |
|
| 10886 | +.flash-close .octicon { |
|
| 10887 | + margin-right: 0; |
|
| 10888 | +} |
|
| 10889 | +.flash-action { |
|
| 10890 | + float: right; |
|
| 10891 | + margin-top: -3px; |
|
| 10892 | + margin-left: 24px; |
|
| 10893 | + background-clip: padding-box; |
|
| 10894 | +} |
|
| 10895 | +.flash-action.btn .octicon { |
|
| 10896 | + margin-right: 4px; |
|
| 10897 | + color: var(--color-fg-muted); |
|
| 10898 | +} |
|
| 10899 | +.flash-action.btn-primary { |
|
| 10900 | + background-clip: border-box; |
|
| 10901 | +} |
|
| 10902 | +.flash-action.btn-primary .octicon { |
|
| 10903 | + color: inherit; |
|
| 10904 | +} |
|
| 10905 | +.flash { |
|
| 10906 | + color: var(--color-fg-default); |
|
| 10907 | + background-image: linear-gradient( |
|
| 10908 | + var(--color-accent-subtle), |
|
| 10909 | + var(--color-accent-subtle) |
|
| 10910 | + ); |
|
| 10911 | + border-color: var(--color-accent-muted); |
|
| 10912 | +} |
|
| 10913 | +.flash .octicon { |
|
| 10914 | + color: var(--color-accent-fg); |
|
| 10915 | +} |
|
| 10916 | +.flash-warn { |
|
| 10917 | + color: var(--color-fg-default); |
|
| 10918 | + background-image: linear-gradient( |
|
| 10919 | + var(--color-attention-subtle), |
|
| 10920 | + var(--color-attention-subtle) |
|
| 10921 | + ); |
|
| 10922 | + border-color: var(--color-attention-muted); |
|
| 10923 | +} |
|
| 10924 | +.flash-warn .octicon { |
|
| 10925 | + color: var(--color-attention-fg); |
|
| 10926 | +} |
|
| 10927 | +.flash-error { |
|
| 10928 | + color: var(--color-fg-default); |
|
| 10929 | + background-image: linear-gradient( |
|
| 10930 | + var(--color-danger-subtle), |
|
| 10931 | + var(--color-danger-subtle) |
|
| 10932 | + ); |
|
| 10933 | + border-color: var(--color-danger-muted); |
|
| 10934 | +} |
|
| 10935 | +.flash-error .octicon { |
|
| 10936 | + color: var(--color-danger-fg); |
|
| 10937 | +} |
|
| 10938 | +.flash-success { |
|
| 10939 | + color: var(--color-fg-default); |
|
| 10940 | + background-image: linear-gradient( |
|
| 10941 | + var(--color-success-subtle), |
|
| 10942 | + var(--color-success-subtle) |
|
| 10943 | + ); |
|
| 10944 | + border-color: var(--color-success-muted); |
|
| 10945 | +} |
|
| 10946 | +.flash-success .octicon { |
|
| 10947 | + color: var(--color-success-fg); |
|
| 10948 | +} |
|
| 10949 | +.flash-full { |
|
| 10950 | + margin-top: -1px; |
|
| 10951 | + border-width: 1px 0; |
|
| 10952 | + border-radius: 0; |
|
| 10953 | +} |
|
| 10954 | +.flash-banner { |
|
| 10955 | + position: fixed; |
|
| 10956 | + top: 0; |
|
| 10957 | + z-index: 90; |
|
| 10958 | + width: 100%; |
|
| 10959 | + border-top: 0; |
|
| 10960 | + border-right: 0; |
|
| 10961 | + border-left: 0; |
|
| 10962 | + border-radius: 0; |
|
| 10963 | +} |
|
| 10964 | +.flash-full, |
|
| 10965 | +.flash-banner { |
|
| 10966 | + background-color: var(--color-canvas-default); |
|
| 10967 | +} |
|
| 10968 | +.warning { |
|
| 10969 | + padding: 0.5em; |
|
| 10970 | + margin-bottom: 0.8em; |
|
| 10971 | + font-weight: 600; |
|
| 10972 | + background-color: var(--color-attention-subtle); |
|
| 10973 | +} |
|
| 10974 | +.autocomplete-label-stacked { |
|
| 10975 | + display: block; |
|
| 10976 | + margin-bottom: 6px; |
|
| 10977 | +} |
|
| 10978 | +.autocomplete-label-inline { |
|
| 10979 | + display: inline; |
|
| 10980 | + margin-right: 6px; |
|
| 10981 | +} |
|
| 10982 | +@media (max-width: 544px) { |
|
| 10983 | + .autocomplete-label-inline { |
|
| 10984 | + display: block; |
|
| 10985 | + margin-bottom: 6px; |
|
| 10986 | + } |
|
| 10987 | +} |
|
| 10988 | +.autocomplete-body { |
|
| 10989 | + position: relative; |
|
| 10990 | + display: inline; |
|
| 10991 | +} |
|
| 10992 | +.autocomplete-embedded-icon-wrap { |
|
| 10993 | + display: inline-flex; |
|
| 10994 | + padding: 4px 8px; |
|
| 10995 | + align-items: center; |
|
| 10996 | +} |
|
| 10997 | +.autocomplete-embedded-icon-wrap:focus-within { |
|
| 10998 | + border-color: var(--color-accent-fg); |
|
| 10999 | + border-color: var(--color-accent-fg); |
|
| 11000 | + outline: none; |
|
| 11001 | + box-shadow: inset 0 0 0 1px var(--color-accent-fg); |
|
| 11002 | +} |
|
| 11003 | +.autocomplete-embedded-icon-wrap .form-control { |
|
| 11004 | + padding: 0; |
|
| 11005 | + margin-left: 8px; |
|
| 11006 | + border: none; |
|
| 11007 | + box-shadow: none; |
|
| 11008 | +} |
|
| 11009 | +.autocomplete-embedded-icon-wrap .form-control:focus { |
|
| 11010 | + box-shadow: none; |
|
| 11011 | +} |
|
| 11012 | +.autocomplete-embedded-icon-wrap .form-control:focus-visible { |
|
| 11013 | + box-shadow: none; |
|
| 11014 | +} |
|
| 11015 | +.autocomplete-results { |
|
| 11016 | + position: absolute; |
|
| 11017 | + left: 0; |
|
| 11018 | + z-index: 99; |
|
| 11019 | + width: max-content; |
|
| 11020 | + min-width: 100%; |
|
| 11021 | + max-height: 20em; |
|
| 11022 | + overflow-y: auto; |
|
| 11023 | + font-size: 13px; |
|
| 11024 | + list-style: none; |
|
| 11025 | + background: var(--color-canvas-overlay); |
|
| 11026 | + border: 1px solid var(--color-border-default); |
|
| 11027 | + border-radius: 6px; |
|
| 11028 | + box-shadow: var(--color-shadow-medium); |
|
| 11029 | +} |
|
| 11030 | +.autocomplete-item { |
|
| 11031 | + display: block; |
|
| 11032 | + width: 100%; |
|
| 11033 | + padding: 4px 8px; |
|
| 11034 | + overflow: hidden; |
|
| 11035 | + font-weight: 600; |
|
| 11036 | + color: var(--color-fg-default); |
|
| 11037 | + text-align: left; |
|
| 11038 | + text-decoration: none; |
|
| 11039 | + text-overflow: ellipsis; |
|
| 11040 | + white-space: nowrap; |
|
| 11041 | + cursor: pointer; |
|
| 11042 | + background-color: var(--color-canvas-overlay); |
|
| 11043 | + border: 0; |
|
| 11044 | +} |
|
| 11045 | +.autocomplete-item:hover { |
|
| 11046 | + color: var(--color-fg-on-emphasis); |
|
| 11047 | + text-decoration: none; |
|
| 11048 | + background-color: var(--color-accent-emphasis); |
|
| 11049 | +} |
|
| 11050 | +.autocomplete-item:hover * { |
|
| 11051 | + color: inherit !important; |
|
| 11052 | +} |
|
| 11053 | +.autocomplete-item.selected, |
|
| 11054 | +.autocomplete-item[aria-selected="true"], |
|
| 11055 | +.autocomplete-item.navigation-focus { |
|
| 11056 | + color: var(--color-fg-on-emphasis); |
|
| 11057 | + text-decoration: none; |
|
| 11058 | + background-color: var(--color-accent-emphasis); |
|
| 11059 | +} |
|
| 11060 | +.autocomplete-item.selected *, |
|
| 11061 | +.autocomplete-item[aria-selected="true"] *, |
|
| 11062 | +.autocomplete-item.navigation-focus * { |
|
| 11063 | + color: inherit !important; |
|
| 11064 | +} |
|
| 11065 | +.suggester { |
|
| 11066 | + position: relative; |
|
| 11067 | + top: 0; |
|
| 11068 | + left: 0; |
|
| 11069 | + min-width: 180px; |
|
| 11070 | + padding: 0; |
|
| 11071 | + margin: 0; |
|
| 11072 | + margin-top: 24px; |
|
| 11073 | + list-style: none; |
|
| 11074 | + cursor: pointer; |
|
| 11075 | + background: var(--color-canvas-overlay); |
|
| 11076 | + border: 1px solid var(--color-border-default); |
|
| 11077 | + border-radius: 6px; |
|
| 11078 | + box-shadow: var(--color-shadow-medium); |
|
| 11079 | +} |
|
| 11080 | +.suggester li { |
|
| 11081 | + display: block; |
|
| 11082 | + padding: 4px 8px; |
|
| 11083 | + font-weight: 500; |
|
| 11084 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 11085 | +} |
|
| 11086 | +.suggester li small { |
|
| 11087 | + font-weight: 400; |
|
| 11088 | + color: var(--color-fg-muted); |
|
| 11089 | +} |
|
| 11090 | +.suggester li:last-child { |
|
| 11091 | + border-bottom: 0; |
|
| 11092 | + border-bottom-right-radius: 6px; |
|
| 11093 | + border-bottom-left-radius: 6px; |
|
| 11094 | +} |
|
| 11095 | +.suggester li:first-child { |
|
| 11096 | + border-top-left-radius: 6px; |
|
| 11097 | + border-top-right-radius: 6px; |
|
| 11098 | +} |
|
| 11099 | +.suggester li:hover { |
|
| 11100 | + color: var(--color-fg-on-emphasis); |
|
| 11101 | + text-decoration: none; |
|
| 11102 | + background: var(--color-accent-emphasis); |
|
| 11103 | +} |
|
| 11104 | +.suggester li:hover small { |
|
| 11105 | + color: var(--color-fg-on-emphasis); |
|
| 11106 | +} |
|
| 11107 | +.suggester li:hover .octicon { |
|
| 11108 | + color: inherit !important; |
|
| 11109 | +} |
|
| 11110 | +.suggester li[aria-selected="true"], |
|
| 11111 | +.suggester li.navigation-focus { |
|
| 11112 | + color: var(--color-fg-on-emphasis); |
|
| 11113 | + text-decoration: none; |
|
| 11114 | + background: var(--color-accent-emphasis); |
|
| 11115 | +} |
|
| 11116 | +.suggester li[aria-selected="true"] small, |
|
| 11117 | +.suggester li.navigation-focus small { |
|
| 11118 | + color: var(--color-fg-on-emphasis); |
|
| 11119 | +} |
|
| 11120 | +.suggester li[aria-selected="true"] .octicon, |
|
| 11121 | +.suggester li.navigation-focus .octicon { |
|
| 11122 | + color: inherit !important; |
|
| 11123 | +} |
|
| 11124 | +.suggester-container { |
|
| 11125 | + position: absolute; |
|
| 11126 | + top: 0; |
|
| 11127 | + left: 0; |
|
| 11128 | + z-index: 30; |
|
| 11129 | +} |
|
| 11130 | +@media (max-width: 544px) { |
|
| 11131 | + .page-responsive .suggester-container { |
|
| 11132 | + right: 8px !important; |
|
| 11133 | + left: 8px !important; |
|
| 11134 | + } |
|
| 11135 | + .page-responsive .suggester li { |
|
| 11136 | + padding: 8px 16px; |
|
| 11137 | + } |
|
| 11138 | +} |
|
| 11139 | +.avatar { |
|
| 11140 | + display: inline-block; |
|
| 11141 | + overflow: hidden; |
|
| 11142 | + line-height: 1; |
|
| 11143 | + vertical-align: middle; |
|
| 11144 | + background-color: var(--color-avatar-bg); |
|
| 11145 | + border-radius: 6px; |
|
| 11146 | + flex-shrink: 0; |
|
| 11147 | + box-shadow: 0 0 0 1px var(--color-avatar-border); |
|
| 11148 | +} |
|
| 11149 | +.avatar-link { |
|
| 11150 | + float: left; |
|
| 11151 | + line-height: 1; |
|
| 11152 | +} |
|
| 11153 | +.avatar-group-item { |
|
| 11154 | + display: inline-block; |
|
| 11155 | + margin-bottom: 3px; |
|
| 11156 | +} |
|
| 11157 | +.avatar-1, |
|
| 11158 | +.avatar-2, |
|
| 11159 | +.avatar-small { |
|
| 11160 | + border-radius: 4px; |
|
| 11161 | +} |
|
| 11162 | +.avatar-1 { |
|
| 11163 | + width: 16px; |
|
| 11164 | + height: 16px; |
|
| 11165 | +} |
|
| 11166 | +.avatar-2 { |
|
| 11167 | + width: 20px; |
|
| 11168 | + height: 20px; |
|
| 11169 | +} |
|
| 11170 | +.avatar-3 { |
|
| 11171 | + width: 24px; |
|
| 11172 | + height: 24px; |
|
| 11173 | +} |
|
| 11174 | +.avatar-4 { |
|
| 11175 | + width: 28px; |
|
| 11176 | + height: 28px; |
|
| 11177 | +} |
|
| 11178 | +.avatar-5 { |
|
| 11179 | + width: 32px; |
|
| 11180 | + height: 32px; |
|
| 11181 | +} |
|
| 11182 | +.avatar-6 { |
|
| 11183 | + width: 40px; |
|
| 11184 | + height: 40px; |
|
| 11185 | +} |
|
| 11186 | +.avatar-7 { |
|
| 11187 | + width: 48px; |
|
| 11188 | + height: 48px; |
|
| 11189 | +} |
|
| 11190 | +.avatar-8 { |
|
| 11191 | + width: 64px; |
|
| 11192 | + height: 64px; |
|
| 11193 | +} |
|
| 11194 | +.avatar-parent-child { |
|
| 11195 | + position: relative; |
|
| 11196 | +} |
|
| 11197 | +.avatar-child { |
|
| 11198 | + position: absolute; |
|
| 11199 | + right: -15%; |
|
| 11200 | + bottom: -9%; |
|
| 11201 | + background-color: var(--color-canvas-default); |
|
| 11202 | + border-radius: 4px; |
|
| 11203 | + box-shadow: var(--color-avatar-child-shadow); |
|
| 11204 | +} |
|
| 11205 | +.AvatarStack { |
|
| 11206 | + position: relative; |
|
| 11207 | + min-width: 26px; |
|
| 11208 | + height: 20px; |
|
| 11209 | +} |
|
| 11210 | +.AvatarStack .AvatarStack-body { |
|
| 11211 | + position: absolute; |
|
| 11212 | +} |
|
| 11213 | +.AvatarStack.AvatarStack--two { |
|
| 11214 | + min-width: 36px; |
|
| 11215 | +} |
|
| 11216 | +.AvatarStack.AvatarStack--three-plus { |
|
| 11217 | + min-width: 46px; |
|
| 11218 | +} |
|
| 11219 | +.AvatarStack-body { |
|
| 11220 | + display: flex; |
|
| 11221 | + background: var(--color-canvas-default); |
|
| 11222 | +} |
|
| 11223 | +.AvatarStack-body .avatar { |
|
| 11224 | + position: relative; |
|
| 11225 | + z-index: 2; |
|
| 11226 | + display: flex; |
|
| 11227 | + width: 20px; |
|
| 11228 | + height: 20px; |
|
| 11229 | + box-sizing: content-box; |
|
| 11230 | + margin-right: -11px; |
|
| 11231 | + background-color: var(--color-canvas-default); |
|
| 11232 | + border-right: 1px solid var(--color-canvas-default); |
|
| 11233 | + border-radius: 4px; |
|
| 11234 | + box-shadow: none; |
|
| 11235 | + transition: margin 0.1s ease-in-out; |
|
| 11236 | +} |
|
| 11237 | +.AvatarStack-body .avatar:first-child { |
|
| 11238 | + z-index: 3; |
|
| 11239 | +} |
|
| 11240 | +.AvatarStack-body .avatar:last-child { |
|
| 11241 | + z-index: 1; |
|
| 11242 | + border-right: 0; |
|
| 11243 | +} |
|
| 11244 | +.AvatarStack-body .avatar img { |
|
| 11245 | + border-radius: 4px; |
|
| 11246 | +} |
|
| 11247 | +.AvatarStack-body .avatar:nth-child(n + 4) { |
|
| 11248 | + display: none; |
|
| 11249 | + opacity: 0; |
|
| 11250 | +} |
|
| 11251 | +.AvatarStack-body:hover .avatar { |
|
| 11252 | + margin-right: 3px; |
|
| 11253 | +} |
|
| 11254 | +.AvatarStack-body:hover .avatar:nth-child(n + 4) { |
|
| 11255 | + display: flex; |
|
| 11256 | + opacity: 1; |
|
| 11257 | +} |
|
| 11258 | +.AvatarStack-body:hover .avatar-more { |
|
| 11259 | + display: none !important; |
|
| 11260 | +} |
|
| 11261 | +.avatar.avatar-more { |
|
| 11262 | + z-index: 1; |
|
| 11263 | + margin-right: 0; |
|
| 11264 | + background: var(--color-canvas-subtle); |
|
| 11265 | +} |
|
| 11266 | +.avatar.avatar-more::before, |
|
| 11267 | +.avatar.avatar-more::after { |
|
| 11268 | + position: absolute; |
|
| 11269 | + display: block; |
|
| 11270 | + height: 20px; |
|
| 11271 | + content: ""; |
|
| 11272 | + border-radius: 2px; |
|
| 11273 | + outline: 1px solid var(--color-canvas-default); |
|
| 11274 | +} |
|
| 11275 | +.avatar.avatar-more::before { |
|
| 11276 | + width: 17px; |
|
| 11277 | + background: var(--color-avatar-stack-fade-more); |
|
| 11278 | +} |
|
| 11279 | +.avatar.avatar-more::after { |
|
| 11280 | + width: 14px; |
|
| 11281 | + background: var(--color-avatar-stack-fade); |
|
| 11282 | +} |
|
| 11283 | +.AvatarStack--right .AvatarStack-body { |
|
| 11284 | + right: 0; |
|
| 11285 | + flex-direction: row-reverse; |
|
| 11286 | +} |
|
| 11287 | +.AvatarStack--right .AvatarStack-body:hover .avatar { |
|
| 11288 | + margin-right: 0; |
|
| 11289 | + margin-left: 3px; |
|
| 11290 | +} |
|
| 11291 | +.AvatarStack--right .avatar.avatar-more { |
|
| 11292 | + background: var(--color-avatar-stack-fade); |
|
| 11293 | +} |
|
| 11294 | +.AvatarStack--right .avatar.avatar-more::before { |
|
| 11295 | + width: 5px; |
|
| 11296 | +} |
|
| 11297 | +.AvatarStack--right .avatar.avatar-more::after { |
|
| 11298 | + width: 2px; |
|
| 11299 | + background: var(--color-canvas-subtle); |
|
| 11300 | +} |
|
| 11301 | +.AvatarStack--right .avatar { |
|
| 11302 | + margin-right: 0; |
|
| 11303 | + margin-left: -11px; |
|
| 11304 | + border-right: 0; |
|
| 11305 | + border-left: 1px solid var(--color-canvas-default); |
|
| 11306 | +} |
|
| 11307 | +.CircleBadge { |
|
| 11308 | + display: flex; |
|
| 11309 | + align-items: center; |
|
| 11310 | + justify-content: center; |
|
| 11311 | + background-color: var(--color-canvas-default); |
|
| 11312 | + border-radius: 50%; |
|
| 11313 | + box-shadow: var(--color-shadow-medium); |
|
| 11314 | +} |
|
| 11315 | +.CircleBadge-icon { |
|
| 11316 | + max-width: 60% !important; |
|
| 11317 | + height: auto !important; |
|
| 11318 | + max-height: 55% !important; |
|
| 11319 | +} |
|
| 11320 | +.CircleBadge--small { |
|
| 11321 | + width: 56px; |
|
| 11322 | + height: 56px; |
|
| 11323 | +} |
|
| 11324 | +.CircleBadge--medium { |
|
| 11325 | + width: 96px; |
|
| 11326 | + height: 96px; |
|
| 11327 | +} |
|
| 11328 | +.CircleBadge--large { |
|
| 11329 | + width: 128px; |
|
| 11330 | + height: 128px; |
|
| 11331 | +} |
|
| 11332 | +.DashedConnection { |
|
| 11333 | + position: relative; |
|
| 11334 | +} |
|
| 11335 | +.DashedConnection::before { |
|
| 11336 | + position: absolute; |
|
| 11337 | + top: 50%; |
|
| 11338 | + left: 0; |
|
| 11339 | + width: 100%; |
|
| 11340 | + content: ""; |
|
| 11341 | + border-bottom: 2px dashed var(--color-border-default); |
|
| 11342 | +} |
|
| 11343 | +.DashedConnection .CircleBadge { |
|
| 11344 | + position: relative; |
|
| 11345 | +} |
|
| 11346 | +.blankslate { |
|
| 11347 | + position: relative; |
|
| 11348 | + padding: 32px; |
|
| 11349 | + text-align: center; |
|
| 11350 | +} |
|
| 11351 | +.blankslate p { |
|
| 11352 | + color: var(--color-fg-muted); |
|
| 11353 | +} |
|
| 11354 | +.blankslate code { |
|
| 11355 | + padding: 2px 5px 3px; |
|
| 11356 | + font-size: 14px; |
|
| 11357 | + background: var(--color-canvas-default); |
|
| 11358 | + border: 1px solid var(--color-border-muted); |
|
| 11359 | + border-radius: 6px; |
|
| 11360 | +} |
|
| 11361 | +.blankslate img { |
|
| 11362 | + width: 56px; |
|
| 11363 | + height: 56px; |
|
| 11364 | +} |
|
| 11365 | +.blankslate-icon { |
|
| 11366 | + margin-right: 4px; |
|
| 11367 | + margin-bottom: 8px; |
|
| 11368 | + margin-left: 4px; |
|
| 11369 | + color: var(--color-fg-muted); |
|
| 11370 | +} |
|
| 11371 | +.blankslate-image { |
|
| 11372 | + margin-bottom: 16px; |
|
| 11373 | +} |
|
| 11374 | +.blankslate-heading { |
|
| 11375 | + margin-bottom: 4px; |
|
| 11376 | +} |
|
| 11377 | +.blankslate-action { |
|
| 11378 | + margin-top: 16px; |
|
| 11379 | +} |
|
| 11380 | +.blankslate-action:first-of-type { |
|
| 11381 | + margin-top: 24px; |
|
| 11382 | +} |
|
| 11383 | +.blankslate-action:last-of-type { |
|
| 11384 | + margin-bottom: 8px; |
|
| 11385 | +} |
|
| 11386 | +.blankslate-capped { |
|
| 11387 | + border-radius: 0 0 6px 6px; |
|
| 11388 | +} |
|
| 11389 | +.blankslate-spacious { |
|
| 11390 | + padding: 80px 40px; |
|
| 11391 | +} |
|
| 11392 | +.blankslate-narrow { |
|
| 11393 | + max-width: 485px; |
|
| 11394 | + margin: 0 auto; |
|
| 11395 | +} |
|
| 11396 | +.blankslate-large img { |
|
| 11397 | + width: 80px; |
|
| 11398 | + height: 80px; |
|
| 11399 | +} |
|
| 11400 | +.blankslate-large h3 { |
|
| 11401 | + margin: 16px 0; |
|
| 11402 | + font-size: 24px; |
|
| 11403 | +} |
|
| 11404 | +.blankslate-large p { |
|
| 11405 | + font-size: 16px; |
|
| 11406 | +} |
|
| 11407 | +.blankslate-clean-background { |
|
| 11408 | + border: 0; |
|
| 11409 | +} |
|
| 11410 | +.branch-name { |
|
| 11411 | + display: inline-block; |
|
| 11412 | + padding: 2px 6px; |
|
| 11413 | + font: 12px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, |
|
| 11414 | + Liberation Mono, monospace; |
|
| 11415 | + color: var(--color-fg-muted); |
|
| 11416 | + word-break: break-all; |
|
| 11417 | + background-color: var(--color-accent-subtle); |
|
| 11418 | + border-radius: 6px; |
|
| 11419 | +} |
|
| 11420 | +.branch-name .octicon { |
|
| 11421 | + margin: 1px -2px 0 0; |
|
| 11422 | + color: var(--color-fg-muted); |
|
| 11423 | +} |
|
| 11424 | +a.branch-name { |
|
| 11425 | + color: var(--color-accent-fg); |
|
| 11426 | + background-color: var(--color-accent-subtle); |
|
| 11427 | +} |
|
| 11428 | +a.branch-name .octicon { |
|
| 11429 | + color: var(--color-accent-fg); |
|
| 11430 | +} |
|
| 11431 | +.dropdown { |
|
| 11432 | + position: relative; |
|
| 11433 | +} |
|
| 11434 | +.dropdown-caret { |
|
| 11435 | + display: inline-block; |
|
| 11436 | + width: 0; |
|
| 11437 | + height: 0; |
|
| 11438 | + vertical-align: middle; |
|
| 11439 | + content: ""; |
|
| 11440 | + border-style: solid; |
|
| 11441 | + border-width: 4px 4px 0; |
|
| 11442 | + border-right-color: transparent; |
|
| 11443 | + border-bottom-color: transparent; |
|
| 11444 | + border-left-color: transparent; |
|
| 11445 | +} |
|
| 11446 | +.dropdown-menu { |
|
| 11447 | + position: absolute; |
|
| 11448 | + top: 100%; |
|
| 11449 | + left: 0; |
|
| 11450 | + z-index: 100; |
|
| 11451 | + width: 160px; |
|
| 11452 | + padding-top: 4px; |
|
| 11453 | + padding-bottom: 4px; |
|
| 11454 | + margin-top: 2px; |
|
| 11455 | + list-style: none; |
|
| 11456 | + background-color: var(--color-canvas-overlay); |
|
| 11457 | + background-clip: padding-box; |
|
| 11458 | + border: 1px solid var(--color-border-default); |
|
| 11459 | + border-radius: 6px; |
|
| 11460 | + box-shadow: var(--color-shadow-large); |
|
| 11461 | +} |
|
| 11462 | +.dropdown-menu::before, |
|
| 11463 | +.dropdown-menu::after { |
|
| 11464 | + position: absolute; |
|
| 11465 | + display: inline-block; |
|
| 11466 | + content: ""; |
|
| 11467 | +} |
|
| 11468 | +.dropdown-menu::before { |
|
| 11469 | + border: 8px solid transparent; |
|
| 11470 | + border-bottom-color: var(--color-border-default); |
|
| 11471 | +} |
|
| 11472 | +.dropdown-menu::after { |
|
| 11473 | + border: 7px solid transparent; |
|
| 11474 | + border-bottom-color: var(--color-canvas-overlay); |
|
| 11475 | +} |
|
| 11476 | +.dropdown-menu > ul { |
|
| 11477 | + list-style: none; |
|
| 11478 | +} |
|
| 11479 | +.dropdown-menu-no-overflow { |
|
| 11480 | + width: auto; |
|
| 11481 | +} |
|
| 11482 | +.dropdown-menu-no-overflow .dropdown-item { |
|
| 11483 | + padding: 4px 16px; |
|
| 11484 | + overflow: visible; |
|
| 11485 | + text-overflow: inherit; |
|
| 11486 | +} |
|
| 11487 | +.dropdown-item { |
|
| 11488 | + display: block; |
|
| 11489 | + padding: 4px 8px 4px 16px; |
|
| 11490 | + overflow: hidden; |
|
| 11491 | + color: var(--color-fg-default); |
|
| 11492 | + text-overflow: ellipsis; |
|
| 11493 | + white-space: nowrap; |
|
| 11494 | +} |
|
| 11495 | +.dropdown-item:hover { |
|
| 11496 | + color: var(--color-fg-on-emphasis); |
|
| 11497 | + text-decoration: none; |
|
| 11498 | + background-color: var(--color-accent-emphasis); |
|
| 11499 | +} |
|
| 11500 | +.dropdown-item:hover > .octicon { |
|
| 11501 | + color: inherit; |
|
| 11502 | + opacity: 1; |
|
| 11503 | +} |
|
| 11504 | +.dropdown-item:hover [class*="color-text-"] { |
|
| 11505 | + color: inherit !important; |
|
| 11506 | +} |
|
| 11507 | +.dropdown-item:hover > .Label { |
|
| 11508 | + color: inherit !important; |
|
| 11509 | + border-color: currentColor; |
|
| 11510 | +} |
|
| 11511 | +.dropdown-item.btn-link { |
|
| 11512 | + width: 100%; |
|
| 11513 | + text-align: left; |
|
| 11514 | +} |
|
| 11515 | +.dropdown-signout { |
|
| 11516 | + width: 100%; |
|
| 11517 | + text-align: left; |
|
| 11518 | + background: none; |
|
| 11519 | + border: 0; |
|
| 11520 | +} |
|
| 11521 | +.dropdown-divider { |
|
| 11522 | + display: block; |
|
| 11523 | + height: 0; |
|
| 11524 | + margin: 8px 0; |
|
| 11525 | + border-top: 1px solid var(--color-border-default); |
|
| 11526 | +} |
|
| 11527 | +.dropdown-header { |
|
| 11528 | + padding: 4px 16px; |
|
| 11529 | + font-size: 12px; |
|
| 11530 | + color: var(--color-fg-muted); |
|
| 11531 | +} |
|
| 11532 | +.dropdown-item[aria-checked="false"] .octicon-check { |
|
| 11533 | + display: none; |
|
| 11534 | +} |
|
| 11535 | +.dropdown-menu-w { |
|
| 11536 | + top: 0; |
|
| 11537 | + right: 100%; |
|
| 11538 | + left: auto; |
|
| 11539 | + width: auto; |
|
| 11540 | + margin-top: 0; |
|
| 11541 | + margin-right: 8px; |
|
| 11542 | +} |
|
| 11543 | +.dropdown-menu-w::before { |
|
| 11544 | + top: 10px; |
|
| 11545 | + right: -16px; |
|
| 11546 | + left: auto; |
|
| 11547 | + border-color: transparent; |
|
| 11548 | + border-left-color: var(--color-border-default); |
|
| 11549 | +} |
|
| 11550 | +.dropdown-menu-w::after { |
|
| 11551 | + top: 11px; |
|
| 11552 | + right: -14px; |
|
| 11553 | + left: auto; |
|
| 11554 | + border-color: transparent; |
|
| 11555 | + border-left-color: var(--color-canvas-overlay); |
|
| 11556 | +} |
|
| 11557 | +.dropdown-menu-e { |
|
| 11558 | + top: 0; |
|
| 11559 | + left: 100%; |
|
| 11560 | + width: auto; |
|
| 11561 | + margin-top: 0; |
|
| 11562 | + margin-left: 8px; |
|
| 11563 | +} |
|
| 11564 | +.dropdown-menu-e::before { |
|
| 11565 | + top: 10px; |
|
| 11566 | + left: -16px; |
|
| 11567 | + border-color: transparent; |
|
| 11568 | + border-right-color: var(--color-border-default); |
|
| 11569 | +} |
|
| 11570 | +.dropdown-menu-e::after { |
|
| 11571 | + top: 11px; |
|
| 11572 | + left: -14px; |
|
| 11573 | + border-color: transparent; |
|
| 11574 | + border-right-color: var(--color-canvas-overlay); |
|
| 11575 | +} |
|
| 11576 | +.dropdown-menu-ne { |
|
| 11577 | + top: auto; |
|
| 11578 | + bottom: 100%; |
|
| 11579 | + left: 0; |
|
| 11580 | + margin-bottom: 3px; |
|
| 11581 | +} |
|
| 11582 | +.dropdown-menu-ne::before, |
|
| 11583 | +.dropdown-menu-ne::after { |
|
| 11584 | + top: auto; |
|
| 11585 | + right: auto; |
|
| 11586 | +} |
|
| 11587 | +.dropdown-menu-ne::before { |
|
| 11588 | + bottom: -8px; |
|
| 11589 | + left: 9px; |
|
| 11590 | + border-top: 8px solid var(--color-border-default); |
|
| 11591 | + border-right: 8px solid transparent; |
|
| 11592 | + border-bottom: 0; |
|
| 11593 | + border-left: 8px solid transparent; |
|
| 11594 | +} |
|
| 11595 | +.dropdown-menu-ne::after { |
|
| 11596 | + bottom: -7px; |
|
| 11597 | + left: 10px; |
|
| 11598 | + border-top: 7px solid var(--color-canvas-overlay); |
|
| 11599 | + border-right: 7px solid transparent; |
|
| 11600 | + border-bottom: 0; |
|
| 11601 | + border-left: 7px solid transparent; |
|
| 11602 | +} |
|
| 11603 | +.dropdown-menu-s { |
|
| 11604 | + right: 50%; |
|
| 11605 | + left: auto; |
|
| 11606 | + transform: translateX(50%); |
|
| 11607 | +} |
|
| 11608 | +.dropdown-menu-s::before { |
|
| 11609 | + top: -16px; |
|
| 11610 | + right: 50%; |
|
| 11611 | + transform: translateX(50%); |
|
| 11612 | +} |
|
| 11613 | +.dropdown-menu-s::after { |
|
| 11614 | + top: -14px; |
|
| 11615 | + right: 50%; |
|
| 11616 | + transform: translateX(50%); |
|
| 11617 | +} |
|
| 11618 | +.dropdown-menu-sw { |
|
| 11619 | + right: 0; |
|
| 11620 | + left: auto; |
|
| 11621 | +} |
|
| 11622 | +.dropdown-menu-sw::before { |
|
| 11623 | + top: -16px; |
|
| 11624 | + right: 9px; |
|
| 11625 | + left: auto; |
|
| 11626 | +} |
|
| 11627 | +.dropdown-menu-sw::after { |
|
| 11628 | + top: -14px; |
|
| 11629 | + right: 10px; |
|
| 11630 | + left: auto; |
|
| 11631 | +} |
|
| 11632 | +.dropdown-menu-se::before { |
|
| 11633 | + top: -16px; |
|
| 11634 | + left: 9px; |
|
| 11635 | +} |
|
| 11636 | +.dropdown-menu-se::after { |
|
| 11637 | + top: -14px; |
|
| 11638 | + left: 10px; |
|
| 11639 | +} |
|
| 11640 | +.Header { |
|
| 11641 | + z-index: 32; |
|
| 11642 | + display: flex; |
|
| 11643 | + padding: 16px; |
|
| 11644 | + font-size: 14px; |
|
| 11645 | + line-height: 1.5; |
|
| 11646 | + color: var(--color-header-text); |
|
| 11647 | + background-color: var(--color-header-bg); |
|
| 11648 | + align-items: center; |
|
| 11649 | + flex-wrap: nowrap; |
|
| 11650 | +} |
|
| 11651 | +.Header-item { |
|
| 11652 | + display: flex; |
|
| 11653 | + margin-right: 16px; |
|
| 11654 | + align-self: stretch; |
|
| 11655 | + align-items: center; |
|
| 11656 | + flex-wrap: nowrap; |
|
| 11657 | +} |
|
| 11658 | +.Header-item--full { |
|
| 11659 | + flex: auto; |
|
| 11660 | +} |
|
| 11661 | +.Header-link { |
|
| 11662 | + font-weight: 600; |
|
| 11663 | + color: var(--color-header-logo); |
|
| 11664 | + white-space: nowrap; |
|
| 11665 | +} |
|
| 11666 | +.Header-link:hover, |
|
| 11667 | +.Header-link:focus { |
|
| 11668 | + color: var(--color-header-text); |
|
| 11669 | + text-decoration: none; |
|
| 11670 | +} |
|
| 11671 | +.Header-input { |
|
| 11672 | + color: var(--color-header-text); |
|
| 11673 | + background-color: var(--color-header-search-bg); |
|
| 11674 | + border: 1px solid var(--color-header-search-border); |
|
| 11675 | + box-shadow: none; |
|
| 11676 | +} |
|
| 11677 | +.Header-input::placeholder { |
|
| 11678 | + color: rgba(255, 255, 255, 0.75); |
|
| 11679 | +} |
|
| 11680 | +.IssueLabel { |
|
| 11681 | + display: inline-block; |
|
| 11682 | + padding: 0 7px; |
|
| 11683 | + font-size: 12px; |
|
| 11684 | + font-weight: 500; |
|
| 11685 | + line-height: 18px; |
|
| 11686 | + white-space: nowrap; |
|
| 11687 | + border: 1px solid transparent; |
|
| 11688 | + border-radius: 2em; |
|
| 11689 | +} |
|
| 11690 | +.IssueLabel .g-emoji { |
|
| 11691 | + position: relative; |
|
| 11692 | + top: -0.05em; |
|
| 11693 | + display: inline-block; |
|
| 11694 | + font-size: 1em; |
|
| 11695 | + line-height: 1; |
|
| 11696 | +} |
|
| 11697 | +.IssueLabel:hover { |
|
| 11698 | + text-decoration: none; |
|
| 11699 | +} |
|
| 11700 | +.IssueLabel--big { |
|
| 11701 | + padding-right: 10px; |
|
| 11702 | + padding-left: 10px; |
|
| 11703 | + line-height: 22px; |
|
| 11704 | +} |
|
| 11705 | +.labels { |
|
| 11706 | + position: relative; |
|
| 11707 | +} |
|
| 11708 | +.label, |
|
| 11709 | +.Label { |
|
| 11710 | + display: inline-block; |
|
| 11711 | + padding: 0 7px; |
|
| 11712 | + font-size: 12px; |
|
| 11713 | + font-weight: 500; |
|
| 11714 | + line-height: 18px; |
|
| 11715 | + white-space: nowrap; |
|
| 11716 | + border: 1px solid transparent; |
|
| 11717 | + border-radius: 2em; |
|
| 11718 | + border-color: var(--color-border-default); |
|
| 11719 | +} |
|
| 11720 | +.label:hover, |
|
| 11721 | +.Label:hover { |
|
| 11722 | + text-decoration: none; |
|
| 11723 | +} |
|
| 11724 | +.Label--large { |
|
| 11725 | + padding-right: 10px; |
|
| 11726 | + padding-left: 10px; |
|
| 11727 | + line-height: 22px; |
|
| 11728 | +} |
|
| 11729 | +.Label--inline { |
|
| 11730 | + display: inline; |
|
| 11731 | + padding: 0.12em 0.5em; |
|
| 11732 | + font-size: 85%; |
|
| 11733 | +} |
|
| 11734 | +.Label--primary { |
|
| 11735 | + color: var(--color-fg-default); |
|
| 11736 | + border-color: var(--color-neutral-emphasis); |
|
| 11737 | +} |
|
| 11738 | +.Label--secondary { |
|
| 11739 | + color: var(--color-fg-muted); |
|
| 11740 | + border-color: var(--color-border-default); |
|
| 11741 | +} |
|
| 11742 | +.Label--info, |
|
| 11743 | +.Label--accent { |
|
| 11744 | + color: var(--color-accent-fg); |
|
| 11745 | + border-color: var(--color-accent-emphasis); |
|
| 11746 | +} |
|
| 11747 | +.Label--success { |
|
| 11748 | + color: var(--color-success-fg); |
|
| 11749 | + border-color: var(--color-success-emphasis); |
|
| 11750 | +} |
|
| 11751 | +.Label--warning, |
|
| 11752 | +.Label--attention { |
|
| 11753 | + color: var(--color-attention-fg); |
|
| 11754 | + border-color: var(--color-attention-emphasis); |
|
| 11755 | +} |
|
| 11756 | +.Label--severe { |
|
| 11757 | + color: var(--color-severe-fg); |
|
| 11758 | + border-color: var(--color-severe-emphasis); |
|
| 11759 | +} |
|
| 11760 | +.Label--danger { |
|
| 11761 | + color: var(--color-danger-fg); |
|
| 11762 | + border-color: var(--color-danger-emphasis); |
|
| 11763 | +} |
|
| 11764 | +.Label--open { |
|
| 11765 | + color: var(--color-open-fg); |
|
| 11766 | + border-color: var(--color-open-emphasis); |
|
| 11767 | +} |
|
| 11768 | +.Label--closed { |
|
| 11769 | + color: var(--color-closed-fg); |
|
| 11770 | + border-color: var(--color-closed-emphasis); |
|
| 11771 | +} |
|
| 11772 | +.Label--done { |
|
| 11773 | + color: var(--color-done-fg); |
|
| 11774 | + border-color: var(--color-done-emphasis); |
|
| 11775 | +} |
|
| 11776 | +.Label--sponsors { |
|
| 11777 | + color: var(--color-sponsors-fg); |
|
| 11778 | + border-color: var(--color-sponsors-emphasis); |
|
| 11779 | +} |
|
| 11780 | +.state, |
|
| 11781 | +.State { |
|
| 11782 | + display: inline-block; |
|
| 11783 | + padding: 5px 12px; |
|
| 11784 | + font-size: 14px; |
|
| 11785 | + font-weight: 500; |
|
| 11786 | + line-height: 20px; |
|
| 11787 | + text-align: center; |
|
| 11788 | + white-space: nowrap; |
|
| 11789 | + border-radius: 2em; |
|
| 11790 | +} |
|
| 11791 | +.state, |
|
| 11792 | +.State, |
|
| 11793 | +.State--draft { |
|
| 11794 | + color: var(--color-fg-on-emphasis); |
|
| 11795 | + background-color: var(--color-neutral-emphasis); |
|
| 11796 | + border: 1px solid transparent; |
|
| 11797 | +} |
|
| 11798 | +.State--open { |
|
| 11799 | + color: var(--color-fg-on-emphasis); |
|
| 11800 | + background-color: var(--color-open-emphasis); |
|
| 11801 | +} |
|
| 11802 | +.State--merged { |
|
| 11803 | + color: var(--color-fg-on-emphasis); |
|
| 11804 | + background-color: var(--color-done-emphasis); |
|
| 11805 | +} |
|
| 11806 | +.State--closed { |
|
| 11807 | + color: var(--color-fg-on-emphasis); |
|
| 11808 | + background-color: var(--color-closed-emphasis); |
|
| 11809 | +} |
|
| 11810 | +.State--small { |
|
| 11811 | + padding: 0 10px; |
|
| 11812 | + font-size: 12px; |
|
| 11813 | + line-height: 24px; |
|
| 11814 | +} |
|
| 11815 | +.State--small .octicon { |
|
| 11816 | + width: 1em; |
|
| 11817 | +} |
|
| 11818 | +.Counter { |
|
| 11819 | + display: inline-block; |
|
| 11820 | + min-width: 20px; |
|
| 11821 | + padding: 0 6px; |
|
| 11822 | + font-size: 12px; |
|
| 11823 | + font-weight: 500; |
|
| 11824 | + line-height: 18px; |
|
| 11825 | + color: var(--color-fg-default); |
|
| 11826 | + text-align: center; |
|
| 11827 | + background-color: var(--color-neutral-muted); |
|
| 11828 | + border: 1px solid var(--color-counter-border); |
|
| 11829 | + border-radius: 2em; |
|
| 11830 | +} |
|
| 11831 | +.Counter:empty { |
|
| 11832 | + display: none; |
|
| 11833 | +} |
|
| 11834 | +.Counter .octicon { |
|
| 11835 | + vertical-align: text-top; |
|
| 11836 | + opacity: 0.8; |
|
| 11837 | +} |
|
| 11838 | +.Counter--primary { |
|
| 11839 | + color: var(--color-fg-on-emphasis); |
|
| 11840 | + background-color: var(--color-neutral-emphasis); |
|
| 11841 | +} |
|
| 11842 | +.Counter--secondary { |
|
| 11843 | + color: var(--color-fg-muted); |
|
| 11844 | + background-color: var(--color-neutral-subtle); |
|
| 11845 | +} |
|
| 11846 | +.diffstat { |
|
| 11847 | + font-size: 12px; |
|
| 11848 | + font-weight: 600; |
|
| 11849 | + color: var(--color-fg-muted); |
|
| 11850 | + white-space: nowrap; |
|
| 11851 | + cursor: default; |
|
| 11852 | +} |
|
| 11853 | +.diffstat-block-deleted, |
|
| 11854 | +.diffstat-block-added, |
|
| 11855 | +.diffstat-block-neutral { |
|
| 11856 | + display: inline-block; |
|
| 11857 | + width: 8px; |
|
| 11858 | + height: 8px; |
|
| 11859 | + margin-left: 1px; |
|
| 11860 | + outline-offset: -1px; |
|
| 11861 | +} |
|
| 11862 | +.diffstat-block-deleted { |
|
| 11863 | + background-color: var(--color-danger-emphasis); |
|
| 11864 | + outline: 1px solid var(--color-border-subtle); |
|
| 11865 | +} |
|
| 11866 | +.diffstat-block-added { |
|
| 11867 | + background-color: var(--color-diffstat-addition-bg); |
|
| 11868 | + outline: 1px solid var(--color-border-subtle); |
|
| 11869 | +} |
|
| 11870 | +.diffstat-block-neutral { |
|
| 11871 | + background-color: var(--color-neutral-muted); |
|
| 11872 | + outline: 1px solid var(--color-border-subtle); |
|
| 11873 | +} |
|
| 11874 | +.AnimatedEllipsis { |
|
| 11875 | + display: inline-block; |
|
| 11876 | + overflow: hidden; |
|
| 11877 | + vertical-align: bottom; |
|
| 11878 | +} |
|
| 11879 | +.AnimatedEllipsis::after { |
|
| 11880 | + display: inline-block; |
|
| 11881 | + content: "..."; |
|
| 11882 | + animation: AnimatedEllipsis-keyframes 1.2s steps(4, jump-none) infinite; |
|
| 11883 | +} |
|
| 11884 | +@keyframes AnimatedEllipsis-keyframes { |
|
| 11885 | + 0% { |
|
| 11886 | + transform: translateX(-100%); |
|
| 11887 | + } |
|
| 11888 | +} |
|
| 11889 | +.markdown-body { |
|
| 11890 | + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, |
|
| 11891 | + sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; |
|
| 11892 | + font-size: 16px; |
|
| 11893 | + line-height: 1.5; |
|
| 11894 | + word-wrap: break-word; |
|
| 11895 | +} |
|
| 11896 | +.markdown-body::before { |
|
| 11897 | + display: table; |
|
| 11898 | + content: ""; |
|
| 11899 | +} |
|
| 11900 | +.markdown-body::after { |
|
| 11901 | + display: table; |
|
| 11902 | + clear: both; |
|
| 11903 | + content: ""; |
|
| 11904 | +} |
|
| 11905 | +.markdown-body > *:first-child { |
|
| 11906 | + margin-top: 0 !important; |
|
| 11907 | +} |
|
| 11908 | +.markdown-body > *:last-child { |
|
| 11909 | + margin-bottom: 0 !important; |
|
| 11910 | +} |
|
| 11911 | +.markdown-body a:not([href]) { |
|
| 11912 | + color: inherit; |
|
| 11913 | + text-decoration: none; |
|
| 11914 | +} |
|
| 11915 | +.markdown-body .absent { |
|
| 11916 | + color: var(--color-danger-fg); |
|
| 11917 | +} |
|
| 11918 | +.markdown-body .anchor { |
|
| 11919 | + float: left; |
|
| 11920 | + padding-right: 4px; |
|
| 11921 | + margin-left: -20px; |
|
| 11922 | + line-height: 1; |
|
| 11923 | +} |
|
| 11924 | +.markdown-body .anchor:focus { |
|
| 11925 | + outline: none; |
|
| 11926 | +} |
|
| 11927 | +.markdown-body p, |
|
| 11928 | +.markdown-body blockquote, |
|
| 11929 | +.markdown-body ul, |
|
| 11930 | +.markdown-body ol, |
|
| 11931 | +.markdown-body dl, |
|
| 11932 | +.markdown-body table, |
|
| 11933 | +.markdown-body pre, |
|
| 11934 | +.markdown-body details { |
|
| 11935 | + margin-top: 0; |
|
| 11936 | + margin-bottom: 16px; |
|
| 11937 | +} |
|
| 11938 | +.markdown-body hr { |
|
| 11939 | + height: 0.25em; |
|
| 11940 | + padding: 0; |
|
| 11941 | + margin: 24px 0; |
|
| 11942 | + background-color: var(--color-border-default); |
|
| 11943 | + border: 0; |
|
| 11944 | +} |
|
| 11945 | +.markdown-body blockquote { |
|
| 11946 | + padding: 0 1em; |
|
| 11947 | + color: var(--color-fg-muted); |
|
| 11948 | + border-left: 0.25em solid var(--color-border-default); |
|
| 11949 | +} |
|
| 11950 | +.markdown-body blockquote > :first-child { |
|
| 11951 | + margin-top: 0; |
|
| 11952 | +} |
|
| 11953 | +.markdown-body blockquote > :last-child { |
|
| 11954 | + margin-bottom: 0; |
|
| 11955 | +} |
|
| 11956 | +.markdown-body h1, |
|
| 11957 | +.markdown-body h2, |
|
| 11958 | +.markdown-body h3, |
|
| 11959 | +.markdown-body h4, |
|
| 11960 | +.markdown-body h5, |
|
| 11961 | +.markdown-body h6 { |
|
| 11962 | + margin-top: 24px; |
|
| 11963 | + margin-bottom: 16px; |
|
| 11964 | + font-weight: 600; |
|
| 11965 | + line-height: 1.25; |
|
| 11966 | +} |
|
| 11967 | +.markdown-body h1 .octicon-link, |
|
| 11968 | +.markdown-body h2 .octicon-link, |
|
| 11969 | +.markdown-body h3 .octicon-link, |
|
| 11970 | +.markdown-body h4 .octicon-link, |
|
| 11971 | +.markdown-body h5 .octicon-link, |
|
| 11972 | +.markdown-body h6 .octicon-link { |
|
| 11973 | + color: var(--color-fg-default); |
|
| 11974 | + vertical-align: middle; |
|
| 11975 | + visibility: hidden; |
|
| 11976 | +} |
|
| 11977 | +.markdown-body h1:hover .anchor, |
|
| 11978 | +.markdown-body h2:hover .anchor, |
|
| 11979 | +.markdown-body h3:hover .anchor, |
|
| 11980 | +.markdown-body h4:hover .anchor, |
|
| 11981 | +.markdown-body h5:hover .anchor, |
|
| 11982 | +.markdown-body h6:hover .anchor { |
|
| 11983 | + text-decoration: none; |
|
| 11984 | +} |
|
| 11985 | +.markdown-body h1:hover .anchor .octicon-link, |
|
| 11986 | +.markdown-body h2:hover .anchor .octicon-link, |
|
| 11987 | +.markdown-body h3:hover .anchor .octicon-link, |
|
| 11988 | +.markdown-body h4:hover .anchor .octicon-link, |
|
| 11989 | +.markdown-body h5:hover .anchor .octicon-link, |
|
| 11990 | +.markdown-body h6:hover .anchor .octicon-link { |
|
| 11991 | + visibility: visible; |
|
| 11992 | +} |
|
| 11993 | +.markdown-body h1 tt, |
|
| 11994 | +.markdown-body h1 code, |
|
| 11995 | +.markdown-body h2 tt, |
|
| 11996 | +.markdown-body h2 code, |
|
| 11997 | +.markdown-body h3 tt, |
|
| 11998 | +.markdown-body h3 code, |
|
| 11999 | +.markdown-body h4 tt, |
|
| 12000 | +.markdown-body h4 code, |
|
| 12001 | +.markdown-body h5 tt, |
|
| 12002 | +.markdown-body h5 code, |
|
| 12003 | +.markdown-body h6 tt, |
|
| 12004 | +.markdown-body h6 code { |
|
| 12005 | + padding: 0 0.2em; |
|
| 12006 | + font-size: inherit; |
|
| 12007 | +} |
|
| 12008 | +.markdown-body h1 { |
|
| 12009 | + padding-bottom: 0.3em; |
|
| 12010 | + font-size: 2em; |
|
| 12011 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 12012 | +} |
|
| 12013 | +.markdown-body h2 { |
|
| 12014 | + padding-bottom: 0.3em; |
|
| 12015 | + font-size: 1.5em; |
|
| 12016 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 12017 | +} |
|
| 12018 | +.markdown-body h3 { |
|
| 12019 | + font-size: 1.25em; |
|
| 12020 | +} |
|
| 12021 | +.markdown-body h4 { |
|
| 12022 | + font-size: 1em; |
|
| 12023 | +} |
|
| 12024 | +.markdown-body h5 { |
|
| 12025 | + font-size: 0.875em; |
|
| 12026 | +} |
|
| 12027 | +.markdown-body h6 { |
|
| 12028 | + font-size: 0.85em; |
|
| 12029 | + color: var(--color-fg-muted); |
|
| 12030 | +} |
|
| 12031 | +.markdown-body summary h1, |
|
| 12032 | +.markdown-body summary h2, |
|
| 12033 | +.markdown-body summary h3, |
|
| 12034 | +.markdown-body summary h4, |
|
| 12035 | +.markdown-body summary h5, |
|
| 12036 | +.markdown-body summary h6 { |
|
| 12037 | + display: inline-block; |
|
| 12038 | +} |
|
| 12039 | +.markdown-body summary h1 .anchor, |
|
| 12040 | +.markdown-body summary h2 .anchor, |
|
| 12041 | +.markdown-body summary h3 .anchor, |
|
| 12042 | +.markdown-body summary h4 .anchor, |
|
| 12043 | +.markdown-body summary h5 .anchor, |
|
| 12044 | +.markdown-body summary h6 .anchor { |
|
| 12045 | + margin-left: -40px; |
|
| 12046 | +} |
|
| 12047 | +.markdown-body summary h1, |
|
| 12048 | +.markdown-body summary h2 { |
|
| 12049 | + padding-bottom: 0; |
|
| 12050 | + border-bottom: 0; |
|
| 12051 | +} |
|
| 12052 | +.markdown-body ul, |
|
| 12053 | +.markdown-body ol { |
|
| 12054 | + padding-left: 2em; |
|
| 12055 | +} |
|
| 12056 | +.markdown-body ul.no-list, |
|
| 12057 | +.markdown-body ol.no-list { |
|
| 12058 | + padding: 0; |
|
| 12059 | + list-style-type: none; |
|
| 12060 | +} |
|
| 12061 | +.markdown-body ol[type="1"] { |
|
| 12062 | + list-style-type: decimal; |
|
| 12063 | +} |
|
| 12064 | +.markdown-body ol[type="a"] { |
|
| 12065 | + list-style-type: lower-alpha; |
|
| 12066 | +} |
|
| 12067 | +.markdown-body ol[type="i"] { |
|
| 12068 | + list-style-type: lower-roman; |
|
| 12069 | +} |
|
| 12070 | +.markdown-body div > ol:not([type]) { |
|
| 12071 | + list-style-type: decimal; |
|
| 12072 | +} |
|
| 12073 | +.markdown-body ul ul, |
|
| 12074 | +.markdown-body ul ol, |
|
| 12075 | +.markdown-body ol ol, |
|
| 12076 | +.markdown-body ol ul { |
|
| 12077 | + margin-top: 0; |
|
| 12078 | + margin-bottom: 0; |
|
| 12079 | +} |
|
| 12080 | +.markdown-body li > p { |
|
| 12081 | + margin-top: 16px; |
|
| 12082 | +} |
|
| 12083 | +.markdown-body li + li { |
|
| 12084 | + margin-top: 0.25em; |
|
| 12085 | +} |
|
| 12086 | +.markdown-body dl { |
|
| 12087 | + padding: 0; |
|
| 12088 | +} |
|
| 12089 | +.markdown-body dl dt { |
|
| 12090 | + padding: 0; |
|
| 12091 | + margin-top: 16px; |
|
| 12092 | + font-size: 1em; |
|
| 12093 | + font-style: italic; |
|
| 12094 | + font-weight: 600; |
|
| 12095 | +} |
|
| 12096 | +.markdown-body dl dd { |
|
| 12097 | + padding: 0 16px; |
|
| 12098 | + margin-bottom: 16px; |
|
| 12099 | +} |
|
| 12100 | +.markdown-body table { |
|
| 12101 | + display: block; |
|
| 12102 | + width: 100%; |
|
| 12103 | + width: max-content; |
|
| 12104 | + max-width: 100%; |
|
| 12105 | + overflow: auto; |
|
| 12106 | +} |
|
| 12107 | +.markdown-body table th { |
|
| 12108 | + font-weight: 600; |
|
| 12109 | +} |
|
| 12110 | +.markdown-body table th, |
|
| 12111 | +.markdown-body table td { |
|
| 12112 | + padding: 6px 13px; |
|
| 12113 | + border: 1px solid var(--color-border-default); |
|
| 12114 | +} |
|
| 12115 | +.markdown-body table tr { |
|
| 12116 | + background-color: var(--color-canvas-default); |
|
| 12117 | + border-top: 1px solid var(--color-border-muted); |
|
| 12118 | +} |
|
| 12119 | +.markdown-body table tr:nth-child(2n) { |
|
| 12120 | + background-color: var(--color-canvas-subtle); |
|
| 12121 | +} |
|
| 12122 | +.markdown-body table img { |
|
| 12123 | + background-color: transparent; |
|
| 12124 | +} |
|
| 12125 | +.markdown-body img { |
|
| 12126 | + max-width: 100%; |
|
| 12127 | + box-sizing: content-box; |
|
| 12128 | + background-color: var(--color-canvas-default); |
|
| 12129 | +} |
|
| 12130 | +.markdown-body img[align="right"] { |
|
| 12131 | + padding-left: 20px; |
|
| 12132 | +} |
|
| 12133 | +.markdown-body img[align="left"] { |
|
| 12134 | + padding-right: 20px; |
|
| 12135 | +} |
|
| 12136 | +.markdown-body .emoji { |
|
| 12137 | + max-width: none; |
|
| 12138 | + vertical-align: text-top; |
|
| 12139 | + background-color: transparent; |
|
| 12140 | +} |
|
| 12141 | +.markdown-body span.frame { |
|
| 12142 | + display: block; |
|
| 12143 | + overflow: hidden; |
|
| 12144 | +} |
|
| 12145 | +.markdown-body span.frame > span { |
|
| 12146 | + display: block; |
|
| 12147 | + float: left; |
|
| 12148 | + width: auto; |
|
| 12149 | + padding: 7px; |
|
| 12150 | + margin: 13px 0 0; |
|
| 12151 | + overflow: hidden; |
|
| 12152 | + border: 1px solid var(--color-border-default); |
|
| 12153 | +} |
|
| 12154 | +.markdown-body span.frame span img { |
|
| 12155 | + display: block; |
|
| 12156 | + float: left; |
|
| 12157 | +} |
|
| 12158 | +.markdown-body span.frame span span { |
|
| 12159 | + display: block; |
|
| 12160 | + padding: 5px 0 0; |
|
| 12161 | + clear: both; |
|
| 12162 | + color: var(--color-fg-default); |
|
| 12163 | +} |
|
| 12164 | +.markdown-body span.align-center { |
|
| 12165 | + display: block; |
|
| 12166 | + overflow: hidden; |
|
| 12167 | + clear: both; |
|
| 12168 | +} |
|
| 12169 | +.markdown-body span.align-center > span { |
|
| 12170 | + display: block; |
|
| 12171 | + margin: 13px auto 0; |
|
| 12172 | + overflow: hidden; |
|
| 12173 | + text-align: center; |
|
| 12174 | +} |
|
| 12175 | +.markdown-body span.align-center span img { |
|
| 12176 | + margin: 0 auto; |
|
| 12177 | + text-align: center; |
|
| 12178 | +} |
|
| 12179 | +.markdown-body span.align-right { |
|
| 12180 | + display: block; |
|
| 12181 | + overflow: hidden; |
|
| 12182 | + clear: both; |
|
| 12183 | +} |
|
| 12184 | +.markdown-body span.align-right > span { |
|
| 12185 | + display: block; |
|
| 12186 | + margin: 13px 0 0; |
|
| 12187 | + overflow: hidden; |
|
| 12188 | + text-align: right; |
|
| 12189 | +} |
|
| 12190 | +.markdown-body span.align-right span img { |
|
| 12191 | + margin: 0; |
|
| 12192 | + text-align: right; |
|
| 12193 | +} |
|
| 12194 | +.markdown-body span.float-left { |
|
| 12195 | + display: block; |
|
| 12196 | + float: left; |
|
| 12197 | + margin-right: 13px; |
|
| 12198 | + overflow: hidden; |
|
| 12199 | +} |
|
| 12200 | +.markdown-body span.float-left span { |
|
| 12201 | + margin: 13px 0 0; |
|
| 12202 | +} |
|
| 12203 | +.markdown-body span.float-right { |
|
| 12204 | + display: block; |
|
| 12205 | + float: right; |
|
| 12206 | + margin-left: 13px; |
|
| 12207 | + overflow: hidden; |
|
| 12208 | +} |
|
| 12209 | +.markdown-body span.float-right > span { |
|
| 12210 | + display: block; |
|
| 12211 | + margin: 13px auto 0; |
|
| 12212 | + overflow: hidden; |
|
| 12213 | + text-align: right; |
|
| 12214 | +} |
|
| 12215 | +.markdown-body code, |
|
| 12216 | +.markdown-body tt { |
|
| 12217 | + padding: 0.2em 0.4em; |
|
| 12218 | + margin: 0; |
|
| 12219 | + font-size: 85%; |
|
| 12220 | + background-color: var(--color-neutral-muted); |
|
| 12221 | + border-radius: 6px; |
|
| 12222 | +} |
|
| 12223 | +.markdown-body code br, |
|
| 12224 | +.markdown-body tt br { |
|
| 12225 | + display: none; |
|
| 12226 | +} |
|
| 12227 | +.markdown-body del code { |
|
| 12228 | + text-decoration: inherit; |
|
| 12229 | +} |
|
| 12230 | +.markdown-body samp { |
|
| 12231 | + font-size: 85%; |
|
| 12232 | +} |
|
| 12233 | +.markdown-body pre { |
|
| 12234 | + word-wrap: normal; |
|
| 12235 | +} |
|
| 12236 | +.markdown-body pre code { |
|
| 12237 | + font-size: 100%; |
|
| 12238 | +} |
|
| 12239 | +.markdown-body pre > code { |
|
| 12240 | + padding: 0; |
|
| 12241 | + margin: 0; |
|
| 12242 | + word-break: normal; |
|
| 12243 | + white-space: pre; |
|
| 12244 | + background: transparent; |
|
| 12245 | + border: 0; |
|
| 12246 | +} |
|
| 12247 | +.markdown-body .highlight { |
|
| 12248 | + margin-bottom: 16px; |
|
| 12249 | +} |
|
| 12250 | +.markdown-body .highlight pre { |
|
| 12251 | + margin-bottom: 0; |
|
| 12252 | + word-break: normal; |
|
| 12253 | +} |
|
| 12254 | +.markdown-body .highlight pre, |
|
| 12255 | +.markdown-body pre { |
|
| 12256 | + padding: 16px; |
|
| 12257 | + overflow: auto; |
|
| 12258 | + font-size: 85%; |
|
| 12259 | + line-height: 1.45; |
|
| 12260 | + background-color: var(--color-canvas-subtle); |
|
| 12261 | + border-radius: 6px; |
|
| 12262 | +} |
|
| 12263 | +.markdown-body pre code, |
|
| 12264 | +.markdown-body pre tt { |
|
| 12265 | + display: inline; |
|
| 12266 | + max-width: auto; |
|
| 12267 | + padding: 0; |
|
| 12268 | + margin: 0; |
|
| 12269 | + overflow: visible; |
|
| 12270 | + line-height: inherit; |
|
| 12271 | + word-wrap: normal; |
|
| 12272 | + background-color: transparent; |
|
| 12273 | + border: 0; |
|
| 12274 | +} |
|
| 12275 | +.markdown-body .csv-data td, |
|
| 12276 | +.markdown-body .csv-data th { |
|
| 12277 | + padding: 5px; |
|
| 12278 | + overflow: hidden; |
|
| 12279 | + font-size: 12px; |
|
| 12280 | + line-height: 1; |
|
| 12281 | + text-align: left; |
|
| 12282 | + white-space: nowrap; |
|
| 12283 | +} |
|
| 12284 | +.markdown-body .csv-data .blob-num { |
|
| 12285 | + padding: 10px 8px 9px; |
|
| 12286 | + text-align: right; |
|
| 12287 | + background: var(--color-canvas-default); |
|
| 12288 | + border: 0; |
|
| 12289 | +} |
|
| 12290 | +.markdown-body .csv-data tr { |
|
| 12291 | + border-top: 0; |
|
| 12292 | +} |
|
| 12293 | +.markdown-body .csv-data th { |
|
| 12294 | + font-weight: 600; |
|
| 12295 | + background: var(--color-canvas-subtle); |
|
| 12296 | + border-top: 0; |
|
| 12297 | +} |
|
| 12298 | +.markdown-body [data-footnote-ref]::before { |
|
| 12299 | + content: "["; |
|
| 12300 | +} |
|
| 12301 | +.markdown-body [data-footnote-ref]::after { |
|
| 12302 | + content: "]"; |
|
| 12303 | +} |
|
| 12304 | +.markdown-body .footnotes { |
|
| 12305 | + font-size: 12px; |
|
| 12306 | + color: var(--color-fg-muted); |
|
| 12307 | + border-top: 1px solid var(--color-border-default); |
|
| 12308 | +} |
|
| 12309 | +.markdown-body .footnotes ol { |
|
| 12310 | + padding-left: 16px; |
|
| 12311 | +} |
|
| 12312 | +.markdown-body .footnotes li { |
|
| 12313 | + position: relative; |
|
| 12314 | +} |
|
| 12315 | +.markdown-body .footnotes li:target::before { |
|
| 12316 | + position: absolute; |
|
| 12317 | + top: -8px; |
|
| 12318 | + right: -8px; |
|
| 12319 | + bottom: -8px; |
|
| 12320 | + left: -24px; |
|
| 12321 | + pointer-events: none; |
|
| 12322 | + content: ""; |
|
| 12323 | + border: 2px solid var(--color-accent-emphasis); |
|
| 12324 | + border-radius: 6px; |
|
| 12325 | +} |
|
| 12326 | +.markdown-body .footnotes li:target { |
|
| 12327 | + color: var(--color-fg-default); |
|
| 12328 | +} |
|
| 12329 | +.markdown-body .footnotes .data-footnote-backref g-emoji { |
|
| 12330 | + font-family: monospace; |
|
| 12331 | +} |
|
| 12332 | +.Popover { |
|
| 12333 | + position: absolute; |
|
| 12334 | + z-index: 100; |
|
| 12335 | +} |
|
| 12336 | +.Popover-message { |
|
| 12337 | + position: relative; |
|
| 12338 | + width: 232px; |
|
| 12339 | + margin-right: auto; |
|
| 12340 | + margin-left: auto; |
|
| 12341 | + background-color: var(--color-canvas-overlay); |
|
| 12342 | + border: 1px solid var(--color-border-default); |
|
| 12343 | + border-radius: 6px; |
|
| 12344 | +} |
|
| 12345 | +.Popover-message::before, |
|
| 12346 | +.Popover-message::after { |
|
| 12347 | + position: absolute; |
|
| 12348 | + left: 50%; |
|
| 12349 | + display: inline-block; |
|
| 12350 | + content: ""; |
|
| 12351 | +} |
|
| 12352 | +.Popover-message::before { |
|
| 12353 | + top: -16px; |
|
| 12354 | + margin-left: -9px; |
|
| 12355 | + border: 8px solid transparent; |
|
| 12356 | + border-bottom-color: var(--color-border-default); |
|
| 12357 | +} |
|
| 12358 | +.Popover-message::after { |
|
| 12359 | + top: -14px; |
|
| 12360 | + margin-left: -8px; |
|
| 12361 | + border: 7px solid transparent; |
|
| 12362 | + border-bottom-color: var(--color-canvas-overlay); |
|
| 12363 | +} |
|
| 12364 | +.Popover-message--no-caret::before, |
|
| 12365 | +.Popover-message--no-caret::after { |
|
| 12366 | + display: none; |
|
| 12367 | +} |
|
| 12368 | +.Popover-message--bottom::before, |
|
| 12369 | +.Popover-message--bottom::after, |
|
| 12370 | +.Popover-message--bottom-right::before, |
|
| 12371 | +.Popover-message--bottom-right::after, |
|
| 12372 | +.Popover-message--bottom-left::before, |
|
| 12373 | +.Popover-message--bottom-left::after { |
|
| 12374 | + top: auto; |
|
| 12375 | + border-bottom-color: transparent; |
|
| 12376 | +} |
|
| 12377 | +.Popover-message--bottom::before, |
|
| 12378 | +.Popover-message--bottom-right::before, |
|
| 12379 | +.Popover-message--bottom-left::before { |
|
| 12380 | + bottom: -16px; |
|
| 12381 | + border-top-color: var(--color-border-default); |
|
| 12382 | +} |
|
| 12383 | +.Popover-message--bottom::after, |
|
| 12384 | +.Popover-message--bottom-right::after, |
|
| 12385 | +.Popover-message--bottom-left::after { |
|
| 12386 | + bottom: -14px; |
|
| 12387 | + border-top-color: var(--color-canvas-overlay); |
|
| 12388 | +} |
|
| 12389 | +.Popover-message--top-right, |
|
| 12390 | +.Popover-message--bottom-right { |
|
| 12391 | + right: -9px; |
|
| 12392 | + margin-right: 0; |
|
| 12393 | +} |
|
| 12394 | +.Popover-message--top-right::before, |
|
| 12395 | +.Popover-message--top-right::after, |
|
| 12396 | +.Popover-message--bottom-right::before, |
|
| 12397 | +.Popover-message--bottom-right::after { |
|
| 12398 | + left: auto; |
|
| 12399 | + margin-left: 0; |
|
| 12400 | +} |
|
| 12401 | +.Popover-message--top-right::before, |
|
| 12402 | +.Popover-message--bottom-right::before { |
|
| 12403 | + right: 20px; |
|
| 12404 | +} |
|
| 12405 | +.Popover-message--top-right::after, |
|
| 12406 | +.Popover-message--bottom-right::after { |
|
| 12407 | + right: 21px; |
|
| 12408 | +} |
|
| 12409 | +.Popover-message--top-left, |
|
| 12410 | +.Popover-message--bottom-left { |
|
| 12411 | + left: -9px; |
|
| 12412 | + margin-left: 0; |
|
| 12413 | +} |
|
| 12414 | +.Popover-message--top-left::before, |
|
| 12415 | +.Popover-message--top-left::after, |
|
| 12416 | +.Popover-message--bottom-left::before, |
|
| 12417 | +.Popover-message--bottom-left::after { |
|
| 12418 | + left: 24px; |
|
| 12419 | + margin-left: 0; |
|
| 12420 | +} |
|
| 12421 | +.Popover-message--top-left::after, |
|
| 12422 | +.Popover-message--bottom-left::after { |
|
| 12423 | + left: 25px; |
|
| 12424 | +} |
|
| 12425 | +.Popover-message--right::before, |
|
| 12426 | +.Popover-message--right::after, |
|
| 12427 | +.Popover-message--right-top::before, |
|
| 12428 | +.Popover-message--right-top::after, |
|
| 12429 | +.Popover-message--right-bottom::before, |
|
| 12430 | +.Popover-message--right-bottom::after, |
|
| 12431 | +.Popover-message--left::before, |
|
| 12432 | +.Popover-message--left::after, |
|
| 12433 | +.Popover-message--left-top::before, |
|
| 12434 | +.Popover-message--left-top::after, |
|
| 12435 | +.Popover-message--left-bottom::before, |
|
| 12436 | +.Popover-message--left-bottom::after { |
|
| 12437 | + top: 50%; |
|
| 12438 | + left: auto; |
|
| 12439 | + margin-left: 0; |
|
| 12440 | + border-bottom-color: transparent; |
|
| 12441 | +} |
|
| 12442 | +.Popover-message--right::before, |
|
| 12443 | +.Popover-message--right-top::before, |
|
| 12444 | +.Popover-message--right-bottom::before, |
|
| 12445 | +.Popover-message--left::before, |
|
| 12446 | +.Popover-message--left-top::before, |
|
| 12447 | +.Popover-message--left-bottom::before { |
|
| 12448 | + margin-top: -9px; |
|
| 12449 | +} |
|
| 12450 | +.Popover-message--right::after, |
|
| 12451 | +.Popover-message--right-top::after, |
|
| 12452 | +.Popover-message--right-bottom::after, |
|
| 12453 | +.Popover-message--left::after, |
|
| 12454 | +.Popover-message--left-top::after, |
|
| 12455 | +.Popover-message--left-bottom::after { |
|
| 12456 | + margin-top: -8px; |
|
| 12457 | +} |
|
| 12458 | +.Popover-message--right::before, |
|
| 12459 | +.Popover-message--right-top::before, |
|
| 12460 | +.Popover-message--right-bottom::before { |
|
| 12461 | + right: -16px; |
|
| 12462 | + border-left-color: var(--color-border-default); |
|
| 12463 | +} |
|
| 12464 | +.Popover-message--right::after, |
|
| 12465 | +.Popover-message--right-top::after, |
|
| 12466 | +.Popover-message--right-bottom::after { |
|
| 12467 | + right: -14px; |
|
| 12468 | + border-left-color: var(--color-canvas-overlay); |
|
| 12469 | +} |
|
| 12470 | +.Popover-message--left::before, |
|
| 12471 | +.Popover-message--left-top::before, |
|
| 12472 | +.Popover-message--left-bottom::before { |
|
| 12473 | + left: -16px; |
|
| 12474 | + border-right-color: var(--color-border-default); |
|
| 12475 | +} |
|
| 12476 | +.Popover-message--left::after, |
|
| 12477 | +.Popover-message--left-top::after, |
|
| 12478 | +.Popover-message--left-bottom::after { |
|
| 12479 | + left: -14px; |
|
| 12480 | + border-right-color: var(--color-canvas-overlay); |
|
| 12481 | +} |
|
| 12482 | +.Popover-message--right-top::before, |
|
| 12483 | +.Popover-message--right-top::after, |
|
| 12484 | +.Popover-message--left-top::before, |
|
| 12485 | +.Popover-message--left-top::after { |
|
| 12486 | + top: 24px; |
|
| 12487 | +} |
|
| 12488 | +.Popover-message--right-bottom::before, |
|
| 12489 | +.Popover-message--right-bottom::after, |
|
| 12490 | +.Popover-message--left-bottom::before, |
|
| 12491 | +.Popover-message--left-bottom::after { |
|
| 12492 | + top: auto; |
|
| 12493 | +} |
|
| 12494 | +.Popover-message--right-bottom::before, |
|
| 12495 | +.Popover-message--left-bottom::before { |
|
| 12496 | + bottom: 16px; |
|
| 12497 | +} |
|
| 12498 | +.Popover-message--right-bottom::after, |
|
| 12499 | +.Popover-message--left-bottom::after { |
|
| 12500 | + bottom: 17px; |
|
| 12501 | +} |
|
| 12502 | +@media (min-width: 544px) { |
|
| 12503 | + .Popover-message--large { |
|
| 12504 | + min-width: 320px; |
|
| 12505 | + } |
|
| 12506 | +} |
|
| 12507 | +@media (max-width: 767.98px) { |
|
| 12508 | + .Popover { |
|
| 12509 | + position: fixed; |
|
| 12510 | + top: auto !important; |
|
| 12511 | + right: 0 !important; |
|
| 12512 | + bottom: 0 !important; |
|
| 12513 | + left: 0 !important; |
|
| 12514 | + } |
|
| 12515 | + .Popover-message { |
|
| 12516 | + top: auto; |
|
| 12517 | + right: auto; |
|
| 12518 | + bottom: auto; |
|
| 12519 | + left: auto; |
|
| 12520 | + width: auto !important; |
|
| 12521 | + margin: 8px; |
|
| 12522 | + } |
|
| 12523 | + .Popover-message > .btn-octicon { |
|
| 12524 | + padding: 12px !important; |
|
| 12525 | + } |
|
| 12526 | + .Popover-message::after, |
|
| 12527 | + .Popover-message::before { |
|
| 12528 | + display: none; |
|
| 12529 | + } |
|
| 12530 | +} |
|
| 12531 | +.Progress { |
|
| 12532 | + display: flex; |
|
| 12533 | + height: 8px; |
|
| 12534 | + overflow: hidden; |
|
| 12535 | + background-color: var(--color-neutral-muted); |
|
| 12536 | + border-radius: 6px; |
|
| 12537 | + outline: 1px solid transparent; |
|
| 12538 | +} |
|
| 12539 | +.Progress--large { |
|
| 12540 | + height: 10px; |
|
| 12541 | +} |
|
| 12542 | +.Progress--small { |
|
| 12543 | + height: 5px; |
|
| 12544 | +} |
|
| 12545 | +.Progress-item { |
|
| 12546 | + outline: 2px solid transparent; |
|
| 12547 | +} |
|
| 12548 | +.Progress-item + .Progress-item { |
|
| 12549 | + margin-left: 2px; |
|
| 12550 | +} |
|
| 12551 | +.SelectMenu { |
|
| 12552 | + position: fixed; |
|
| 12553 | + top: 0; |
|
| 12554 | + right: 0; |
|
| 12555 | + bottom: 0; |
|
| 12556 | + left: 0; |
|
| 12557 | + z-index: 99; |
|
| 12558 | + display: flex; |
|
| 12559 | + padding: 16px; |
|
| 12560 | + pointer-events: none; |
|
| 12561 | + flex-direction: column; |
|
| 12562 | +} |
|
| 12563 | +@media (min-width: 544px) { |
|
| 12564 | + .SelectMenu { |
|
| 12565 | + position: absolute; |
|
| 12566 | + top: auto; |
|
| 12567 | + right: auto; |
|
| 12568 | + bottom: auto; |
|
| 12569 | + left: auto; |
|
| 12570 | + padding: 0; |
|
| 12571 | + } |
|
| 12572 | +} |
|
| 12573 | +.SelectMenu::before { |
|
| 12574 | + position: absolute; |
|
| 12575 | + top: 0; |
|
| 12576 | + right: 0; |
|
| 12577 | + bottom: 0; |
|
| 12578 | + left: 0; |
|
| 12579 | + pointer-events: none; |
|
| 12580 | + content: ""; |
|
| 12581 | + background-color: var(--color-primer-canvas-backdrop); |
|
| 12582 | +} |
|
| 12583 | +@media (min-width: 544px) { |
|
| 12584 | + .SelectMenu::before { |
|
| 12585 | + display: none; |
|
| 12586 | + } |
|
| 12587 | +} |
|
| 12588 | +.SelectMenu-modal { |
|
| 12589 | + position: relative; |
|
| 12590 | + z-index: 99; |
|
| 12591 | + display: flex; |
|
| 12592 | + max-height: 66%; |
|
| 12593 | + margin: auto 0; |
|
| 12594 | + overflow: hidden; |
|
| 12595 | + pointer-events: auto; |
|
| 12596 | + flex-direction: column; |
|
| 12597 | + background-color: var(--color-canvas-overlay); |
|
| 12598 | + border: 1px solid var(--color-select-menu-backdrop-border); |
|
| 12599 | + border-radius: 12px; |
|
| 12600 | + box-shadow: var(--color-shadow-large); |
|
| 12601 | + animation: SelectMenu-modal-animation 0.12s cubic-bezier(0, 0.1, 0.1, 1) |
|
| 12602 | + backwards; |
|
| 12603 | +} |
|
| 12604 | +@keyframes SelectMenu-modal-animation { |
|
| 12605 | + 0% { |
|
| 12606 | + opacity: 0; |
|
| 12607 | + transform: scale(0.9); |
|
| 12608 | + } |
|
| 12609 | +} |
|
| 12610 | +@keyframes SelectMenu-modal-animation--sm { |
|
| 12611 | + 0% { |
|
| 12612 | + opacity: 0; |
|
| 12613 | + transform: translateY(-16px); |
|
| 12614 | + } |
|
| 12615 | +} |
|
| 12616 | +@media (min-width: 544px) { |
|
| 12617 | + .SelectMenu-modal { |
|
| 12618 | + width: 300px; |
|
| 12619 | + height: auto; |
|
| 12620 | + max-height: 480px; |
|
| 12621 | + margin: 8px 0 16px 0; |
|
| 12622 | + font-size: 12px; |
|
| 12623 | + border-color: var(--color-border-default); |
|
| 12624 | + border-radius: 6px; |
|
| 12625 | + box-shadow: var(--color-shadow-large); |
|
| 12626 | + animation-name: SelectMenu-modal-animation--sm; |
|
| 12627 | + } |
|
| 12628 | +} |
|
| 12629 | +.SelectMenu-header { |
|
| 12630 | + display: flex; |
|
| 12631 | + padding: 16px; |
|
| 12632 | + flex: none; |
|
| 12633 | + align-items: center; |
|
| 12634 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 12635 | +} |
|
| 12636 | +@media (min-width: 544px) { |
|
| 12637 | + .SelectMenu-header { |
|
| 12638 | + padding: 7px 7px 7px 16px; |
|
| 12639 | + } |
|
| 12640 | +} |
|
| 12641 | +.SelectMenu-title { |
|
| 12642 | + flex: 1; |
|
| 12643 | + font-size: 14px; |
|
| 12644 | + font-weight: 600; |
|
| 12645 | +} |
|
| 12646 | +@media (min-width: 544px) { |
|
| 12647 | + .SelectMenu-title { |
|
| 12648 | + font-size: inherit; |
|
| 12649 | + } |
|
| 12650 | +} |
|
| 12651 | +.SelectMenu-closeButton { |
|
| 12652 | + padding: 16px; |
|
| 12653 | + margin: -16px; |
|
| 12654 | + line-height: 1; |
|
| 12655 | + color: var(--color-fg-muted); |
|
| 12656 | + background-color: transparent; |
|
| 12657 | + border: 0; |
|
| 12658 | +} |
|
| 12659 | +@media (min-width: 544px) { |
|
| 12660 | + .SelectMenu-closeButton { |
|
| 12661 | + padding: 8px; |
|
| 12662 | + margin: -8px -7px; |
|
| 12663 | + } |
|
| 12664 | +} |
|
| 12665 | +.SelectMenu-filter { |
|
| 12666 | + padding: 16px; |
|
| 12667 | + margin: 0; |
|
| 12668 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 12669 | +} |
|
| 12670 | +@media (min-width: 544px) { |
|
| 12671 | + .SelectMenu-filter { |
|
| 12672 | + padding: 8px; |
|
| 12673 | + } |
|
| 12674 | +} |
|
| 12675 | +.SelectMenu-input { |
|
| 12676 | + display: block; |
|
| 12677 | + width: 100%; |
|
| 12678 | +} |
|
| 12679 | +@media (min-width: 544px) { |
|
| 12680 | + .SelectMenu-input { |
|
| 12681 | + font-size: 14px; |
|
| 12682 | + } |
|
| 12683 | +} |
|
| 12684 | +.SelectMenu-list { |
|
| 12685 | + position: relative; |
|
| 12686 | + padding: 0; |
|
| 12687 | + margin: 0; |
|
| 12688 | + margin-bottom: -1px; |
|
| 12689 | + flex: auto; |
|
| 12690 | + overflow-x: hidden; |
|
| 12691 | + overflow-y: auto; |
|
| 12692 | + background-color: var(--color-canvas-overlay); |
|
| 12693 | + -webkit-overflow-scrolling: touch; |
|
| 12694 | +} |
|
| 12695 | +.SelectMenu-item { |
|
| 12696 | + display: flex; |
|
| 12697 | + align-items: center; |
|
| 12698 | + width: 100%; |
|
| 12699 | + padding: 16px; |
|
| 12700 | + overflow: hidden; |
|
| 12701 | + color: var(--color-fg-default); |
|
| 12702 | + text-align: left; |
|
| 12703 | + cursor: pointer; |
|
| 12704 | + background-color: var(--color-canvas-overlay); |
|
| 12705 | + border: 0; |
|
| 12706 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 12707 | +} |
|
| 12708 | +@media (min-width: 544px) { |
|
| 12709 | + .SelectMenu-item { |
|
| 12710 | + padding-top: 7px; |
|
| 12711 | + padding-bottom: 7px; |
|
| 12712 | + } |
|
| 12713 | +} |
|
| 12714 | +.SelectMenu-list--borderless .SelectMenu-item { |
|
| 12715 | + border-bottom: 0; |
|
| 12716 | +} |
|
| 12717 | +.SelectMenu-icon { |
|
| 12718 | + width: 16px; |
|
| 12719 | + margin-right: 8px; |
|
| 12720 | + flex-shrink: 0; |
|
| 12721 | +} |
|
| 12722 | +.SelectMenu-icon--check { |
|
| 12723 | + visibility: hidden; |
|
| 12724 | + transition: transform 0.12s cubic-bezier(0.5, 0.1, 1, 0.5), |
|
| 12725 | + visibility 0s 0.12s linear; |
|
| 12726 | + transform: scale(0); |
|
| 12727 | +} |
|
| 12728 | +.SelectMenu-tabs { |
|
| 12729 | + display: flex; |
|
| 12730 | + flex-shrink: 0; |
|
| 12731 | + overflow-x: auto; |
|
| 12732 | + overflow-y: hidden; |
|
| 12733 | + box-shadow: inset 0 -1px 0 var(--color-border-muted); |
|
| 12734 | + -webkit-overflow-scrolling: touch; |
|
| 12735 | +} |
|
| 12736 | +.SelectMenu-tabs::-webkit-scrollbar { |
|
| 12737 | + display: none; |
|
| 12738 | +} |
|
| 12739 | +@media (min-width: 544px) { |
|
| 12740 | + .SelectMenu-tabs { |
|
| 12741 | + padding: 8px 8px 0 8px; |
|
| 12742 | + } |
|
| 12743 | +} |
|
| 12744 | +.SelectMenu-tab { |
|
| 12745 | + flex: 1; |
|
| 12746 | + padding: 8px 16px; |
|
| 12747 | + font-size: 12px; |
|
| 12748 | + font-weight: 500; |
|
| 12749 | + color: var(--color-fg-muted); |
|
| 12750 | + text-align: center; |
|
| 12751 | + background-color: transparent; |
|
| 12752 | + border: 0; |
|
| 12753 | + box-shadow: inset 0 -1px 0 var(--color-border-muted); |
|
| 12754 | +} |
|
| 12755 | +@media (min-width: 544px) { |
|
| 12756 | + .SelectMenu-tab { |
|
| 12757 | + flex: none; |
|
| 12758 | + padding: 4px 16px; |
|
| 12759 | + border: 1px solid transparent; |
|
| 12760 | + border-bottom-width: 0; |
|
| 12761 | + border-top-left-radius: 6px; |
|
| 12762 | + border-top-right-radius: 6px; |
|
| 12763 | + } |
|
| 12764 | +} |
|
| 12765 | +.SelectMenu-tab[aria-selected="true"] { |
|
| 12766 | + z-index: 1; |
|
| 12767 | + color: var(--color-fg-default); |
|
| 12768 | + cursor: default; |
|
| 12769 | + background-color: var(--color-canvas-overlay); |
|
| 12770 | + box-shadow: 0 0 0 1px var(--color-border-muted); |
|
| 12771 | +} |
|
| 12772 | +@media (min-width: 544px) { |
|
| 12773 | + .SelectMenu-tab[aria-selected="true"] { |
|
| 12774 | + border-color: var(--color-border-muted); |
|
| 12775 | + box-shadow: none; |
|
| 12776 | + } |
|
| 12777 | +} |
|
| 12778 | +.SelectMenu-message { |
|
| 12779 | + padding: 7px 16px; |
|
| 12780 | + text-align: center; |
|
| 12781 | + background-color: var(--color-canvas-overlay); |
|
| 12782 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 12783 | +} |
|
| 12784 | +.SelectMenu-blankslate, |
|
| 12785 | +.SelectMenu-loading { |
|
| 12786 | + padding: 24px 16px; |
|
| 12787 | + text-align: center; |
|
| 12788 | + background-color: var(--color-canvas-overlay); |
|
| 12789 | +} |
|
| 12790 | +.SelectMenu-divider { |
|
| 12791 | + padding: 4px 16px; |
|
| 12792 | + margin: 0; |
|
| 12793 | + font-size: 12px; |
|
| 12794 | + font-weight: 500; |
|
| 12795 | + color: var(--color-fg-muted); |
|
| 12796 | + background-color: var(--color-canvas-subtle); |
|
| 12797 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 12798 | +} |
|
| 12799 | +.SelectMenu-list--borderless .SelectMenu-divider { |
|
| 12800 | + border-top: 1px solid var(--color-border-muted); |
|
| 12801 | +} |
|
| 12802 | +.SelectMenu-list--borderless .SelectMenu-divider:empty { |
|
| 12803 | + padding: 0; |
|
| 12804 | + border-top: 0; |
|
| 12805 | +} |
|
| 12806 | +.SelectMenu-footer { |
|
| 12807 | + z-index: 0; |
|
| 12808 | + padding: 8px 16px; |
|
| 12809 | + font-size: 12px; |
|
| 12810 | + color: var(--color-fg-muted); |
|
| 12811 | + text-align: center; |
|
| 12812 | + border-top: 1px solid var(--color-border-muted); |
|
| 12813 | +} |
|
| 12814 | +@media (min-width: 544px) { |
|
| 12815 | + .SelectMenu-footer { |
|
| 12816 | + padding: 7px 16px; |
|
| 12817 | + } |
|
| 12818 | +} |
|
| 12819 | +.SelectMenu--hasFilter .SelectMenu-modal { |
|
| 12820 | + height: 80%; |
|
| 12821 | + max-height: none; |
|
| 12822 | + margin-top: 0; |
|
| 12823 | +} |
|
| 12824 | +@media (min-width: 544px) { |
|
| 12825 | + .SelectMenu--hasFilter .SelectMenu-modal { |
|
| 12826 | + height: auto; |
|
| 12827 | + max-height: 480px; |
|
| 12828 | + margin-top: 8px; |
|
| 12829 | + } |
|
| 12830 | +} |
|
| 12831 | +.SelectMenu-closeButton:focus, |
|
| 12832 | +.SelectMenu-tab:focus, |
|
| 12833 | +.SelectMenu-item:focus { |
|
| 12834 | + outline: 0; |
|
| 12835 | +} |
|
| 12836 | +.SelectMenu-item:hover { |
|
| 12837 | + text-decoration: none; |
|
| 12838 | +} |
|
| 12839 | +.SelectMenu-item[aria-checked="true"] { |
|
| 12840 | + font-weight: 500; |
|
| 12841 | + color: var(--color-fg-default); |
|
| 12842 | +} |
|
| 12843 | +.SelectMenu-item[aria-checked="true"] .SelectMenu-icon--check { |
|
| 12844 | + visibility: visible; |
|
| 12845 | + transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), visibility 0s linear; |
|
| 12846 | + transform: scale(1); |
|
| 12847 | +} |
|
| 12848 | +.SelectMenu-item:disabled, |
|
| 12849 | +.SelectMenu-item[aria-disabled="true"] { |
|
| 12850 | + color: var(--color-primer-fg-disabled); |
|
| 12851 | + pointer-events: none; |
|
| 12852 | +} |
|
| 12853 | +@media (hover: hover) { |
|
| 12854 | + body:not(.intent-mouse) .SelectMenu-closeButton:focus, |
|
| 12855 | + .SelectMenu-closeButton:hover { |
|
| 12856 | + color: var(--color-fg-default); |
|
| 12857 | + } |
|
| 12858 | + .SelectMenu-closeButton:active { |
|
| 12859 | + color: var(--color-fg-muted); |
|
| 12860 | + } |
|
| 12861 | + body:not(.intent-mouse) .SelectMenu-item:focus, |
|
| 12862 | + .SelectMenu-item:hover { |
|
| 12863 | + background-color: var(--color-neutral-subtle); |
|
| 12864 | + } |
|
| 12865 | + .SelectMenu-item:active { |
|
| 12866 | + background-color: var(--color-canvas-subtle); |
|
| 12867 | + } |
|
| 12868 | + body:not(.intent-mouse) .SelectMenu-tab:focus { |
|
| 12869 | + background-color: var(--color-select-menu-tap-focus-bg); |
|
| 12870 | + } |
|
| 12871 | + .SelectMenu-tab:hover { |
|
| 12872 | + color: var(--color-fg-default); |
|
| 12873 | + } |
|
| 12874 | + .SelectMenu-tab:not([aria-selected="true"]):active { |
|
| 12875 | + color: var(--color-fg-default); |
|
| 12876 | + background-color: var(--color-canvas-subtle); |
|
| 12877 | + } |
|
| 12878 | +} |
|
| 12879 | +@media (hover: none) { |
|
| 12880 | + .SelectMenu-item:focus, |
|
| 12881 | + .SelectMenu-item:active { |
|
| 12882 | + background-color: var(--color-canvas-subtle); |
|
| 12883 | + } |
|
| 12884 | + .SelectMenu-item { |
|
| 12885 | + -webkit-tap-highlight-color: var(--color-select-menu-tap-highlight); |
|
| 12886 | + } |
|
| 12887 | +} |
|
| 12888 | +.Subhead { |
|
| 12889 | + display: flex; |
|
| 12890 | + padding-bottom: 8px; |
|
| 12891 | + margin-bottom: 16px; |
|
| 12892 | + border-bottom: 1px solid var(--color-border-muted); |
|
| 12893 | + flex-flow: row wrap; |
|
| 12894 | + justify-content: flex-end; |
|
| 12895 | +} |
|
| 12896 | +.Subhead--spacious { |
|
| 12897 | + margin-top: 40px; |
|
| 12898 | +} |
|
| 12899 | +.Subhead-heading { |
|
| 12900 | + font-size: 24px; |
|
| 12901 | + font-weight: 400; |
|
| 12902 | + flex: 1 1 auto; |
|
| 12903 | + order: 0; |
|
| 12904 | +} |
|
| 12905 | +.Subhead-heading--danger { |
|
| 12906 | + font-weight: 600; |
|
| 12907 | + color: var(--color-danger-fg); |
|
| 12908 | +} |
|
| 12909 | +.Subhead-description { |
|
| 12910 | + font-size: 14px; |
|
| 12911 | + color: var(--color-fg-muted); |
|
| 12912 | + flex: 1 100%; |
|
| 12913 | + order: 2; |
|
| 12914 | +} |
|
| 12915 | +.Subhead-actions { |
|
| 12916 | + margin: 4px 0 4px 4px; |
|
| 12917 | + align-self: center; |
|
| 12918 | + justify-content: flex-end; |
|
| 12919 | + order: 1; |
|
| 12920 | +} |
|
| 12921 | +.Subhead-actions + .Subhead-description { |
|
| 12922 | + margin-top: 4px; |
|
| 12923 | +} |
|
| 12924 | +.TimelineItem { |
|
| 12925 | + position: relative; |
|
| 12926 | + display: flex; |
|
| 12927 | + padding: 16px 0; |
|
| 12928 | + margin-left: 16px; |
|
| 12929 | +} |
|
| 12930 | +.TimelineItem::before { |
|
| 12931 | + position: absolute; |
|
| 12932 | + top: 0; |
|
| 12933 | + bottom: 0; |
|
| 12934 | + left: 0; |
|
| 12935 | + display: block; |
|
| 12936 | + width: 2px; |
|
| 12937 | + content: ""; |
|
| 12938 | + background-color: var(--color-border-muted); |
|
| 12939 | +} |
|
| 12940 | +.TimelineItem:target .TimelineItem-badge { |
|
| 12941 | + border-color: var(--color-accent-emphasis); |
|
| 12942 | + box-shadow: 0 0 0.2em var(--color-accent-muted); |
|
| 12943 | +} |
|
| 12944 | +.TimelineItem-badge { |
|
| 12945 | + position: relative; |
|
| 12946 | + z-index: 1; |
|
| 12947 | + display: flex; |
|
| 12948 | + width: 32px; |
|
| 12949 | + height: 32px; |
|
| 12950 | + margin-right: 8px; |
|
| 12951 | + margin-left: -15px; |
|
| 12952 | + color: var(--color-fg-muted); |
|
| 12953 | + align-items: center; |
|
| 12954 | + background-color: var(--color-timeline-badge-bg); |
|
| 12955 | + border: 2px solid var(--color-canvas-default); |
|
| 12956 | + border-radius: 50%; |
|
| 12957 | + justify-content: center; |
|
| 12958 | + flex-shrink: 0; |
|
| 12959 | +} |
|
| 12960 | +.TimelineItem-badge--success { |
|
| 12961 | + color: var(--color-fg-on-emphasis); |
|
| 12962 | + background-color: var(--color-success-emphasis); |
|
| 12963 | + border: 1px solid transparent; |
|
| 12964 | +} |
|
| 12965 | +.TimelineItem-body { |
|
| 12966 | + min-width: 0; |
|
| 12967 | + max-width: 100%; |
|
| 12968 | + margin-top: 4px; |
|
| 12969 | + color: var(--color-fg-muted); |
|
| 12970 | + flex: auto; |
|
| 12971 | +} |
|
| 12972 | +.TimelineItem-avatar { |
|
| 12973 | + position: absolute; |
|
| 12974 | + left: -72px; |
|
| 12975 | + z-index: 1; |
|
| 12976 | +} |
|
| 12977 | +.TimelineItem-break { |
|
| 12978 | + position: relative; |
|
| 12979 | + z-index: 1; |
|
| 12980 | + height: 24px; |
|
| 12981 | + margin: 0; |
|
| 12982 | + margin-bottom: -16px; |
|
| 12983 | + margin-left: -56px; |
|
| 12984 | + background-color: var(--color-canvas-default); |
|
| 12985 | + border: 0; |
|
| 12986 | + border-top: 4px solid var(--color-border-default); |
|
| 12987 | +} |
|
| 12988 | +.TimelineItem--condensed { |
|
| 12989 | + padding-top: 4px; |
|
| 12990 | + padding-bottom: 0; |
|
| 12991 | +} |
|
| 12992 | +.TimelineItem--condensed:last-child { |
|
| 12993 | + padding-bottom: 16px; |
|
| 12994 | +} |
|
| 12995 | +.TimelineItem--condensed .TimelineItem-badge { |
|
| 12996 | + height: 16px; |
|
| 12997 | + margin-top: 8px; |
|
| 12998 | + margin-bottom: 8px; |
|
| 12999 | + color: var(--color-fg-muted); |
|
| 13000 | + background-color: var(--color-canvas-default); |
|
| 13001 | + border: 0; |
|
| 13002 | +} |
|
| 13003 | +.Toast { |
|
| 13004 | + display: flex; |
|
| 13005 | + margin: 8px; |
|
| 13006 | + color: var(--color-fg-default); |
|
| 13007 | + background-color: var(--color-canvas-default); |
|
| 13008 | + border-radius: 6px; |
|
| 13009 | + box-shadow: inset 0 0 0 1px var(--color-border-default), |
|
| 13010 | + var(--color-shadow-large); |
|
| 13011 | +} |
|
| 13012 | +@media (min-width: 544px) { |
|
| 13013 | + .Toast { |
|
| 13014 | + width: max-content; |
|
| 13015 | + max-width: 450px; |
|
| 13016 | + margin: 16px; |
|
| 13017 | + } |
|
| 13018 | +} |
|
| 13019 | +.Toast-icon { |
|
| 13020 | + display: flex; |
|
| 13021 | + align-items: center; |
|
| 13022 | + justify-content: center; |
|
| 13023 | + width: 48px; |
|
| 13024 | + flex-shrink: 0; |
|
| 13025 | + color: var(--color-fg-on-emphasis); |
|
| 13026 | + background-color: var(--color-accent-emphasis); |
|
| 13027 | + border: 1px solid transparent; |
|
| 13028 | + border-right: 0; |
|
| 13029 | + border-top-left-radius: inherit; |
|
| 13030 | + border-bottom-left-radius: inherit; |
|
| 13031 | +} |
|
| 13032 | +.Toast-content { |
|
| 13033 | + padding: 16px; |
|
| 13034 | +} |
|
| 13035 | +.Toast-dismissButton { |
|
| 13036 | + max-height: 54px; |
|
| 13037 | + padding: 16px; |
|
| 13038 | + color: inherit; |
|
| 13039 | + background-color: transparent; |
|
| 13040 | + border: 0; |
|
| 13041 | +} |
|
| 13042 | +.Toast-dismissButton:hover { |
|
| 13043 | + opacity: 0.7; |
|
| 13044 | +} |
|
| 13045 | +.Toast-dismissButton:active { |
|
| 13046 | + opacity: 0.5; |
|
| 13047 | +} |
|
| 13048 | +.Toast--loading { |
|
| 13049 | + color: var(--color-fg-default); |
|
| 13050 | + box-shadow: inset 0 0 0 1px var(--color-border-default), |
|
| 13051 | + var(--color-shadow-large); |
|
| 13052 | +} |
|
| 13053 | +.Toast--loading .Toast-icon { |
|
| 13054 | + background-color: var(--color-neutral-emphasis); |
|
| 13055 | +} |
|
| 13056 | +.Toast--error { |
|
| 13057 | + color: var(--color-fg-default); |
|
| 13058 | + box-shadow: inset 0 0 0 1px var(--color-border-default), |
|
| 13059 | + var(--color-shadow-large); |
|
| 13060 | +} |
|
| 13061 | +.Toast--error .Toast-icon { |
|
| 13062 | + background-color: var(--color-danger-emphasis); |
|
| 13063 | +} |
|
| 13064 | +.Toast--warning { |
|
| 13065 | + color: var(--color-fg-default); |
|
| 13066 | + box-shadow: inset 0 0 0 1px var(--color-border-default), |
|
| 13067 | + var(--color-shadow-large); |
|
| 13068 | +} |
|
| 13069 | +.Toast--warning .Toast-icon { |
|
| 13070 | + background-color: var(--color-attention-emphasis); |
|
| 13071 | +} |
|
| 13072 | +.Toast--success { |
|
| 13073 | + color: var(--color-fg-default); |
|
| 13074 | + box-shadow: inset 0 0 0 1px var(--color-border-default), |
|
| 13075 | + var(--color-shadow-large); |
|
| 13076 | +} |
|
| 13077 | +.Toast--success .Toast-icon { |
|
| 13078 | + background-color: var(--color-success-emphasis); |
|
| 13079 | +} |
|
| 13080 | +.Toast--animateIn { |
|
| 13081 | + animation: Toast--animateIn 0.18s cubic-bezier(0.22, 0.61, 0.36, 1) backwards; |
|
| 13082 | +} |
|
| 13083 | +@keyframes Toast--animateIn { |
|
| 13084 | + 0% { |
|
| 13085 | + opacity: 0; |
|
| 13086 | + transform: translateY(100%); |
|
| 13087 | + } |
|
| 13088 | +} |
|
| 13089 | +.Toast--animateOut { |
|
| 13090 | + animation: Toast--animateOut 0.18s cubic-bezier(0.55, 0.06, 0.68, 0.19) |
|
| 13091 | + forwards; |
|
| 13092 | +} |
|
| 13093 | +@keyframes Toast--animateOut { |
|
| 13094 | + 100% { |
|
| 13095 | + pointer-events: none; |
|
| 13096 | + opacity: 0; |
|
| 13097 | + transform: translateY(100%); |
|
| 13098 | + } |
|
| 13099 | +} |
|
| 13100 | +.Toast--spinner { |
|
| 13101 | + animation: Toast--spinner 1000ms linear infinite; |
|
| 13102 | +} |
|
| 13103 | +@keyframes Toast--spinner { |
|
| 13104 | + from { |
|
| 13105 | + transform: rotate(0deg); |
|
| 13106 | + } |
|
| 13107 | + to { |
|
| 13108 | + transform: rotate(360deg); |
|
| 13109 | + } |
|
| 13110 | +} |
|
| 13111 | + |
|
| 13112 | +/*# sourceMappingURL=primer-ca8d9a719e93.css.map*/ |