npm - @clayui/css - Versions diffs - 3.100.0 → 3.102.0 - Mend

@clayui/css 3.100.0 → 3.102.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/lib/css/atlas.css +246 -204
package/lib/css/atlas.css.map +1 -1
package/lib/css/base.css +147 -124
package/lib/css/base.css.map +1 -1
package/lib/css/cadmin.css +399 -194
package/lib/css/cadmin.css.map +1 -1
package/lib/images/icons/icons.svg +1 -1
package/package.json +2 -2
package/src/scss/_license-text.scss +1 -1
package/src/scss/atlas/variables/_custom-forms.scss +1 -2
package/src/scss/atlas/variables/_globals.scss +9 -1
package/src/scss/cadmin/components/_modals.scss +11 -3
package/src/scss/cadmin/variables/_custom-forms.scss +1 -3
package/src/scss/cadmin/variables/_globals.scss +9 -0
package/src/scss/cadmin/variables/_modals.scss +4 -1
package/src/scss/cadmin/variables/_slideout.scss +1 -0
package/src/scss/components/_modals.scss +4 -0
package/src/scss/mixins/_buttons.scss +95 -56
package/src/scss/mixins/_cards.scss +45 -17
package/src/scss/mixins/_close.scss +33 -3
package/src/scss/mixins/_custom-forms.scss +123 -73
package/src/scss/mixins/_dropdown-menu.scss +41 -15
package/src/scss/mixins/_forms.scss +166 -76
package/src/scss/mixins/_links.scss +106 -59
package/src/scss/mixins/_modals.scss +35 -4
package/src/scss/mixins/_sidebar.scss +37 -7
package/src/scss/mixins/_slideout.scss +32 -2
package/src/scss/mixins/_toggle-switch.scss +114 -36
package/src/scss/variables/_globals.scss +8 -0
package/src/scss/variables/_modals.scss +4 -1

package/lib/css/atlas.css CHANGED Viewed

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /**
- * Clay 3.100.0
+ * Clay 3.102.0
  *
  * SPDX-FileCopyrightText: © 2020 Liferay, Inc. <https://liferay.com>
  * SPDX-FileCopyrightText: © 2020 Contributors to the project Clay <https://github.com/liferay/clay/graphs/contributors>
@@ -1197,7 +1197,7 @@ button.collapse-icon .c-inner {
   color: #272833;
   text-decoration: none;
 }
-.btn:focus, .btn.focus {
+.btn.focus, .btn:focus-visible, .c-prefers-focus .btn:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -1205,7 +1205,7 @@ button.collapse-icon .c-inner {
   cursor: not-allowed;
   opacity: 0.4;
 }
-.btn:disabled:focus, .btn.disabled:focus {
+.btn:disabled:focus-visible, .c-prefers-focus .btn:disabled:focus, .btn.disabled:focus-visible, .c-prefers-focus .btn.disabled:focus {
   box-shadow: none;
 }
 .btn:disabled:active, .btn.disabled:active {
@@ -1408,7 +1408,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-primary:focus, .btn-primary.focus {
+.btn-primary.focus, .btn-primary:focus-visible, .c-prefers-focus .btn-primary:focus {
   background-color: #0053f0;
   border-color: #004ad7;
   color: #fff;
@@ -1443,7 +1443,7 @@ input[type=button].btn-block {
   border-color: #88889a;
   color: #272833;
 }
-.btn-secondary:focus, .btn-secondary.focus {
+.btn-secondary.focus, .btn-secondary:focus-visible, .c-prefers-focus .btn-secondary:focus {
   background-color: #f7f8f9;
   border-color: #88889a;
   color: #272833;
@@ -1478,7 +1478,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-success:focus, .btn-success.focus {
+.btn-success.focus, .btn-success:focus-visible, .c-prefers-focus .btn-success:focus {
   background-color: #226a33;
   border-color: transparent;
   color: #fff;
@@ -1513,7 +1513,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-info:focus, .btn-info.focus {
+.btn-info.focus, .btn-info:focus-visible, .c-prefers-focus .btn-info:focus {
   background-color: #294f98;
   border-color: transparent;
   color: #fff;
@@ -1548,7 +1548,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-warning:focus, .btn-warning.focus {
+.btn-warning.focus, .btn-warning:focus-visible, .c-prefers-focus .btn-warning:focus {
   background-color: #9f4500;
   border-color: transparent;
   color: #fff;
@@ -1583,7 +1583,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-danger:focus, .btn-danger.focus {
+.btn-danger.focus, .btn-danger:focus-visible, .c-prefers-focus .btn-danger:focus {
   background-color: #c31212;
   border-color: transparent;
   color: #fff;
@@ -1618,7 +1618,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
-.btn-light:focus, .btn-light.focus {
+.btn-light.focus, .btn-light:focus-visible, .c-prefers-focus .btn-light:focus {
   background-color: #e2e4ea;
   border-color: transparent;
   color: #272833;
@@ -1653,7 +1653,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #fff;
 }
-.btn-dark:focus, .btn-dark.focus {
+.btn-dark.focus, .btn-dark:focus-visible, .c-prefers-focus .btn-dark:focus {
   background-color: #1c1c24;
   border-color: transparent;
   color: #fff;
@@ -1689,11 +1689,11 @@ input[type=button].btn-block {
   color: #004ad7;
   text-decoration: underline;
 }
-.btn-link:focus, .btn-link.focus {
+.btn-link.focus, .btn-link:focus-visible, .c-prefers-focus .btn-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   text-decoration: none;
 }
-.btn-link:active:focus {
+.btn-link:active:focus-visible, .c-prefers-focus .btn-link:active:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .btn-link:disabled, .btn-link.disabled {
@@ -1710,7 +1710,7 @@ input[type=button].btn-block {
   background-color: rgba(41, 79, 152, 0.06);
   color: #294f98;
 }
-.btn-beta:focus, .focus.btn-beta {
+.focus.btn-beta, .btn-beta:focus-visible, .c-prefers-focus .btn-beta:focus {
   background-color: rgba(41, 79, 152, 0.06);
   color: #294f98;
 }
@@ -1724,7 +1724,7 @@ input[type=button].btn-block {
   background-color: rgba(238, 242, 250, 0.06);
   color: #89a7e0;
 }
-.btn-beta-dark:focus, .focus.btn-beta-dark {
+.focus.btn-beta-dark, .btn-beta-dark:focus-visible, .c-prefers-focus .btn-beta-dark:focus {
   background-color: rgba(238, 242, 250, 0.06);
   color: #89a7e0;
 }
@@ -1737,7 +1737,7 @@ input[type=button].btn-block {
   border-color: #0b5fff;
   color: #0b5fff;
 }
-.btn-outline-primary:focus, .btn-outline-primary.focus {
+.btn-outline-primary.focus, .btn-outline-primary:focus-visible, .c-prefers-focus .btn-outline-primary:focus {
   background-color: #f0f5ff;
   color: #0b5fff;
 }
@@ -1768,7 +1768,7 @@ input[type=button].btn-block {
   border-color: transparent;
   color: #272833;
 }
-.btn-outline-secondary:focus, .btn-outline-secondary.focus {
+.btn-outline-secondary.focus, .btn-outline-secondary:focus-visible, .c-prefers-focus .btn-outline-secondary:focus {
   background-color: rgba(39, 40, 51, 0.03);
   border-color: transparent;
   color: #272833;
@@ -1802,7 +1802,7 @@ input[type=button].btn-block {
   border-color: #287d3c;
   color: #fff;
 }
-.btn-outline-success:focus, .btn-outline-success.focus {
+.btn-outline-success.focus, .btn-outline-success:focus-visible, .c-prefers-focus .btn-outline-success:focus {
   background-color: #226a33;
   color: #fff;
 }
@@ -1834,7 +1834,7 @@ input[type=button].btn-block {
   border-color: #2e5aac;
   color: #fff;
 }
-.btn-outline-info:focus, .btn-outline-info.focus {
+.btn-outline-info.focus, .btn-outline-info:focus-visible, .c-prefers-focus .btn-outline-info:focus {
   background-color: #294f98;
   color: #fff;
 }
@@ -1866,7 +1866,7 @@ input[type=button].btn-block {
   border-color: #b95000;
   color: #fff;
 }
-.btn-outline-warning:focus, .btn-outline-warning.focus {
+.btn-outline-warning.focus, .btn-outline-warning:focus-visible, .c-prefers-focus .btn-outline-warning:focus {
   background-color: #9f4500;
   color: #fff;
 }
@@ -1898,7 +1898,7 @@ input[type=button].btn-block {
   border-color: #da1414;
   color: #fff;
 }
-.btn-outline-danger:focus, .btn-outline-danger.focus {
+.btn-outline-danger.focus, .btn-outline-danger:focus-visible, .c-prefers-focus .btn-outline-danger:focus {
   background-color: #c31212;
   color: #fff;
 }
@@ -1930,7 +1930,7 @@ input[type=button].btn-block {
   border-color: #f1f2f5;
   color: #272833;
 }
-.btn-outline-light:focus, .btn-outline-light.focus {
+.btn-outline-light.focus, .btn-outline-light:focus-visible, .c-prefers-focus .btn-outline-light:focus {
   background-color: #e2e4ea;
   color: #272833;
 }
@@ -1962,7 +1962,7 @@ input[type=button].btn-block {
   border-color: #272833;
   color: #fff;
 }
-.btn-outline-dark:focus, .btn-outline-dark.focus {
+.btn-outline-dark.focus, .btn-outline-dark:focus-visible, .c-prefers-focus .btn-outline-dark:focus {
   background-color: #1c1c24;
   color: #fff;
 }
@@ -1991,7 +1991,7 @@ input[type=button].btn-block {
 .btn-outline-borderless:hover {
   border-color: transparent;
 }
-.btn-outline-borderless:focus, .btn-outline-borderless.focus {
+.btn-outline-borderless.focus, .btn-outline-borderless:focus-visible, .c-prefers-focus .btn-outline-borderless:focus {
   border-color: transparent;
 }
 .btn-outline-borderless:disabled, .btn-outline-borderless.disabled {
@@ -3412,9 +3412,10 @@ input[type=button].btn-block {
 .alert-link.btn-unstyled.hover {
   text-decoration: none;
 }
-.alert-link.focus, .alert-link:focus,
+.alert-link.focus, .alert-link:focus-visible, .c-prefers-focus .alert-link:focus,
 .alert-link.btn-unstyled.focus,
-.alert-link.btn-unstyled:focus {
+.alert-link.btn-unstyled:focus-visible,
+.c-prefers-focus .alert-link.btn-unstyled:focus {
   text-decoration: none;
 }
 .alert-indicator {
@@ -4067,7 +4068,7 @@ input[type=button].btn-block {
 .badge[href]:hover, .badge[href].hover, .badge[type]:hover, .badge[type].hover {
   text-decoration: none;
 }
-.badge[href].focus, .badge[href]:focus, .badge[type].focus, .badge[type]:focus {
+.badge[href].focus, .badge[href]:focus-visible, .c-prefers-focus .badge[href]:focus, .badge[type].focus, .badge[type]:focus-visible, .c-prefers-focus .badge[type]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -4078,7 +4079,7 @@ input[type=button].btn-block {
 .badge a:hover, .badge a.hover {
   text-decoration: none;
 }
-.badge a.focus, .badge a:focus {
+.badge a.focus, .badge a:focus-visible, .c-prefers-focus .badge a:focus {
   text-decoration: none;
 }
 .badge > .c-inner {
@@ -4147,9 +4148,10 @@ input[type=button].btn-block {
   color: inherit;
   opacity: 1;
 }
-.badge-item .close:focus {
+.badge-item .close.focus, .badge-item .close:focus-visible, .c-prefers-focus .badge-item .close:focus {
   opacity: 1;
 }
 .badge-item .lexicon-icon {
   height: 0.875em;
   margin-top: 0;
@@ -4193,7 +4195,7 @@ input[type=button].btn-block {
   background-color: #0b5fff;
   color: #fff;
 }
-[href].focus.badge-primary, [href].badge-primary:focus, [type].focus.badge-primary, [type].badge-primary:focus {
+[href].focus.badge-primary, [href].badge-primary:focus-visible, .c-prefers-focus [href].badge-primary:focus, [type].focus.badge-primary, [type].badge-primary:focus-visible, .c-prefers-focus [type].badge-primary:focus {
   background-color: #0b5fff;
   box-shadow: 0 0 0 0.2rem rgba(11, 95, 255, 0.5);
   color: #fff;
@@ -4206,7 +4208,7 @@ input[type=button].btn-block {
   background-color: #e7e7ed;
   color: #272833;
 }
-[href].focus.badge-secondary, [href].badge-secondary:focus, [type].focus.badge-secondary, [type].badge-secondary:focus {
+[href].focus.badge-secondary, [href].badge-secondary:focus-visible, .c-prefers-focus [href].badge-secondary:focus, [type].focus.badge-secondary, [type].badge-secondary:focus-visible, .c-prefers-focus [type].badge-secondary:focus {
   background-color: #e7e7ed;
   color: #272833;
   box-shadow: 0 0 0 0.2rem rgba(231, 231, 237, 0.5);
@@ -4222,7 +4224,7 @@ input[type=button].btn-block {
   background-color: #287d3c;
   color: #fff;
 }
-[href].focus.badge-success, [href].badge-success:focus, [type].focus.badge-success, [type].badge-success:focus {
+[href].focus.badge-success, [href].badge-success:focus-visible, .c-prefers-focus [href].badge-success:focus, [type].focus.badge-success, [type].badge-success:focus-visible, .c-prefers-focus [type].badge-success:focus {
   background-color: #287d3c;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(40, 125, 60, 0.5);
@@ -4235,7 +4237,7 @@ input[type=button].btn-block {
   background-color: #2e5aac;
   color: #fff;
 }
-[href].focus.badge-info, [href].badge-info:focus, [type].focus.badge-info, [type].badge-info:focus {
+[href].focus.badge-info, [href].badge-info:focus-visible, .c-prefers-focus [href].badge-info:focus, [type].focus.badge-info, [type].badge-info:focus-visible, .c-prefers-focus [type].badge-info:focus {
   background-color: #2e5aac;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(46, 90, 172, 0.5);
@@ -4248,7 +4250,7 @@ input[type=button].btn-block {
   background-color: #b95000;
   color: #fff;
 }
-[href].focus.badge-warning, [href].badge-warning:focus, [type].focus.badge-warning, [type].badge-warning:focus {
+[href].focus.badge-warning, [href].badge-warning:focus-visible, .c-prefers-focus [href].badge-warning:focus, [type].focus.badge-warning, [type].badge-warning:focus-visible, .c-prefers-focus [type].badge-warning:focus {
   background-color: #b95000;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(185, 80, 0, 0.5);
@@ -4261,7 +4263,7 @@ input[type=button].btn-block {
   background-color: #da1414;
   color: #fff;
 }
-[href].focus.badge-danger, [href].badge-danger:focus, [type].focus.badge-danger, [type].badge-danger:focus {
+[href].focus.badge-danger, [href].badge-danger:focus-visible, .c-prefers-focus [href].badge-danger:focus, [type].focus.badge-danger, [type].badge-danger:focus-visible, .c-prefers-focus [type].badge-danger:focus {
   background-color: #da1414;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(218, 20, 20, 0.5);
@@ -4274,7 +4276,7 @@ input[type=button].btn-block {
   background-color: #f1f2f5;
   color: #272833;
 }
-[href].focus.badge-light, [href].badge-light:focus, [type].focus.badge-light, [type].badge-light:focus {
+[href].focus.badge-light, [href].badge-light:focus-visible, .c-prefers-focus [href].badge-light:focus, [type].focus.badge-light, [type].badge-light:focus-visible, .c-prefers-focus [type].badge-light:focus {
   background-color: #f1f2f5;
   color: #272833;
   box-shadow: 0 0 0 0.2rem rgba(241, 242, 245, 0.5);
@@ -4290,7 +4292,7 @@ input[type=button].btn-block {
   background-color: #272833;
   color: #fff;
 }
-[href].focus.badge-dark, [href].badge-dark:focus, [type].focus.badge-dark, [type].badge-dark:focus {
+[href].focus.badge-dark, [href].badge-dark:focus-visible, .c-prefers-focus [href].badge-dark:focus, [type].focus.badge-dark, [type].badge-dark:focus-visible, .c-prefers-focus [type].badge-dark:focus {
   background-color: #272833;
   color: #fff;
   box-shadow: 0 0 0 0.2rem rgba(39, 40, 51, 0.5);
@@ -4336,7 +4338,7 @@ input[type=button].btn-block {
   color: #6b6c7e;
   text-decoration: underline;
 }
-.breadcrumb-link.focus, .breadcrumb-link:focus {
+.breadcrumb-link.focus, .breadcrumb-link:focus-visible, .c-prefers-focus .breadcrumb-link:focus {
   color: #6b6c7e;
   text-decoration: underline;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
@@ -4386,7 +4388,7 @@ input[type=button].btn-block {
 .breadcrumb-item .dropdown-toggle:hover {
   text-decoration: none;
 }
-.breadcrumb-item .dropdown-toggle:focus, .breadcrumb-item .dropdown-toggle.focus {
+.breadcrumb-item .dropdown-toggle.focus, .breadcrumb-item .dropdown-toggle:focus-visible, .c-prefers-focus .breadcrumb-item .dropdown-toggle:focus {
   text-decoration: none;
 }
 .breadcrumb-text-truncate {
@@ -4643,7 +4645,7 @@ input[type=button].btn-block {
 .label[href]:hover, .label[href].hover, .label[type]:hover, .label[type].hover, .label[tabindex]:hover, .label[tabindex].hover {
   text-decoration: underline;
 }
-.label[href].focus, .label[href]:focus, .label[type].focus, .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus {
+.label[href].focus, .label[href]:focus-visible, .c-prefers-focus .label[href]:focus, .label[type].focus, .label[type]:focus-visible, .c-prefers-focus .label[type]:focus, .label[tabindex].focus, .label[tabindex]:focus-visible, .c-prefers-focus .label[tabindex]:focus {
   text-decoration: underline;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
@@ -4659,9 +4661,10 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: underline;
 }
-.label a.focus, .label a:focus,
+.label a.focus, .label a:focus-visible, .c-prefers-focus .label a:focus,
 .label .btn-unstyled.focus,
-.label .btn-unstyled:focus {
+.label .btn-unstyled:focus-visible,
+.c-prefers-focus .label .btn-unstyled:focus {
   color: inherit;
   text-decoration: underline;
 }
@@ -4739,9 +4742,10 @@ input[type=button].btn-block {
   color: inherit;
   opacity: 1;
 }
-.label-item .close:focus {
+.label-item .close.focus, .label-item .close:focus-visible, .c-prefers-focus .label-item .close:focus {
   opacity: 1;
 }
 .label-item .close:disabled, .label-item .close.disabled {
   opacity: 0.4;
   color: inherit;
@@ -4814,7 +4818,7 @@ input[type=button].btn-block {
   border-color: #80acff;
   color: #004ad7;
 }
-[href].focus.label-primary, [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus {
+[href].focus.label-primary, [href].label-primary:focus-visible, .c-prefers-focus [href].label-primary:focus, [type].focus.label-primary, [type].label-primary:focus-visible, .c-prefers-focus [type].label-primary:focus, [tabindex].focus.label-primary, [tabindex].label-primary:focus-visible, .c-prefers-focus [tabindex].label-primary:focus {
   color: #004ad7;
 }
 .label-primary a:hover, .label-primary a.hover,
@@ -4825,9 +4829,10 @@ input[type=button].btn-block {
 .label-primary .close:hover {
   color: #004ad7;
 }
-.label-primary .close:focus {
+.label-primary .close.focus, .label-primary .close:focus-visible, .c-prefers-focus .label-primary .close:focus {
   color: #004ad7;
 }
 .label-secondary {
   background-color: #fff;
   border-color: #cdced9;
@@ -4837,7 +4842,7 @@ input[type=button].btn-block {
   border-color: #cdced9;
   color: #272833;
 }
-[href].focus.label-secondary, [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus {
+[href].focus.label-secondary, [href].label-secondary:focus-visible, .c-prefers-focus [href].label-secondary:focus, [type].focus.label-secondary, [type].label-secondary:focus-visible, .c-prefers-focus [type].label-secondary:focus, [tabindex].focus.label-secondary, [tabindex].label-secondary:focus-visible, .c-prefers-focus [tabindex].label-secondary:focus {
   color: #272833;
 }
 .label-secondary a:hover, .label-secondary a.hover,
@@ -4848,9 +4853,10 @@ input[type=button].btn-block {
 .label-secondary .close:hover {
   color: #272833;
 }
-.label-secondary .close:focus {
+.label-secondary .close.focus, .label-secondary .close:focus-visible, .c-prefers-focus .label-secondary .close:focus {
   color: #272833;
 }
 .label-success {
   background-color: #fff;
   border-color: #5aca75;
@@ -4860,7 +4866,7 @@ input[type=button].btn-block {
   border-color: #5aca75;
   color: #1c5629;
 }
-[href].focus.label-success, [href].label-success:focus, [type].focus.label-success, [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus {
+[href].focus.label-success, [href].label-success:focus-visible, .c-prefers-focus [href].label-success:focus, [type].focus.label-success, [type].label-success:focus-visible, .c-prefers-focus [type].label-success:focus, [tabindex].focus.label-success, [tabindex].label-success:focus-visible, .c-prefers-focus [tabindex].label-success:focus {
   color: #1c5629;
 }
 .label-success a:hover, .label-success a.hover,
@@ -4871,9 +4877,10 @@ input[type=button].btn-block {
 .label-success .close:hover {
   color: #1c5629;
 }
-.label-success .close:focus {
+.label-success .close.focus, .label-success .close:focus-visible, .c-prefers-focus .label-success .close:focus {
   color: #1c5629;
 }
 .label-info {
   background-color: #fff;
   border-color: #89a7e0;
@@ -4883,7 +4890,7 @@ input[type=button].btn-block {
   border-color: #89a7e0;
   color: #234584;
 }
-[href].focus.label-info, [href].label-info:focus, [type].focus.label-info, [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus {
+[href].focus.label-info, [href].label-info:focus-visible, .c-prefers-focus [href].label-info:focus, [type].focus.label-info, [type].label-info:focus-visible, .c-prefers-focus [type].label-info:focus, [tabindex].focus.label-info, [tabindex].label-info:focus-visible, .c-prefers-focus [tabindex].label-info:focus {
   color: #234584;
 }
 .label-info a:hover, .label-info a.hover,
@@ -4894,9 +4901,10 @@ input[type=button].btn-block {
 .label-info .close:hover {
   color: #234584;
 }
-.label-info .close:focus {
+.label-info .close.focus, .label-info .close:focus-visible, .c-prefers-focus .label-info .close:focus {
   color: #234584;
 }
 .label-warning {
   background-color: #fff;
   border-color: #ff8f39;
@@ -4906,7 +4914,7 @@ input[type=button].btn-block {
   border-color: #ff8f39;
   color: #863a00;
 }
-[href].focus.label-warning, [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus {
+[href].focus.label-warning, [href].label-warning:focus-visible, .c-prefers-focus [href].label-warning:focus, [type].focus.label-warning, [type].label-warning:focus-visible, .c-prefers-focus [type].label-warning:focus, [tabindex].focus.label-warning, [tabindex].label-warning:focus-visible, .c-prefers-focus [tabindex].label-warning:focus {
   color: #863a00;
 }
 .label-warning a:hover, .label-warning a.hover,
@@ -4917,9 +4925,10 @@ input[type=button].btn-block {
 .label-warning .close:hover {
   color: #863a00;
 }
-.label-warning .close:focus {
+.label-warning .close.focus, .label-warning .close:focus-visible, .c-prefers-focus .label-warning .close:focus {
   color: #863a00;
 }
 .label-danger {
   background-color: #fff;
   border-color: #f48989;
@@ -4929,7 +4938,7 @@ input[type=button].btn-block {
   border-color: #f48989;
   color: #ab1010;
 }
-[href].focus.label-danger, [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus {
+[href].focus.label-danger, [href].label-danger:focus-visible, .c-prefers-focus [href].label-danger:focus, [type].focus.label-danger, [type].label-danger:focus-visible, .c-prefers-focus [type].label-danger:focus, [tabindex].focus.label-danger, [tabindex].label-danger:focus-visible, .c-prefers-focus [tabindex].label-danger:focus {
   color: #ab1010;
 }
 .label-danger a:hover, .label-danger a.hover,
@@ -4940,9 +4949,10 @@ input[type=button].btn-block {
 .label-danger .close:hover {
   color: #ab1010;
 }
-.label-danger .close:focus {
+.label-danger .close.focus, .label-danger .close:focus-visible, .c-prefers-focus .label-danger .close:focus {
   color: #ab1010;
 }
 .label-dark {
   background-color: #fff;
   border-color: #272833;
@@ -4952,7 +4962,7 @@ input[type=button].btn-block {
   border-color: #272833;
   color: #393a4a;
 }
-[href].focus.label-dark, [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus {
+[href].focus.label-dark, [href].label-dark:focus-visible, .c-prefers-focus [href].label-dark:focus, [type].focus.label-dark, [type].label-dark:focus-visible, .c-prefers-focus [type].label-dark:focus, [tabindex].focus.label-dark, [tabindex].label-dark:focus-visible, .c-prefers-focus [tabindex].label-dark:focus {
   color: #393a4a;
 }
 .label-dark a:hover, .label-dark a.hover,
@@ -4963,9 +4973,10 @@ input[type=button].btn-block {
 .label-dark .close:hover {
   color: #393a4a;
 }
-.label-dark .close:focus {
+.label-dark .close.focus, .label-dark .close:focus-visible, .c-prefers-focus .label-dark .close:focus {
   color: #393a4a;
 }
 .label-light {
   background-color: #272833;
   border-color: #f1f2f5;
@@ -4975,7 +4986,7 @@ input[type=button].btn-block {
   border-color: #f1f2f5;
   color: #d3d6e0;
 }
-[href].focus.label-light, [href].label-light:focus, [type].focus.label-light, [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus {
+[href].focus.label-light, [href].label-light:focus-visible, .c-prefers-focus [href].label-light:focus, [type].focus.label-light, [type].label-light:focus-visible, .c-prefers-focus [type].label-light:focus, [tabindex].focus.label-light, [tabindex].label-light:focus-visible, .c-prefers-focus [tabindex].label-light:focus {
   color: #d3d6e0;
 }
 .label-light a:hover, .label-light a.hover,
@@ -4986,9 +4997,10 @@ input[type=button].btn-block {
 .label-light .close:hover {
   color: #d3d6e0;
 }
-.label-light .close:focus {
+.label-light .close.focus, .label-light .close:focus-visible, .c-prefers-focus .label-light .close:focus {
   color: #d3d6e0;
 }
 .label-inverse-primary {
   background-color: #0b5fff;
   border-color: #0b5fff;
@@ -6152,7 +6164,7 @@ input[type=button].btn-block {
   background-color: #f7f8f9;
   text-decoration: none;
 }
-.card-interactive:focus, .card-interactive.focus {
+.card-interactive.focus, .card-interactive:focus-visible, .c-prefers-focus .card-interactive:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .card-interactive:active, .card-interactive.active {
@@ -6193,7 +6205,7 @@ input[type=button].btn-block {
   cursor: pointer;
 }
-.card-interactive-primary:focus, .card-interactive-primary.focus {
+.card-interactive-primary.focus, .card-interactive-primary:focus-visible, .c-prefers-focus .card-interactive-primary:focus {
   background-color: #f7f8f9;
 }
 .card-interactive-primary:active, .card-interactive-primary.active {
@@ -6217,7 +6229,7 @@ input[type=button].btn-block {
   box-shadow: 0 0 0 2px #528eff;
   color: #272833;
 }
-.card-interactive-secondary:focus, .card-interactive-secondary.focus {
+.card-interactive-secondary.focus, .card-interactive-secondary:focus-visible, .c-prefers-focus .card-interactive-secondary:focus {
   border-color: transparent;
   box-shadow: 0 0 0 2px #528eff;
 }
@@ -6449,7 +6461,7 @@ input[type=button].btn-block {
   color: #272833;
   text-decoration: none;
 }
-.dropdown-item:focus, .dropdown-item.focus {
+.dropdown-item.focus, .dropdown-item:focus-visible, .c-prefers-focus .dropdown-item:focus {
   background-color: #f0f5ff;
   color: #272833;
   text-decoration: none;
@@ -6481,9 +6493,10 @@ input[type=button].btn-block {
 .dropdown-item.active .c-kbd-inline {
   color: #272833;
 }
-.dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
+.dropdown-item.btn:not([disabled]):not(.disabled):active:focus-visible, .c-prefers-focus .dropdown-item.btn:not([disabled]):not(.disabled):active:focus, .dropdown-item.btn:not([disabled]):not(.disabled).active:focus-visible, .c-prefers-focus .dropdown-item.btn:not([disabled]):not(.disabled).active:focus {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .dropdown-item:disabled, .dropdown-item.disabled {
   background-color: transparent;
   color: #a7a9bc;
@@ -6700,7 +6713,7 @@ input[type=button].btn-block {
   background-image: none;
   color: #272833;
 }
-.dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll.focus {
+.dropdown-menu-select.dropdown-menu .dropdown-item-scroll.focus, .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus-visible, .c-prefers-focus .dropdown-menu-select.dropdown-menu .dropdown-item-scroll:focus {
   background-color: #f0f5ff;
   background-image: none;
   color: #272833;
@@ -6951,7 +6964,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
-.dropdown-item-indicator-text-start.focus, .dropdown-item-indicator-text-start:focus {
+.dropdown-item-indicator-text-start.focus, .dropdown-item-indicator-text-start:focus-visible, .c-prefers-focus .dropdown-item-indicator-text-start:focus {
   color: inherit;
   text-decoration: inherit;
 }
@@ -7006,7 +7019,7 @@ input[type=button].btn-block {
   color: inherit;
   text-decoration: inherit;
 }
-.dropdown-item-indicator-text-end.focus, .dropdown-item-indicator-text-end:focus {
+.dropdown-item-indicator-text-end.focus, .dropdown-item-indicator-text-end:focus-visible, .c-prefers-focus .dropdown-item-indicator-text-end:focus {
   color: inherit;
   text-decoration: inherit;
 }
@@ -7487,7 +7500,7 @@ fieldset[disabled] label .form-control {
   color: #6b6c7e;
   opacity: 1;
 }
-.form-control:focus, .form-control.focus {
+.form-control.focus, .form-control:focus-visible, .c-prefers-focus .form-control:focus {
   background-color: #f0f5ff;
   border-color: #80acff;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
@@ -7687,7 +7700,7 @@ div.form-control-sm {
   padding: 0;
   width: 50px;
 }
-.form-control-inset:focus, .form-control-inset.focus {
+.form-control-inset.focus, .form-control-inset:focus-visible, .c-prefers-focus .form-control-inset:focus {
   outline: 0;
 }
 .form-control-inset:disabled, .form-control-inset.disabled {
@@ -7712,7 +7725,7 @@ select.form-control {
   padding-right: 2em;
   color: #272833;
 }
-select.form-control:focus, select.form-control.focus {
+select.form-control.focus, select.form-control:focus-visible, .c-prefers-focus select.form-control:focus {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%236b6c7e'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%236b6c7e'/%3E%3C/svg%3E");
 }
 select.form-control:disabled, select.form-control.disabled {
@@ -7764,13 +7777,14 @@ select.form-control[size] {
   scrollbar-width: thin;
   color: #272833;
 }
-select.form-control[size]:focus, select.form-control[size].focus {
+select.form-control[size].focus, select.form-control[size]:focus-visible, .c-prefers-focus select.form-control[size]:focus {
   background-image: none;
 }
-select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
+select.form-control[size].focus > option:checked, select.form-control[size]:focus-visible > option:checked, .c-prefers-focus select.form-control[size]:focus > option:checked {
   background-image: linear-gradient(#ffb528, #ffb528);
   filter: invert(1);
 }
 select.form-control[size] option {
   padding: 0.4375rem 0.5rem;
 }
@@ -7781,7 +7795,7 @@ select.form-control[size] option:checked {
   background-image: linear-gradient(#d3d6e0, #d3d6e0);
 }
 @-moz-document url-prefix() {
-  select.form-control[size]:focus > option:checked, select.form-control[size].focus > option:checked {
+  select.form-control[size].focus > option:checked, select.form-control[size]:focus-visible > option:checked, .c-prefers-focus select.form-control[size]:focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
     filter: invert(0);
   }
@@ -7796,13 +7810,14 @@ select.form-control[multiple] {
   scrollbar-width: thin;
   color: #272833;
 }
-select.form-control[multiple]:focus, select.form-control[multiple].focus {
+select.form-control[multiple].focus, select.form-control[multiple]:focus-visible, .c-prefers-focus select.form-control[multiple]:focus {
   background-image: none;
 }
-select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
+select.form-control[multiple].focus > option:checked, select.form-control[multiple]:focus-visible > option:checked, .c-prefers-focus select.form-control[multiple]:focus > option:checked {
   background-image: linear-gradient(#ffb528, #ffb528);
   filter: invert(1);
 }
 select.form-control[multiple] option {
   padding: 0.4375rem 0.5rem;
 }
@@ -7813,7 +7828,7 @@ select.form-control[multiple] option:checked {
   background-image: linear-gradient(#d3d6e0, #d3d6e0);
 }
 @-moz-document url-prefix() {
-  select.form-control[multiple]:focus > option:checked, select.form-control[multiple].focus > option:checked {
+  select.form-control[multiple].focus > option:checked, select.form-control[multiple]:focus-visible > option:checked, .c-prefers-focus select.form-control[multiple]:focus > option:checked {
     background-image: linear-gradient(#004ad7, #004ad7);
     filter: invert(0);
   }
@@ -7826,7 +7841,7 @@ select.form-control[multiple] option:checked {
 .form-control-select-secondary:hover, .form-control-select-secondary.hover {
   color: #6b6c7e;
 }
-.form-control-select-secondary:focus, .form-control-select-secondary.focus {
+.form-control-select-secondary.focus, .form-control-select-secondary:focus-visible, .c-prefers-focus .form-control-select-secondary:focus {
   background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-top'%20d='m347.913%20199.336-81.538-85c-5.413-5.642-14.188-5.642-19.6%200l-81.538%2085c-8.731%209.101-2.548%2024.664%209.8%2024.664h163.077c12.348%200%2018.531-15.563%209.8-24.664z'%20fill='%23272833'/%3E%3Cpath%20class='lexicon-icon-outline%20caret-double-l-bottom'%20d='m165.236%20312.664%2081.538%2085c5.412%205.642%2014.188%205.642%2019.6%200l81.538-85c8.731-9.101%202.548-24.664-9.8-24.664H175.035c-12.347%200-18.531%2015.563-9.8%2024.664z'%20fill='%23272833'/%3E%3C/svg%3E");
   color: #272833;
 }
@@ -7948,7 +7963,7 @@ textarea.form-control-plaintext,
   border-color: #e7e7ed;
   opacity: 1;
 }
-.form-control[readonly]:focus, .form-control[readonly].focus {
+.form-control[readonly].focus, .form-control[readonly]:focus-visible, .c-prefers-focus .form-control[readonly]:focus {
   border-color: #80acff;
   box-shadow: none;
 }
@@ -7966,7 +7981,7 @@ textarea.form-control-plaintext,
   transition: none;
 }
-.form-control-plaintext[readonly]:focus, .form-control-plaintext[readonly].focus {
+.form-control-plaintext[readonly].focus, .form-control-plaintext[readonly]:focus-visible, .c-prefers-focus .form-control-plaintext[readonly]:focus {
   box-shadow: none;
   border-color: #80acff;
 }
@@ -8252,7 +8267,7 @@ textarea.form-control-lg,
 .c-link:hover, .c-link.hover {
   text-decoration: none;
 }
-.c-link.focus, .c-link:focus {
+.c-link.focus, .c-link:focus-visible, .c-prefers-focus .c-link:focus {
   border-radius: 1px;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
@@ -8263,7 +8278,7 @@ textarea.form-control-lg,
 .c-link.text-secondary:hover, .c-link.text-secondary.hover {
   color: #000 !important;
 }
-.c-link.text-secondary.focus, .c-link.text-secondary:focus {
+.c-link.text-secondary.focus, .c-link.text-secondary:focus-visible, .c-prefers-focus .c-link.text-secondary:focus {
   color: #000 !important;
 }
 .c-link.text-tertiary {
@@ -8290,7 +8305,7 @@ textarea.form-control-lg,
 .component-link:hover, .component-link.hover {
   color: #484955;
 }
-.component-link.focus, .component-link:focus {
+.component-link.focus, .component-link:focus-visible, .c-prefers-focus .component-link:focus {
   color: #484955;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
@@ -8317,7 +8332,7 @@ textarea.form-control-lg,
   color: #0041be;
   background-color: #f0f5ff;
 }
-.link-primary.focus, .link-primary:focus {
+.link-primary.focus, .link-primary:focus-visible, .c-prefers-focus .link-primary:focus {
   color: #0041be;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
@@ -8340,7 +8355,7 @@ textarea.form-control-lg,
   color: #272833;
   background-color: #f1f2f5;
 }
-.link-secondary.focus, .link-secondary:focus {
+.link-secondary.focus, .link-secondary:focus-visible, .c-prefers-focus .link-secondary:focus {
   color: #272833;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
@@ -8380,7 +8395,7 @@ button.link-outline {
 .link-outline:hover, .link-outline.hover {
   text-decoration: none;
 }
-.link-outline.focus, .link-outline:focus {
+.link-outline.focus, .link-outline:focus-visible, .c-prefers-focus .link-outline:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -8408,7 +8423,7 @@ button.link-outline {
   background-color: #f0f5ff;
   color: #0b5fff;
 }
-.link-outline-primary.focus, .link-outline-primary:focus {
+.link-outline-primary.focus, .link-outline-primary:focus-visible, .c-prefers-focus .link-outline-primary:focus {
   background-color: #f0f5ff;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   color: #0b5fff;
@@ -8440,7 +8455,7 @@ button.link-outline {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
-.link-outline-secondary.focus, .link-outline-secondary:focus {
+.link-outline-secondary.focus, .link-outline-secondary:focus-visible, .c-prefers-focus .link-outline-secondary:focus {
   background-color: rgba(39, 40, 51, 0.03);
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   color: #272833;
@@ -8520,9 +8535,10 @@ button.link-outline {
 .component-title [href].hover {
   color: #060608;
 }
-.component-title[href].focus, .component-title[href]:focus,
+.component-title[href].focus, .component-title[href]:focus-visible, .c-prefers-focus .component-title[href]:focus,
 .component-title [href].focus,
-.component-title [href]:focus {
+.component-title [href]:focus-visible,
+.c-prefers-focus .component-title [href]:focus {
   color: #060608;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
@@ -8555,9 +8571,10 @@ button.link-outline {
 .component-subtitle [href].hover {
   color: #272833;
 }
-.component-subtitle[href].focus, .component-subtitle[href]:focus,
+.component-subtitle[href].focus, .component-subtitle[href]:focus-visible, .c-prefers-focus .component-subtitle[href]:focus,
 .component-subtitle [href].focus,
-.component-subtitle [href]:focus {
+.component-subtitle [href]:focus-visible,
+.c-prefers-focus .component-subtitle [href]:focus {
   color: #272833;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
@@ -8592,7 +8609,7 @@ button.link-outline {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
-.component-action.focus, .component-action:focus {
+.component-action.focus, .component-action:focus-visible, .c-prefers-focus .component-action:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
   background-color: rgba(39, 40, 51, 0.03);
@@ -8865,25 +8882,26 @@ button.link-outline {
 .clay-range-input .form-control-range:hover::-webkit-slider-thumb {
   background-color: #f0f5ff;
 }
-.clay-range-input .form-control-range:focus, .clay-range-input .form-control-range.focus {
+.clay-range-input .form-control-range.focus, .clay-range-input .form-control-range:focus-visible, .c-prefers-focus .clay-range-input .form-control-range:focus {
   outline: 0;
 }
-.clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb {
+.clay-range-input .form-control-range.focus ~ .clay-range-progress .clay-range-thumb, .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .clay-range-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus ~ .clay-range-progress .clay-range-thumb {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
-.clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip {
+.clay-range-input .form-control-range.focus ~ .clay-range-progress .tooltip, .clay-range-input .form-control-range:focus-visible ~ .clay-range-progress .tooltip, .c-prefers-focus .clay-range-input .form-control-range:focus ~ .clay-range-progress .tooltip {
   visibility: visible;
   opacity: 1;
 }
-.clay-range-input .form-control-range:focus::-moz-range-thumb, .clay-range-input .form-control-range.focus::-moz-range-thumb {
+.clay-range-input .form-control-range.focus::-moz-range-thumb, .clay-range-input .form-control-range:focus-visible::-moz-range-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-moz-range-thumb {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
-.clay-range-input .form-control-range:focus::-ms-thumb, .clay-range-input .form-control-range.focus::-ms-thumb {
+.clay-range-input .form-control-range.focus::-ms-thumb, .clay-range-input .form-control-range:focus-visible::-ms-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-ms-thumb {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
-.clay-range-input .form-control-range:focus::-webkit-slider-thumb, .clay-range-input .form-control-range.focus::-webkit-slider-thumb {
+.clay-range-input .form-control-range.focus::-webkit-slider-thumb, .clay-range-input .form-control-range:focus-visible::-webkit-slider-thumb, .c-prefers-focus .clay-range-input .form-control-range:focus::-webkit-slider-thumb {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .clay-range-input .form-control-range:disabled {
   color: #a7a9bc;
   cursor: not-allowed;
@@ -8948,7 +8966,7 @@ button.link-outline {
   padding-top: 0.4375rem;
   width: 100%;
 }
-.clay-reorder .form-control-inset:focus, .clay-reorder .form-control-inset.focus {
+.clay-reorder .form-control-inset.focus, .clay-reorder .form-control-inset:focus-visible, .c-prefers-focus .clay-reorder .form-control-inset:focus {
   background-color: transparent;
   box-shadow: none;
 }
@@ -9014,9 +9032,10 @@ button.link-outline {
 .clay-color-dropdown-menu .close:hover {
   background-color: rgba(39, 40, 51, 0.03);
 }
-.clay-color-dropdown-menu .close:focus {
+.clay-color-dropdown-menu .close.focus, .clay-color-dropdown-menu .close:focus-visible, .c-prefers-focus .clay-color-dropdown-menu .close:focus {
   background-color: rgba(39, 40, 51, 0.03);
 }
 .clay-color-dropdown-menu .close:active {
   background-color: rgba(39, 40, 51, 0.06);
 }
@@ -9095,11 +9114,11 @@ button.link-outline {
   transition: none;
 }
-.clay-color-pointer:focus, .clay-color-pointer.focus {
+.clay-color-pointer.focus, .clay-color-pointer:focus-visible, .c-prefers-focus .clay-color-pointer:focus {
   box-shadow: 0 0 0 0.125rem #528eff;
   outline: 0;
 }
-.clay-color-pointer:active:focus {
+.clay-color-pointer:active:focus-visible, .c-prefers-focus .clay-color-pointer:active:focus {
   box-shadow: 0 0 0 0.125rem #528eff;
 }
 .clay-color-pointer .c-inner {
@@ -9372,14 +9391,13 @@ label.custom-control-label {
   width: 1rem;
   z-index: 1;
 }
-.custom-control-input:focus ~ .custom-control-label::before {
+.custom-control-input:focus-visible ~ .custom-control-label::before, .c-prefers-focus .custom-control-input:focus ~ .custom-control-label::before {
   border-color: #6b6c7e;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .custom-control-input:active ~ .custom-control-label::before {
   background-color: #fff;
   border-color: #6b6c7e;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   color: #fff;
 }
 .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
@@ -9839,10 +9857,10 @@ label.custom-control-label {
   width: 1.5rem;
   color: #6b6c7e;
 }
-.clay-time .btn:focus, .clay-time .btn.focus {
+.clay-time .btn.focus, .clay-time .btn:focus-visible, .c-prefers-focus .clay-time .btn:focus {
   box-shadow: 0 0 0 1px #528eff;
 }
-.clay-time .btn:active:focus {
+.clay-time .btn:active:focus-visible, .c-prefers-focus .clay-time .btn:active:focus {
   box-shadow: 0 0 0 1px #528eff;
 }
 .clay-time .btn .c-inner {
@@ -9870,7 +9888,7 @@ label.custom-control-label {
 .clay-time .form-control-inset::-moz-selection, .clay-time .form-control-inset::selection {
   background-color: transparent;
 }
-.clay-time .form-control-inset:focus, .clay-time .form-control-inset.focus {
+.clay-time .form-control-inset.focus, .clay-time .form-control-inset:focus-visible, .c-prefers-focus .clay-time .form-control-inset:focus {
   background-color: #b3d8fd;
 }
 .clay-time .input-group-text {
@@ -9980,7 +9998,7 @@ label.custom-control-label {
   background-color: #f1f2f5;
   color: #272833;
 }
-.date-picker-nav .nav-btn:focus, .date-picker-nav .nav-btn.focus {
+.date-picker-nav .nav-btn.focus, .date-picker-nav .nav-btn:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   background-color: #f1f2f5;
   color: #272833;
@@ -9988,7 +10006,7 @@ label.custom-control-label {
 .date-picker-nav .nav-btn:active {
   background-color: #f1f2f5;
 }
-.date-picker-nav .nav-btn:active:focus {
+.date-picker-nav .nav-btn:active:focus-visible, .c-prefers-focus .date-picker-nav .nav-btn:active:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .date-picker-nav .nav-btn.active {
@@ -10021,7 +10039,7 @@ label.custom-control-label {
   background-color: #f1f2f5;
   color: #272833;
 }
-.date-picker-nav select.form-control:focus, .date-picker-nav select.form-control.focus {
+.date-picker-nav select.form-control.focus, .date-picker-nav select.form-control:focus-visible, .c-prefers-focus .date-picker-nav select.form-control:focus {
   background-color: #f1f2f5;
   color: #272833;
 }
@@ -10044,7 +10062,7 @@ label.custom-control-label {
   background-color: #f1f2f5;
   color: #272833;
 }
-.date-picker-nav .form-control-select:focus, .date-picker-nav .form-control-select.focus {
+.date-picker-nav .form-control-select.focus, .date-picker-nav .form-control-select:focus-visible, .c-prefers-focus .date-picker-nav .form-control-select:focus {
   background-color: #f1f2f5;
   color: #272833;
 }
@@ -10191,7 +10209,7 @@ label.custom-control-label {
   background-color: #f1f2f5;
   color: #272833;
 }
-.date-picker-date:focus, .date-picker-date.focus {
+.date-picker-date.focus, .date-picker-date:focus-visible, .c-prefers-focus .date-picker-date:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
   background-color: #f1f2f5;
@@ -10201,7 +10219,7 @@ label.custom-control-label {
   background-color: #0b5fff;
   color: #fff;
 }
-.date-picker-date:active:focus {
+.date-picker-date:active:focus-visible, .c-prefers-focus .date-picker-date:active:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .date-picker-date.active {
@@ -10517,14 +10535,14 @@ label.custom-control-label {
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   color: #272833;
 }
-.has-error .form-control:focus, .has-error .form-control.focus {
+.has-error .form-control.focus, .has-error .form-control:focus-visible, .c-prefers-focus .has-error .form-control:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-error .form-control[readonly] {
   background-color: #fff;
   border-color: #e7e7ed;
 }
-.has-error .form-control[readonly]:focus, .has-error .form-control[readonly].focus {
+.has-error .form-control[readonly].focus, .has-error .form-control[readonly]:focus-visible, .c-prefers-focus .has-error .form-control[readonly]:focus {
   border-color: #80acff;
 }
 .has-error .form-feedback-item {
@@ -10576,14 +10594,14 @@ label.custom-control-label {
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   color: #272833;
 }
-.has-warning .form-control:focus, .has-warning .form-control.focus {
+.has-warning .form-control.focus, .has-warning .form-control:focus-visible, .c-prefers-focus .has-warning .form-control:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-warning .form-control[readonly] {
   background-color: #fff;
   border-color: #e7e7ed;
 }
-.has-warning .form-control[readonly]:focus, .has-warning .form-control[readonly].focus {
+.has-warning .form-control[readonly].focus, .has-warning .form-control[readonly]:focus-visible, .c-prefers-focus .has-warning .form-control[readonly]:focus {
   border-color: #80acff;
 }
 .has-warning .form-feedback-item {
@@ -10635,14 +10653,14 @@ label.custom-control-label {
   box-shadow: 0 0 rgba(0, 0, 0, 0);
   color: #272833;
 }
-.has-success .form-control:focus, .has-success .form-control.focus {
+.has-success .form-control.focus, .has-success .form-control:focus-visible, .c-prefers-focus .has-success .form-control:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .has-success .form-control[readonly] {
   background-color: #fff;
   border-color: #e7e7ed;
 }
-.has-success .form-control[readonly]:focus, .has-success .form-control[readonly].focus {
+.has-success .form-control[readonly].focus, .has-success .form-control[readonly]:focus-visible, .c-prefers-focus .has-success .form-control[readonly]:focus {
   border-color: #80acff;
 }
 .has-success .form-feedback-item {
@@ -11123,13 +11141,14 @@ label.custom-control-label {
   order: 5;
   width: 1%;
 }
-.input-group-inset:focus, .input-group-inset.focus {
+.input-group-inset.focus, .input-group-inset:focus-visible, .c-prefers-focus .input-group-inset:focus {
   box-shadow: none;
 }
-.input-group-inset:focus ~ .input-group-inset-item, .input-group-inset.focus ~ .input-group-inset-item {
+.input-group-inset.focus ~ .input-group-inset-item, .input-group-inset:focus-visible ~ .input-group-inset-item, .c-prefers-focus .input-group-inset:focus ~ .input-group-inset-item {
   background-color: #f0f5ff;
   border-color: #80acff;
 }
 .input-group-inset:disabled ~ .input-group-inset-item, .input-group-inset.disabled ~ .input-group-inset-item {
   background-color: #f1f2f5;
   border-color: #f1f2f5;
@@ -11520,9 +11539,10 @@ label.custom-control-label {
 .list-group-title [href].hover {
   color: #272833;
 }
-.list-group-title[href].focus, .list-group-title[href]:focus,
+.list-group-title[href].focus, .list-group-title[href]:focus-visible, .c-prefers-focus .list-group-title[href]:focus,
 .list-group-title [href].focus,
-.list-group-title [href]:focus {
+.list-group-title [href]:focus-visible,
+.c-prefers-focus .list-group-title [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -11554,9 +11574,10 @@ label.custom-control-label {
 .list-group-subtitle [href].hover {
   color: #272833;
 }
-.list-group-subtitle[href].focus, .list-group-subtitle[href]:focus,
+.list-group-subtitle[href].focus, .list-group-subtitle[href]:focus-visible, .c-prefers-focus .list-group-subtitle[href]:focus,
 .list-group-subtitle [href].focus,
-.list-group-subtitle [href]:focus {
+.list-group-subtitle [href]:focus-visible,
+.c-prefers-focus .list-group-subtitle [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -11588,9 +11609,10 @@ label.custom-control-label {
 .list-group-text [href].hover {
   color: #272833;
 }
-.list-group-text[href].focus, .list-group-text[href]:focus,
+.list-group-text[href].focus, .list-group-text[href]:focus-visible, .c-prefers-focus .list-group-text[href]:focus,
 .list-group-text [href].focus,
-.list-group-text [href]:focus {
+.list-group-text [href]:focus-visible,
+.c-prefers-focus .list-group-text [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -11623,9 +11645,10 @@ label.custom-control-label {
 .list-group-subtext [href].hover {
   color: #272833;
 }
-.list-group-subtext[href].focus, .list-group-subtext[href]:focus,
+.list-group-subtext[href].focus, .list-group-subtext[href]:focus-visible, .c-prefers-focus .list-group-subtext[href]:focus,
 .list-group-subtext [href].focus,
-.list-group-subtext [href]:focus {
+.list-group-subtext [href]:focus-visible,
+.c-prefers-focus .list-group-subtext [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -12119,6 +12142,7 @@ label.custom-control-label {
   box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
   display: flex;
   flex-direction: column;
+  max-height: calc(100vh - 1.75rem * 2);
   outline: 0;
   overflow: hidden;
   pointer-events: auto;
@@ -12145,11 +12169,14 @@ label.custom-control-label {
   flex-grow: 1;
   flex-shrink: 1;
   margin-top: -0.0625rem;
+  overflow: auto;
+  overflow-wrap: break-word;
+  word-wrap: break-word;
   padding: 1.5rem;
   position: relative;
 }
 .modal-body.inline-scroller {
-  max-height: 320px;
+  max-height: none;
   -webkit-overflow-scrolling: touch;
   overflow: auto;
   padding: 1.5rem;
@@ -12373,6 +12400,9 @@ label.custom-control-label {
     margin-left: calc(-1140px / 2);
   }
 }
+.modal-height-full .modal-body {
+  overflow: auto;
+}
 .modal-height-full .modal-content {
   position: absolute;
   bottom: 0.5rem;
@@ -12771,7 +12801,7 @@ label.custom-control-label {
 .nav-link:hover, .nav-link.hover {
   text-decoration: none;
 }
-.nav-link.focus, .nav-link:focus {
+.nav-link.focus, .nav-link:focus-visible, .c-prefers-focus .nav-link:focus {
   text-decoration: none;
   z-index: 1;
 }
@@ -12792,10 +12822,10 @@ label.custom-control-label {
 .nav-link.btn-unstyled {
   width: 100%;
 }
-.nav-link.btn-unstyled:focus, .nav-link.btn-unstyled.focus {
+.nav-link.btn-unstyled.focus, .nav-link.btn-unstyled:focus-visible, .c-prefers-focus .nav-link.btn-unstyled:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
-.nav-link.btn-unstyled:active:focus {
+.nav-link.btn-unstyled:active:focus-visible, .c-prefers-focus .nav-link.btn-unstyled:active:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .nav-link.btn-unstyled:disabled, .nav-link.btn-unstyled.disabled {
@@ -12817,7 +12847,7 @@ label.custom-control-label {
   text-align: center;
   width: auto;
 }
-.nav-btn:focus, .nav-btn.focus {
+.nav-btn.focus, .nav-btn:focus-visible, .c-prefers-focus .nav-btn:focus {
   z-index: 1;
 }
 .nav-btn:disabled, .nav-btn.disabled {
@@ -13096,7 +13126,7 @@ label.custom-control-label {
 .nav-tabs .nav-link:hover, .nav-tabs .nav-link.hover {
   border-color: transparent;
 }
-.nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus {
+.nav-tabs .nav-link.focus, .nav-tabs .nav-link:focus-visible, .c-prefers-focus .nav-tabs .nav-link:focus {
   border-color: transparent;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
@@ -13291,11 +13321,11 @@ label.custom-control-label {
   background: #88889a;
   width: 0.1875rem;
 }
-.menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
+.menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
   color: #272833;
   outline: 0;
 }
-.menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
+.menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
   border-radius: 0.25rem;
   bottom: 0;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
@@ -13387,10 +13417,10 @@ label.custom-control-label {
     color: #1c1d25;
     box-shadow: none;
   }
-  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
+  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus {
     background-color: transparent;
   }
-  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
+  .menubar-vertical-expand-md.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-md.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-md.menubar-transparent .nav-link:focus::after {
     box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   }
   .menubar-vertical-expand-md.menubar-transparent .nav-link.active {
@@ -13536,11 +13566,11 @@ label.custom-control-label {
   background: #88889a;
   width: 0.1875rem;
 }
-.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
+.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
   color: #272833;
   outline: 0;
 }
-.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
+.menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
   border-radius: 0.25rem;
   bottom: 0;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
@@ -13631,10 +13661,10 @@ label.custom-control-label {
     color: #1c1d25;
     box-shadow: none;
   }
-  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
+  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus {
     background-color: transparent;
   }
-  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
+  .menubar-vertical-expand-lg.menubar-transparent .nav-link.focus::after, .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus-visible::after, .c-prefers-focus .menubar-vertical-expand-lg.menubar-transparent .nav-link:focus::after {
     box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   }
   .menubar-vertical-expand-lg.menubar-transparent .nav-link.active {
@@ -15612,7 +15642,7 @@ label.custom-control-label {
   transition: none;
 }
-.application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus {
+.application-bar .navbar-nav .nav-link.focus, .application-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .application-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .application-bar .navbar-nav .nav-link:disabled, .application-bar .navbar-nav .nav-link.disabled {
@@ -15632,7 +15662,7 @@ label.custom-control-label {
   transition: none;
 }
-.application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus {
+.application-bar .navbar-brand.focus, .application-bar .navbar-brand:focus-visible, .c-prefers-focus .application-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .application-bar .navbar-brand:disabled, .application-bar .navbar-brand.disabled {
@@ -15658,7 +15688,7 @@ label.custom-control-label {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.03);
 }
-.application-bar-dark .navbar-nav .nav-link.focus, .application-bar-dark .navbar-nav .nav-link:focus {
+.application-bar-dark .navbar-nav .nav-link.focus, .application-bar-dark .navbar-nav .nav-link:focus-visible, .c-prefers-focus .application-bar-dark .navbar-nav .nav-link:focus {
   background-color: rgba(255, 255, 255, 0.03);
 }
 .application-bar-dark .navbar-nav .nav-link:active {
@@ -15684,7 +15714,7 @@ label.custom-control-label {
 .application-bar-dark .navbar-brand {
   font-weight: 600;
 }
-.application-bar-dark .navbar-brand.focus, .application-bar-dark .navbar-brand:focus {
+.application-bar-dark .navbar-brand.focus, .application-bar-dark .navbar-brand:focus-visible, .c-prefers-focus .application-bar-dark .navbar-brand:focus {
   background-color: rgba(255, 255, 255, 0.03);
 }
 .application-bar-dark .navbar-brand:active {
@@ -16799,7 +16829,7 @@ label.custom-control-label {
   transition: none;
 }
-.management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus {
+.management-bar .navbar-nav .nav-link.focus, .management-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .management-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .management-bar .navbar-nav .nav-link:disabled, .management-bar .navbar-nav .nav-link.disabled {
@@ -16819,7 +16849,7 @@ label.custom-control-label {
   transition: none;
 }
-.management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus {
+.management-bar .navbar-brand.focus, .management-bar .navbar-brand:focus-visible, .c-prefers-focus .management-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .management-bar .navbar-brand:disabled, .management-bar .navbar-brand.disabled {
@@ -16841,7 +16871,7 @@ label.custom-control-label {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
-.management-bar-light .navbar-nav .nav-link.focus, .management-bar-light .navbar-nav .nav-link:focus {
+.management-bar-light .navbar-nav .nav-link.focus, .management-bar-light .navbar-nav .nav-link:focus-visible, .c-prefers-focus .management-bar-light .navbar-nav .nav-link:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -16868,7 +16898,7 @@ label.custom-control-label {
 .management-bar-light .navbar-brand {
   font-weight: 600;
 }
-.management-bar-light .navbar-brand.focus, .management-bar-light .navbar-brand:focus {
+.management-bar-light .navbar-brand.focus, .management-bar-light .navbar-brand:focus-visible, .c-prefers-focus .management-bar-light .navbar-brand:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -16910,7 +16940,7 @@ label.custom-control-label {
   color: #272833;
   background-color: rgba(39, 40, 51, 0.03);
 }
-.management-bar-primary .navbar-nav .nav-link.focus, .management-bar-primary .navbar-nav .nav-link:focus {
+.management-bar-primary .navbar-nav .nav-link.focus, .management-bar-primary .navbar-nav .nav-link:focus-visible, .c-prefers-focus .management-bar-primary .navbar-nav .nav-link:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -16938,7 +16968,7 @@ label.custom-control-label {
   border-radius: 0.25rem;
   font-weight: 600;
 }
-.management-bar-primary .navbar-brand.focus, .management-bar-primary .navbar-brand:focus {
+.management-bar-primary .navbar-brand.focus, .management-bar-primary .navbar-brand:focus-visible, .c-prefers-focus .management-bar-primary .navbar-brand:focus {
   background-color: rgba(39, 40, 51, 0.03);
   color: #272833;
 }
@@ -17402,7 +17432,7 @@ label.custom-control-label {
   border-radius: 0.25rem;
   outline: 0;
 }
-.navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus {
+.navigation-bar .navbar-nav .nav-link.focus, .navigation-bar .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar .navbar-nav .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .navigation-bar .navbar-nav .nav-link:disabled, .navigation-bar .navbar-nav .nav-link.disabled {
@@ -17414,7 +17444,7 @@ label.custom-control-label {
   border-radius: 0.25rem;
   outline: 0;
 }
-.navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus {
+.navigation-bar .navbar-brand.focus, .navigation-bar .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar .navbar-brand:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .navigation-bar .navbar-brand:disabled, .navigation-bar .navbar-brand.disabled {
@@ -17431,7 +17461,7 @@ label.custom-control-label {
 .navigation-bar-light .navbar-nav .nav-link:hover, .navigation-bar-light .navbar-nav .nav-link.hover {
   color: #272833;
 }
-.navigation-bar-light .navbar-nav .nav-link.focus, .navigation-bar-light .navbar-nav .nav-link:focus {
+.navigation-bar-light .navbar-nav .nav-link.focus, .navigation-bar-light .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar-light .navbar-nav .nav-link:focus {
   color: #272833;
 }
 .navigation-bar-light .navbar-nav .nav-link:active {
@@ -17453,7 +17483,7 @@ label.custom-control-label {
 .navigation-bar-light .navbar-brand {
   font-weight: 600;
 }
-.navigation-bar-light .navbar-brand.focus, .navigation-bar-light .navbar-brand:focus {
+.navigation-bar-light .navbar-brand.focus, .navigation-bar-light .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar-light .navbar-brand:focus {
   color: #272833;
 }
 .navigation-bar-light .navbar-brand:active {
@@ -17484,7 +17514,7 @@ label.custom-control-label {
   .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.hover {
     color: #272833;
   }
-  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
+  .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus-visible, .c-prefers-focus .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
     color: #272833;
   }
   .navigation-bar-light.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
@@ -17521,7 +17551,7 @@ label.custom-control-label {
 .navigation-bar-secondary .navbar-nav .nav-link:hover, .navigation-bar-secondary .navbar-nav .nav-link.hover {
   color: #fff;
 }
-.navigation-bar-secondary .navbar-nav .nav-link.focus, .navigation-bar-secondary .navbar-nav .nav-link:focus {
+.navigation-bar-secondary .navbar-nav .nav-link.focus, .navigation-bar-secondary .navbar-nav .nav-link:focus-visible, .c-prefers-focus .navigation-bar-secondary .navbar-nav .nav-link:focus {
   color: #fff;
 }
 .navigation-bar-secondary .navbar-nav .nav-link:active {
@@ -17547,7 +17577,7 @@ label.custom-control-label {
 .navigation-bar-secondary .navbar-brand:hover, .navigation-bar-secondary .navbar-brand.hover {
   color: rgba(255, 255, 255, 0.9);
 }
-.navigation-bar-secondary .navbar-brand.focus, .navigation-bar-secondary .navbar-brand:focus {
+.navigation-bar-secondary .navbar-brand.focus, .navigation-bar-secondary .navbar-brand:focus-visible, .c-prefers-focus .navigation-bar-secondary .navbar-brand:focus {
   color: #fff;
 }
 .navigation-bar-secondary .navbar-brand:active {
@@ -17578,7 +17608,7 @@ label.custom-control-label {
   .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:hover, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.hover {
     color: #fff;
   }
-  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
+  .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item.focus, .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus-visible, .c-prefers-focus .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:focus {
     color: #fff;
   }
   .navigation-bar-secondary.navbar-expand-md .navbar-collapse .navbar-nav .dropdown-item:active {
@@ -17673,14 +17703,14 @@ label.custom-control-label {
   background-color: #88889a;
   height: 0.1875rem;
 }
-.page-link.focus, .page-link:focus {
+.page-link.focus, .page-link:focus-visible, .c-prefers-focus .page-link:focus {
   box-shadow: none;
   outline: 0;
   z-index: 4;
   border-color: transparent;
   color: #272833;
 }
-.page-link.focus::after, .page-link:focus::after {
+.page-link.focus::after, .page-link:focus-visible::after, .c-prefers-focus .page-link:focus::after {
   border-radius: 4px;
   bottom: 0;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
@@ -17725,9 +17755,10 @@ label.custom-control-label {
 .page-link:disabled::before, .page-link.disabled::before {
   content: none;
 }
-.page-link:disabled:focus::after, .page-link.disabled:focus::after {
+.page-link:disabled:focus-visible::after, .c-prefers-focus .page-link:disabled:focus::after, .page-link.disabled:focus-visible::after, .c-prefers-focus .page-link.disabled:focus::after {
   content: none;
 }
 .page-link:disabled:active, .page-link.disabled:active {
   pointer-events: none;
 }
@@ -17785,7 +17816,7 @@ label.custom-control-label {
 .page-item.disabled .page-link::before {
   content: none;
 }
-.page-item.disabled .page-link.focus::after, .page-item.disabled .page-link:focus::after {
+.page-item.disabled .page-link.focus::after, .page-item.disabled .page-link:focus-visible::after, .c-prefers-focus .page-item.disabled .page-link:focus::after {
   content: none;
 }
 .page-item.disabled .page-link:active {
@@ -17863,16 +17894,18 @@ label.custom-control-label {
   background-color: #88889a;
   height: 0.1875rem;
 }
-.pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus,
+.pagination-items-per-page > a.focus, .pagination-items-per-page > a:focus-visible, .c-prefers-focus .pagination-items-per-page > a:focus,
 .pagination-items-per-page > button.focus,
-.pagination-items-per-page > button:focus {
+.pagination-items-per-page > button:focus-visible,
+.c-prefers-focus .pagination-items-per-page > button:focus {
   outline: 0;
   border-color: transparent;
   color: #272833;
 }
-.pagination-items-per-page > a.focus::after, .pagination-items-per-page > a:focus::after,
+.pagination-items-per-page > a.focus::after, .pagination-items-per-page > a:focus-visible::after, .c-prefers-focus .pagination-items-per-page > a:focus::after,
 .pagination-items-per-page > button.focus::after,
-.pagination-items-per-page > button:focus::after {
+.pagination-items-per-page > button:focus-visible::after,
+.c-prefers-focus .pagination-items-per-page > button:focus::after {
   border-radius: 4px;
   bottom: 0;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
@@ -17914,11 +17947,14 @@ label.custom-control-label {
 .pagination-items-per-page > button.disabled::before {
   content: none;
 }
-.pagination-items-per-page > a:disabled:focus::after, .pagination-items-per-page > a.disabled:focus::after,
-.pagination-items-per-page > button:disabled:focus::after,
-.pagination-items-per-page > button.disabled:focus::after {
+.pagination-items-per-page > a:disabled:focus-visible::after, .c-prefers-focus .pagination-items-per-page > a:disabled:focus::after, .pagination-items-per-page > a.disabled:focus-visible::after, .c-prefers-focus .pagination-items-per-page > a.disabled:focus::after,
+.pagination-items-per-page > button:disabled:focus-visible::after,
+.c-prefers-focus .pagination-items-per-page > button:disabled:focus::after,
+.pagination-items-per-page > button.disabled:focus-visible::after,
+.c-prefers-focus .pagination-items-per-page > button.disabled:focus::after {
   content: none;
 }
 .pagination-items-per-page > a[aria-expanded=true], .pagination-items-per-page > a.show,
 .pagination-items-per-page > button[aria-expanded=true],
 .pagination-items-per-page > button.show {
@@ -17967,9 +18003,10 @@ label.custom-control-label {
 .pagination-items-per-page.disabled > button::before {
   content: none;
 }
-.pagination-items-per-page.disabled > a.focus::after, .pagination-items-per-page.disabled > a:focus::after,
+.pagination-items-per-page.disabled > a.focus::after, .pagination-items-per-page.disabled > a:focus-visible::after, .c-prefers-focus .pagination-items-per-page.disabled > a:focus::after,
 .pagination-items-per-page.disabled > button.focus::after,
-.pagination-items-per-page.disabled > button:focus::after {
+.pagination-items-per-page.disabled > button:focus-visible::after,
+.c-prefers-focus .pagination-items-per-page.disabled > button:focus::after {
   content: none;
 }
 @media (max-width: 767.98px) {
@@ -18152,7 +18189,7 @@ label.custom-control-label {
   color: inherit;
   text-decoration: none;
 }
-.panel-header-link.focus, .panel-header-link:focus {
+.panel-header-link.focus, .panel-header-link:focus-visible, .c-prefers-focus .panel-header-link:focus {
   z-index: 1;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
@@ -18375,7 +18412,7 @@ label.custom-control-label {
 .panel-unstyled .panel-header.panel-header-link {
   border-radius: 1px;
 }
-.panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus {
+.panel-unstyled .panel-header.panel-header-link.focus, .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .panel-unstyled .panel-header.panel-header-link:focus {
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
 }
 .panel-unstyled .panel-header:not(.collapse-icon-middle) .collapse-icon-closed,
@@ -19141,7 +19178,7 @@ a.sheet-subtitle {
 a.sheet-subtitle:hover, a.sheet-subtitle.hover {
   text-decoration: none;
 }
-a.sheet-subtitle.focus, a.sheet-subtitle:focus {
+a.sheet-subtitle.focus, a.sheet-subtitle:focus-visible, .c-prefers-focus a.sheet-subtitle:focus {
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
   outline: 0;
 }
@@ -19490,9 +19527,10 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .sidenav-left .sidebar-light {
   box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1);
 }
-.sidenav-start .sidebar-light:focus, .sidenav-start .sidebar-light.focus,
-.sidenav-left .sidebar-light:focus,
-.sidenav-left .sidebar-light.focus {
+.sidenav-start .sidebar-light.focus, .sidenav-start .sidebar-light:focus-visible, .c-prefers-focus .sidenav-start .sidebar-light:focus,
+.sidenav-left .sidebar-light.focus,
+.sidenav-left .sidebar-light:focus-visible,
+.c-prefers-focus .sidenav-left .sidebar-light:focus {
   box-shadow: 0.25rem 0 0.5rem -0.25rem rgba(0, 0, 0, 0.1), inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
@@ -19513,7 +19551,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .sidebar-light .sidebar-dd [href] {
   color: #272833;
 }
-.sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
+.sidebar-light .panel-unstyled .panel-header.panel-header-link.focus, .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus-visible, .c-prefers-focus .sidebar-light .panel-unstyled .panel-header.panel-header-link:focus {
   box-shadow: 0 0 0 0.25rem #fff, 0 0 0 0.375rem #528eff;
 }
 .sidebar-light .component-navigation-bar {
@@ -19597,7 +19635,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .sidebar-dark .nav-nested .nav-link:hover, .sidebar-dark .nav-nested .nav-link.hover {
   color: #fff;
 }
-.sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus {
+.sidebar-dark .nav-nested .nav-link.focus, .sidebar-dark .nav-nested .nav-link:focus-visible, .c-prefers-focus .sidebar-dark .nav-nested .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -19659,7 +19697,7 @@ a.sheet-subtitle.focus, a.sheet-subtitle:focus {
 .sidebar-dark-l2 .nav-nested .nav-link:hover, .sidebar-dark-l2 .nav-nested .nav-link.hover {
   color: #fff;
 }
-.sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus {
+.sidebar-dark-l2 .nav-nested .nav-link.focus, .sidebar-dark-l2 .nav-nested .nav-link:focus-visible, .c-prefers-focus .sidebar-dark-l2 .nav-nested .nav-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -19888,7 +19926,7 @@ caption {
 .table thead th [href]:hover, .table thead th [href].hover {
   color: #272833;
 }
-.table thead th [href].focus, .table thead th [href]:focus {
+.table thead th [href].focus, .table thead th [href]:focus-visible, .c-prefers-focus .table thead th [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -20307,9 +20345,10 @@ caption {
 .table-title [href].hover {
   color: #272833;
 }
-.table-title[href].focus, .table-title[href]:focus,
+.table-title[href].focus, .table-title[href]:focus-visible, .c-prefers-focus .table-title[href]:focus,
 .table-title [href].focus,
-.table-title [href]:focus {
+.table-title [href]:focus-visible,
+.c-prefers-focus .table-title [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -20332,7 +20371,7 @@ caption {
 .table-link:hover, .table-link.hover {
   color: #272833;
 }
-.table-link.focus, .table-link:focus {
+.table-link.focus, .table-link:focus-visible, .c-prefers-focus .table-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -20362,7 +20401,7 @@ caption {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
 }
-.table-action-link.focus, .table-action-link:focus {
+.table-action-link.focus, .table-action-link:focus-visible, .c-prefers-focus .table-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
@@ -20663,9 +20702,10 @@ caption {
 .table-list-title [href].hover {
   color: #272833;
 }
-.table-list-title[href].focus, .table-list-title[href]:focus,
+.table-list-title[href].focus, .table-list-title[href]:focus-visible, .c-prefers-focus .table-list-title[href]:focus,
 .table-list-title [href].focus,
-.table-list-title [href]:focus {
+.table-list-title [href]:focus-visible,
+.c-prefers-focus .table-list-title [href]:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -20688,7 +20728,7 @@ caption {
 .table-list-link:hover, .table-list-link.hover {
   color: #272833;
 }
-.table-list-link.focus, .table-list-link:focus {
+.table-list-link.focus, .table-list-link:focus-visible, .c-prefers-focus .table-list-link:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
 }
@@ -20717,7 +20757,7 @@ caption {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
 }
-.table-list-action-link.focus, .table-list-action-link:focus {
+.table-list-action-link.focus, .table-list-action-link:focus-visible, .c-prefers-focus .table-list-action-link:focus {
   background-color: rgba(0, 0, 0, 0.02);
   color: #272833;
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
@@ -21275,9 +21315,10 @@ caption {
   margin-top: -0.625rem;
   width: 3rem;
 }
-.subnav-tbar-primary .component-label .close:focus {
+.subnav-tbar-primary .component-label .close.focus, .subnav-tbar-primary .component-label .close:focus-visible, .c-prefers-focus .subnav-tbar-primary .component-label .close:focus {
   color: inherit;
 }
 .subnav-tbar-primary .component-label .close:disabled, .subnav-tbar-primary .component-label .close.disabled {
   color: #6b6c7e;
   opacity: 0.65;
@@ -21371,10 +21412,10 @@ caption {
   position: relative;
   width: 2.5rem;
 }
-.tbar-stacked .tbar-btn-monospaced:focus, .tbar-stacked .tbar-btn-monospaced.focus {
+.tbar-stacked .tbar-btn-monospaced.focus, .tbar-stacked .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:focus {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
-.tbar-stacked .tbar-btn-monospaced:active:focus {
+.tbar-stacked .tbar-btn-monospaced:active:focus-visible, .c-prefers-focus .tbar-stacked .tbar-btn-monospaced:active:focus {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .tbar-stacked .tbar-btn-monospaced .c-inner {
@@ -21400,7 +21441,7 @@ caption {
 .tbar-light .tbar-btn-monospaced:hover {
   color: #272833;
 }
-.tbar-light .tbar-btn-monospaced:focus, .tbar-light .tbar-btn-monospaced.focus {
+.tbar-light .tbar-btn-monospaced.focus, .tbar-light .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-light .tbar-btn-monospaced:focus {
   color: #272833;
 }
 .tbar-light .tbar-btn-monospaced:active {
@@ -21436,7 +21477,7 @@ caption {
 .tbar-dark-l2 .tbar-btn-monospaced:hover {
   color: #fff;
 }
-.tbar-dark-l2 .tbar-btn-monospaced:focus, .tbar-dark-l2 .tbar-btn-monospaced.focus {
+.tbar-dark-l2 .tbar-btn-monospaced.focus, .tbar-dark-l2 .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-dark-l2 .tbar-btn-monospaced:focus {
   color: #fff;
 }
 .tbar-dark-l2 .tbar-btn-monospaced:active {
@@ -21471,7 +21512,7 @@ caption {
 .tbar-dark-d1 .tbar-btn-monospaced:hover {
   color: #fff;
 }
-.tbar-dark-d1 .tbar-btn-monospaced:focus, .tbar-dark-d1 .tbar-btn-monospaced.focus {
+.tbar-dark-d1 .tbar-btn-monospaced.focus, .tbar-dark-d1 .tbar-btn-monospaced:focus-visible, .c-prefers-focus .tbar-dark-d1 .tbar-btn-monospaced:focus {
   color: #fff;
 }
 .tbar-dark-d1 .tbar-btn-monospaced:active {
@@ -21921,7 +21962,7 @@ caption {
 .toggle-switch-check ~ .toggle-switch-bar .button-icon-on {
   opacity: 0;
 }
-.toggle-switch-check:focus ~ .toggle-switch-bar::before {
+.toggle-switch-check:focus-visible ~ .toggle-switch-bar::before, .c-prefers-focus .toggle-switch-check:focus ~ .toggle-switch-bar::before {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
 }
 .toggle-switch-check[disabled] ~ .toggle-switch-bar, .toggle-switch-check:disabled ~ .toggle-switch-bar {
@@ -22369,10 +22410,10 @@ caption {
   padding: 0;
   width: 24px;
 }
-.treeview .btn-monospaced:focus, .treeview .btn-monospaced.focus {
+.treeview .btn-monospaced.focus, .treeview .btn-monospaced:focus-visible, .c-prefers-focus .treeview .btn-monospaced:focus {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
-.treeview .btn-monospaced:active:focus {
+.treeview .btn-monospaced:active:focus-visible, .c-prefers-focus .treeview .btn-monospaced:active:focus {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
 }
 .treeview .custom-control {
@@ -22395,7 +22436,7 @@ caption {
   background-color: transparent;
   color: #6b6c7e;
 }
-.treeview .component-action:focus, .treeview .component-action.focus {
+.treeview .component-action.focus, .treeview .component-action:focus-visible, .c-prefers-focus .treeview .component-action:focus {
   color: #6b6c7e;
 }
 .treeview .component-action:active {
@@ -22526,7 +22567,7 @@ caption {
 .treeview-link:hover, .treeview-link.hover {
   text-decoration: none;
 }
-.treeview-link.focus, .treeview-link:focus {
+.treeview-link.focus, .treeview-link:focus-visible, .c-prefers-focus .treeview-link:focus {
   box-shadow: inset 0 0 0 0.125rem #528eff, inset 0 0 0 0.25rem #fff;
   outline: 0;
 }
@@ -22685,11 +22726,12 @@ caption {
   text-decoration: none;
   outline: 0;
 }
-.close:focus {
+.close.focus, .close:focus-visible, .c-prefers-focus .close:focus {
   box-shadow: 0 0 0 0.125rem #fff, 0 0 0 0.25rem #528eff;
   outline: 0;
   opacity: 0.75;
 }
 .close:disabled, .close.disabled {
   box-shadow: none;
   cursor: not-allowed;