@dialpad/dialtone 6.37.0 → 6.37.1

package/lib/dist/css/dialtone.css

@@ -702,7 +702,7 @@ body {
   --button--fc: var(--primary-color-hover);
   --button--bgc: hsla(var(--primary-color-hsl)  /  9%);
 }
-.d-btn.focus-visible {
+.d-btn.focus-visible.js-focus-visible, .js-focus-visible .d-btn.focus-visible {
   outline: none;
   box-shadow: var(--bs-focus-ring);
 }
@@ -823,7 +823,7 @@ body {
   --button--fc: var(--muted-color-hover);
   --button--bgc: hsla(var(--black-800-hsl)  /  9%);
 }
-.d-btn--circle.focus-visible {
+.d-btn--circle.focus-visible.js-focus-visible, .js-focus-visible .d-btn--circle.focus-visible {
   box-shadow: var(--bs-focus-ring-circle);
 }
 .d-btn--circle:focus-visible {
@@ -884,7 +884,7 @@ body {
   --button--fc: var(--muted-color-hover);
   --button--bgc: hsla(var(--black-800-hsl)  /  9%);
 }
-.d-btn--muted.focus-visible {
+.d-btn--muted.focus-visible.js-focus-visible, .js-focus-visible .d-btn--muted.focus-visible {
   box-shadow: var(--bs-focus-ring-muted);
 }
 .d-btn--muted:focus-visible {
@@ -906,7 +906,7 @@ body {
   --button--fc: var(--error-color-hover);
   --button--bgc: hsla(var(--error-color-hsl)  /  20%);
 }
-.d-btn--danger.focus-visible {
+.d-btn--danger.focus-visible.js-focus-visible, .js-focus-visible .d-btn--danger.focus-visible {
   box-shadow: var(--bs-focus-ring-error);
 }
 .d-btn--danger:focus-visible {
@@ -943,7 +943,7 @@ body {
   --button--fc: var(--white);
   --button--bgc: hsla(var(--white-hsl)  /  30%);
 }
-.d-btn--inverted.focus-visible {
+.d-btn--inverted.focus-visible.js-focus-visible, .js-focus-visible .d-btn--inverted.focus-visible {
   box-shadow: var(--bs-focus-ring-inverted);
 }
 .d-btn--inverted:focus-visible {
@@ -1008,7 +1008,7 @@ body {
   color: hsla(var(--white-hsl)  /  90%);
   background-color: hsl(var(--brand-color-h) calc(var(--brand-color-s) + 2.5%) calc(var(--brand-color-l) - 5%));
 }
-.d-btn--brand.focus-visible {
+.d-btn--brand.focus-visible.js-focus-visible, .js-focus-visible .d-btn--brand.focus-visible {
   box-shadow: 0 0 0 var(--su1) var(--white), 0 0 0 0.25em hsla(var(--brand-color-h) var(--brand-color-s) var(--brand-color-l)  /  90%);
 }
 .d-btn--brand:focus-visible {
@@ -1132,10 +1132,14 @@ body {
 .d-chip__label:is([role='link']):active {
   --chip--bgc: var(--black-100);
 }
-.d-chip__label:is(a).focus-visible,
-.d-chip__label:is(button).focus-visible,
-.d-chip__label:is([role='button']).focus-visible,
-.d-chip__label:is([role='link']).focus-visible {
+.d-chip__label:is(a).focus-visible.js-focus-visible,
+.js-focus-visible .d-chip__label:is(a).focus-visible,
+.d-chip__label:is(button).focus-visible.js-focus-visible,
+.js-focus-visible .d-chip__label:is(button).focus-visible,
+.d-chip__label:is([role='button']).focus-visible.js-focus-visible,
+.js-focus-visible .d-chip__label:is([role='button']).focus-visible,
+.d-chip__label:is([role='link']).focus-visible.js-focus-visible,
+.js-focus-visible .d-chip__label:is([role='link']).focus-visible {
   outline: none;
   box-shadow: var(--bs-focus-ring-muted);
 }
@@ -1201,7 +1205,7 @@ body {
   --button--fc: var(--primary-color-hover);
   --button--bgc: hsla(var(--primary-color-hsl)  /  9%);
 }
-.d-chip__close.focus-visible {
+.d-chip__close.focus-visible.js-focus-visible, .js-focus-visible .d-chip__close.focus-visible {
   outline: none;
   box-shadow: var(--bs-focus-ring);
 }
@@ -1230,7 +1234,7 @@ body {
   --button--fc: var(--muted-color-hover);
   --button--bgc: hsla(var(--black-800-hsl)  /  9%);
 }
-.d-chip__close.focus-visible {
+.d-chip__close.focus-visible.js-focus-visible, .js-focus-visible .d-chip__close.focus-visible {
   box-shadow: var(--bs-focus-ring-circle);
 }
 .d-chip__close:focus-visible {
@@ -1778,7 +1782,7 @@ legend .d-label {
   text-decoration: none;
   cursor: pointer;
 }
-.d-link.focus-visible {
+.d-link.focus-visible.js-focus-visible, .js-focus-visible .d-link.focus-visible {
   border-radius: var(--br4);
   outline: none;
   box-shadow: 0 0 0 var(--su2) var(--focus-ring);
@@ -1794,7 +1798,7 @@ legend .d-label {
 .d-link--warning:hover {
   color: var(--fc-warning-hover);
 }
-.d-link--warning.focus-visible {
+.d-link--warning.focus-visible.js-focus-visible, .js-focus-visible .d-link--warning.focus-visible {
   box-shadow: 0 0 0 var(--su2) var(--focus-ring-warning);
 }
 .d-link--warning:focus-visible {
@@ -1806,7 +1810,7 @@ legend .d-label {
 .d-link--danger:hover {
   color: var(--error-color-hover);
 }
-.d-link--danger.focus-visible {
+.d-link--danger.focus-visible.js-focus-visible, .js-focus-visible .d-link--danger.focus-visible {
   box-shadow: 0 0 0 var(--su2) var(--focus-ring-error);
 }
 .d-link--danger:focus-visible {
@@ -1818,7 +1822,7 @@ legend .d-label {
 .d-link--success:hover {
   color: var(--success-color-hover);
 }
-.d-link--success.focus-visible {
+.d-link--success.focus-visible.js-focus-visible, .js-focus-visible .d-link--success.focus-visible {
   box-shadow: 0 0 0 var(--su2) var(--focus-ring-success);
 }
 .d-link--success:focus-visible {
@@ -1830,7 +1834,7 @@ legend .d-label {
 .d-link--muted:hover {
   color: var(--muted-color-hover);
 }
-.d-link--muted.focus-visible {
+.d-link--muted.focus-visible.js-focus-visible, .js-focus-visible .d-link--muted.focus-visible {
   box-shadow: 0 0 0 var(--su2) var(--focus-ring-muted);
 }
 .d-link--muted:focus-visible {
@@ -1856,7 +1860,7 @@ legend .d-label {
 .d-link--inverted:hover {
   color: var(--inverted-color-hover);
 }
-.d-link--inverted.focus-visible {
+.d-link--inverted.focus-visible.js-focus-visible, .js-focus-visible .d-link--inverted.focus-visible {
   box-shadow: 0 0 0 var(--su2) var(--focus-ring-inverted);
 }
 .d-link--inverted:focus-visible {
@@ -2433,10 +2437,14 @@ legend .d-label {
   .d-radio::-ms-check {
     display: none;
   }
-  .d-checkbox.focus-visible,
-  .d-radio.focus-visible,
-  .d-checkbox:checked.focus-visible,
-  .d-radio:checked.focus-visible {
+  .d-checkbox.focus-visible.js-focus-visible,
+  .js-focus-visible .d-checkbox.focus-visible,
+  .d-radio.focus-visible.js-focus-visible,
+  .js-focus-visible .d-radio.focus-visible,
+  .d-checkbox:checked.focus-visible.js-focus-visible,
+  .js-focus-visible .d-checkbox:checked.focus-visible,
+  .d-radio:checked.focus-visible.js-focus-visible,
+  .js-focus-visible .d-radio:checked.focus-visible {
     --check-radio--bc: var(--check-radio--color);
     outline: 0;
     box-shadow: var(--bs-focus-ring);
@@ -2511,8 +2519,10 @@ legend .d-label {
     background-size: contain;
     border-radius: var(--br2);
   }
-  .d-checkbox.focus-visible,
-  .d-checkbox:checked.focus-visible {
+  .d-checkbox.focus-visible.js-focus-visible,
+  .js-focus-visible .d-checkbox.focus-visible,
+  .d-checkbox:checked.focus-visible.js-focus-visible,
+  .js-focus-visible .d-checkbox:checked.focus-visible {
     border-radius: var(--br2);
   }
   .d-checkbox:focus-visible,
@@ -2557,8 +2567,10 @@ legend .d-label {
   --check-radio--color: var(--warning-color);
   --check-radio--bc: var(--check-radio--color);
 }
-.d-checkbox--warning.focus-visible,
-.d-checkbox--warning:checked.focus-visible {
+.d-checkbox--warning.focus-visible.js-focus-visible,
+.js-focus-visible .d-checkbox--warning.focus-visible,
+.d-checkbox--warning:checked.focus-visible.js-focus-visible,
+.js-focus-visible .d-checkbox--warning:checked.focus-visible {
   box-shadow: var(--bs-focus-ring-warning);
 }
 .d-checkbox--warning:focus-visible,
@@ -2569,8 +2581,10 @@ legend .d-label {
   --check-radio--color: var(--error-color);
   --check-radio--bc: var(--check-radio--color);
 }
-.d-checkbox--error.focus-visible,
-.d-checkbox--error:checked.focus-visible {
+.d-checkbox--error.focus-visible.js-focus-visible,
+.js-focus-visible .d-checkbox--error.focus-visible,
+.d-checkbox--error:checked.focus-visible.js-focus-visible,
+.js-focus-visible .d-checkbox--error:checked.focus-visible {
   box-shadow: var(--bs-focus-ring-error);
 }
 .d-checkbox--error:focus-visible,
@@ -2581,8 +2595,10 @@ legend .d-label {
   --check-radio--color: var(--success-color);
   --check-radio--bc: var(--check-radio--color);
 }
-.d-checkbox--success.focus-visible,
-.d-checkbox--success:checked.focus-visible {
+.d-checkbox--success.focus-visible.js-focus-visible,
+.js-focus-visible .d-checkbox--success.focus-visible,
+.d-checkbox--success:checked.focus-visible.js-focus-visible,
+.js-focus-visible .d-checkbox--success:checked.focus-visible {
   box-shadow: var(--bs-focus-ring-success);
 }
 .d-checkbox--success:focus-visible,
@@ -2599,8 +2615,10 @@ legend .d-label {
     --check-radio--bc: var(--black-200);
     --check-radio--bgc: var(--black-075);
   }
-  .d-radio.focus-visible,
-  .d-radio:checked.focus-visible {
+  .d-radio.focus-visible.js-focus-visible,
+  .js-focus-visible .d-radio.focus-visible,
+  .d-radio:checked.focus-visible.js-focus-visible,
+  .js-focus-visible .d-radio:checked.focus-visible {
     box-shadow: var(--bs-focus-ring), inset 0 0 0 var(--su2) var(--white);
   }
   .d-radio:focus-visible,
@@ -2622,8 +2640,10 @@ legend .d-label {
   --check-radio--color: var(--warning-color);
   --check-radio--bc: var(--check-radio--color);
 }
-.d-radio--warning.focus-visible,
-.d-radio--warning:checked.focus-visible {
+.d-radio--warning.focus-visible.js-focus-visible,
+.js-focus-visible .d-radio--warning.focus-visible,
+.d-radio--warning:checked.focus-visible.js-focus-visible,
+.js-focus-visible .d-radio--warning:checked.focus-visible {
   box-shadow: var(--bs-focus-ring-warning), inset 0 0 0 var(--su2) var(--white);
 }
 .d-radio--warning:focus-visible,
@@ -2634,8 +2654,10 @@ legend .d-label {
   --check-radio--color: var(--error-color);
   --check-radio--bc: var(--check-radio--color);
 }
-.d-radio--error.focus-visible,
-.d-radio--error:checked.focus-visible {
+.d-radio--error.focus-visible.js-focus-visible,
+.js-focus-visible .d-radio--error.focus-visible,
+.d-radio--error:checked.focus-visible.js-focus-visible,
+.js-focus-visible .d-radio--error:checked.focus-visible {
   box-shadow: var(--bs-focus-ring-error), inset 0 0 0 var(--su2) var(--white);
 }
 .d-radio--error:focus-visible,
@@ -2646,8 +2668,10 @@ legend .d-label {
   --check-radio--color: var(--success-color);
   --check-radio--bc: var(--check-radio--color);
 }
-.d-radio--success.focus-visible,
-.d-radio--success:checked.focus-visible {
+.d-radio--success.focus-visible.js-focus-visible,
+.js-focus-visible .d-radio--success.focus-visible,
+.d-radio--success:checked.focus-visible.js-focus-visible,
+.js-focus-visible .d-radio--success:checked.focus-visible {
   box-shadow: var(--bs-focus-ring-success), inset 0 0 0 var(--su2) var(--white);
 }
 .d-radio--success:focus-visible,
@@ -2990,7 +3014,7 @@ legend .d-label {
   background-color: var(--tab--bgc);
   content: '';
 }
-.d-tab.focus-visible {
+.d-tab.focus-visible.js-focus-visible, .js-focus-visible .d-tab.focus-visible {
   outline: none;
   box-shadow: 0 0 0 var(--su2) var(--tab--oc);
 }
@@ -3080,7 +3104,8 @@ legend .d-label {
 }
 .d-tooltip--show,
 .d-tooltip--hover:hover .d-tooltip,
-.d-tooltip--hover.focus-visible .d-tooltip {
+.d-tooltip--hover.focus-visible.js-focus-visible .d-tooltip,
+.js-focus-visible .d-tooltip--hover.focus-visible .d-tooltip {
   transform: translate(0, 0);
   visibility: visible;
   opacity: 1;
@@ -3274,7 +3299,7 @@ legend .d-label {
   transition: left var(--toggle-ts) var(--toggle--ta);
   content: ' ';
 }
-.d-toggle.focus-visible {
+.d-toggle.focus-visible.js-focus-visible, .js-focus-visible .d-toggle.focus-visible {
   outline: none;
   box-shadow: var(--bs-focus-ring);
 }
@@ -3314,7 +3339,7 @@ legend .d-label {
   --bgg-from: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  0%);
 }
-.fv\:d-bgg-from-black-600.focus-visible {
+.fv\:d-bgg-from-black-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-600.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  0%);
@@ -3346,7 +3371,7 @@ body.theme-dark .d\:d-bgg-from-black-600 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-600.focus-visible {
+.fv\:d-bgg-to-black-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-600.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3376,7 +3401,7 @@ body.theme-dark .d\:d-bgg-to-black-600 {
   --bgg-from: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  0%);
 }
-.fv\:d-bgg-from-black-500.focus-visible {
+.fv\:d-bgg-from-black-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-500.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  0%);
@@ -3408,7 +3433,7 @@ body.theme-dark .d\:d-bgg-from-black-500 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-500.focus-visible {
+.fv\:d-bgg-to-black-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-500.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3438,7 +3463,7 @@ body.theme-dark .d\:d-bgg-to-black-500 {
   --bgg-from: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  0%);
 }
-.fv\:d-bgg-from-black-400.focus-visible {
+.fv\:d-bgg-from-black-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-400.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  0%);
@@ -3470,7 +3495,7 @@ body.theme-dark .d\:d-bgg-from-black-400 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-400.focus-visible {
+.fv\:d-bgg-to-black-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-400.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3500,7 +3525,7 @@ body.theme-dark .d\:d-bgg-to-black-400 {
   --bgg-from: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  0%);
 }
-.fv\:d-bgg-from-black-300.focus-visible {
+.fv\:d-bgg-from-black-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-300.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  0%);
@@ -3532,7 +3557,7 @@ body.theme-dark .d\:d-bgg-from-black-300 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-300.focus-visible {
+.fv\:d-bgg-to-black-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-300.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3562,7 +3587,7 @@ body.theme-dark .d\:d-bgg-to-black-300 {
   --bgg-from: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  0%);
 }
-.fv\:d-bgg-from-black-200.focus-visible {
+.fv\:d-bgg-from-black-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-200.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  0%);
@@ -3594,7 +3619,7 @@ body.theme-dark .d\:d-bgg-from-black-200 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-200.focus-visible {
+.fv\:d-bgg-to-black-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-200.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3624,7 +3649,7 @@ body.theme-dark .d\:d-bgg-to-black-200 {
   --bgg-from: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  0%);
 }
-.fv\:d-bgg-from-black-100.focus-visible {
+.fv\:d-bgg-from-black-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-100.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  0%);
@@ -3656,7 +3681,7 @@ body.theme-dark .d\:d-bgg-from-black-100 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-100.focus-visible {
+.fv\:d-bgg-to-black-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-100.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3686,7 +3711,7 @@ body.theme-dark .d\:d-bgg-to-black-100 {
   --bgg-from: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  0%);
 }
-.fv\:d-bgg-from-orange-600.focus-visible {
+.fv\:d-bgg-from-orange-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-orange-600.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  0%);
@@ -3718,7 +3743,7 @@ body.theme-dark .d\:d-bgg-from-orange-600 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-orange-600.focus-visible {
+.fv\:d-bgg-to-orange-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-orange-600.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3748,7 +3773,7 @@ body.theme-dark .d\:d-bgg-to-orange-600 {
   --bgg-from: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  0%);
 }
-.fv\:d-bgg-from-orange-500.focus-visible {
+.fv\:d-bgg-from-orange-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-orange-500.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  0%);
@@ -3780,7 +3805,7 @@ body.theme-dark .d\:d-bgg-from-orange-500 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-orange-500.focus-visible {
+.fv\:d-bgg-to-orange-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-orange-500.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3810,7 +3835,7 @@ body.theme-dark .d\:d-bgg-to-orange-500 {
   --bgg-from: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  0%);
 }
-.fv\:d-bgg-from-orange-400.focus-visible {
+.fv\:d-bgg-from-orange-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-orange-400.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  0%);
@@ -3842,7 +3867,7 @@ body.theme-dark .d\:d-bgg-from-orange-400 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-orange-400.focus-visible {
+.fv\:d-bgg-to-orange-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-orange-400.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3872,7 +3897,7 @@ body.theme-dark .d\:d-bgg-to-orange-400 {
   --bgg-from: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  0%);
 }
-.fv\:d-bgg-from-orange-300.focus-visible {
+.fv\:d-bgg-from-orange-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-orange-300.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  0%);
@@ -3904,7 +3929,7 @@ body.theme-dark .d\:d-bgg-from-orange-300 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-orange-300.focus-visible {
+.fv\:d-bgg-to-orange-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-orange-300.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3934,7 +3959,7 @@ body.theme-dark .d\:d-bgg-to-orange-300 {
   --bgg-from: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  0%);
 }
-.fv\:d-bgg-from-orange-200.focus-visible {
+.fv\:d-bgg-from-orange-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-orange-200.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  0%);
@@ -3966,7 +3991,7 @@ body.theme-dark .d\:d-bgg-from-orange-200 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-orange-200.focus-visible {
+.fv\:d-bgg-to-orange-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-orange-200.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -3996,7 +4021,7 @@ body.theme-dark .d\:d-bgg-to-orange-200 {
   --bgg-from: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  0%);
 }
-.fv\:d-bgg-from-orange-100.focus-visible {
+.fv\:d-bgg-from-orange-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-orange-100.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  0%);
@@ -4028,7 +4053,7 @@ body.theme-dark .d\:d-bgg-from-orange-100 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-orange-100.focus-visible {
+.fv\:d-bgg-to-orange-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-orange-100.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4058,7 +4083,7 @@ body.theme-dark .d\:d-bgg-to-orange-100 {
   --bgg-from: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  0%);
 }
-.fv\:d-bgg-from-purple-600.focus-visible {
+.fv\:d-bgg-from-purple-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-purple-600.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  0%);
@@ -4090,7 +4115,7 @@ body.theme-dark .d\:d-bgg-from-purple-600 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-purple-600.focus-visible {
+.fv\:d-bgg-to-purple-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-purple-600.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4120,7 +4145,7 @@ body.theme-dark .d\:d-bgg-to-purple-600 {
   --bgg-from: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  0%);
 }
-.fv\:d-bgg-from-purple-500.focus-visible {
+.fv\:d-bgg-from-purple-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-purple-500.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  0%);
@@ -4152,7 +4177,7 @@ body.theme-dark .d\:d-bgg-from-purple-500 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-purple-500.focus-visible {
+.fv\:d-bgg-to-purple-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-purple-500.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4182,7 +4207,7 @@ body.theme-dark .d\:d-bgg-to-purple-500 {
   --bgg-from: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  0%);
 }
-.fv\:d-bgg-from-purple-400.focus-visible {
+.fv\:d-bgg-from-purple-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-purple-400.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  0%);
@@ -4214,7 +4239,7 @@ body.theme-dark .d\:d-bgg-from-purple-400 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-purple-400.focus-visible {
+.fv\:d-bgg-to-purple-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-purple-400.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4244,7 +4269,7 @@ body.theme-dark .d\:d-bgg-to-purple-400 {
   --bgg-from: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  0%);
 }
-.fv\:d-bgg-from-purple-300.focus-visible {
+.fv\:d-bgg-from-purple-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-purple-300.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  0%);
@@ -4276,7 +4301,7 @@ body.theme-dark .d\:d-bgg-from-purple-300 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-purple-300.focus-visible {
+.fv\:d-bgg-to-purple-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-purple-300.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4306,7 +4331,7 @@ body.theme-dark .d\:d-bgg-to-purple-300 {
   --bgg-from: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  0%);
 }
-.fv\:d-bgg-from-purple-200.focus-visible {
+.fv\:d-bgg-from-purple-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-purple-200.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  0%);
@@ -4338,7 +4363,7 @@ body.theme-dark .d\:d-bgg-from-purple-200 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-purple-200.focus-visible {
+.fv\:d-bgg-to-purple-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-purple-200.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4368,7 +4393,7 @@ body.theme-dark .d\:d-bgg-to-purple-200 {
   --bgg-from: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  0%);
 }
-.fv\:d-bgg-from-purple-100.focus-visible {
+.fv\:d-bgg-from-purple-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-purple-100.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  0%);
@@ -4400,7 +4425,7 @@ body.theme-dark .d\:d-bgg-from-purple-100 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-purple-100.focus-visible {
+.fv\:d-bgg-to-purple-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-purple-100.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4430,7 +4455,7 @@ body.theme-dark .d\:d-bgg-to-purple-100 {
   --bgg-from: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  0%);
 }
-.fv\:d-bgg-from-pink-600.focus-visible {
+.fv\:d-bgg-from-pink-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-pink-600.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  0%);
@@ -4462,7 +4487,7 @@ body.theme-dark .d\:d-bgg-from-pink-600 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-pink-600.focus-visible {
+.fv\:d-bgg-to-pink-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-pink-600.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4492,7 +4517,7 @@ body.theme-dark .d\:d-bgg-to-pink-600 {
   --bgg-from: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  0%);
 }
-.fv\:d-bgg-from-pink-500.focus-visible {
+.fv\:d-bgg-from-pink-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-pink-500.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  0%);
@@ -4524,7 +4549,7 @@ body.theme-dark .d\:d-bgg-from-pink-500 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-pink-500.focus-visible {
+.fv\:d-bgg-to-pink-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-pink-500.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4554,7 +4579,7 @@ body.theme-dark .d\:d-bgg-to-pink-500 {
   --bgg-from: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  0%);
 }
-.fv\:d-bgg-from-pink-400.focus-visible {
+.fv\:d-bgg-from-pink-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-pink-400.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  0%);
@@ -4586,7 +4611,7 @@ body.theme-dark .d\:d-bgg-from-pink-400 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-pink-400.focus-visible {
+.fv\:d-bgg-to-pink-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-pink-400.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4616,7 +4641,7 @@ body.theme-dark .d\:d-bgg-to-pink-400 {
   --bgg-from: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  0%);
 }
-.fv\:d-bgg-from-pink-300.focus-visible {
+.fv\:d-bgg-from-pink-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-pink-300.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  0%);
@@ -4648,7 +4673,7 @@ body.theme-dark .d\:d-bgg-from-pink-300 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-pink-300.focus-visible {
+.fv\:d-bgg-to-pink-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-pink-300.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4678,7 +4703,7 @@ body.theme-dark .d\:d-bgg-to-pink-300 {
   --bgg-from: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  0%);
 }
-.fv\:d-bgg-from-pink-200.focus-visible {
+.fv\:d-bgg-from-pink-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-pink-200.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  0%);
@@ -4710,7 +4735,7 @@ body.theme-dark .d\:d-bgg-from-pink-200 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-pink-200.focus-visible {
+.fv\:d-bgg-to-pink-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-pink-200.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4740,7 +4765,7 @@ body.theme-dark .d\:d-bgg-to-pink-200 {
   --bgg-from: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  0%);
 }
-.fv\:d-bgg-from-pink-100.focus-visible {
+.fv\:d-bgg-from-pink-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-pink-100.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  0%);
@@ -4772,7 +4797,7 @@ body.theme-dark .d\:d-bgg-from-pink-100 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-pink-100.focus-visible {
+.fv\:d-bgg-to-pink-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-pink-100.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4802,7 +4827,7 @@ body.theme-dark .d\:d-bgg-to-pink-100 {
   --bgg-from: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  0%);
 }
-.fv\:d-bgg-from-yellow-600.focus-visible {
+.fv\:d-bgg-from-yellow-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-yellow-600.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  0%);
@@ -4834,7 +4859,7 @@ body.theme-dark .d\:d-bgg-from-yellow-600 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-yellow-600.focus-visible {
+.fv\:d-bgg-to-yellow-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-yellow-600.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4864,7 +4889,7 @@ body.theme-dark .d\:d-bgg-to-yellow-600 {
   --bgg-from: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  0%);
 }
-.fv\:d-bgg-from-yellow-500.focus-visible {
+.fv\:d-bgg-from-yellow-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-yellow-500.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  0%);
@@ -4896,7 +4921,7 @@ body.theme-dark .d\:d-bgg-from-yellow-500 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-yellow-500.focus-visible {
+.fv\:d-bgg-to-yellow-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-yellow-500.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4926,7 +4951,7 @@ body.theme-dark .d\:d-bgg-to-yellow-500 {
   --bgg-from: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  0%);
 }
-.fv\:d-bgg-from-yellow-400.focus-visible {
+.fv\:d-bgg-from-yellow-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-yellow-400.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  0%);
@@ -4958,7 +4983,7 @@ body.theme-dark .d\:d-bgg-from-yellow-400 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-yellow-400.focus-visible {
+.fv\:d-bgg-to-yellow-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-yellow-400.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -4988,7 +5013,7 @@ body.theme-dark .d\:d-bgg-to-yellow-400 {
   --bgg-from: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  0%);
 }
-.fv\:d-bgg-from-yellow-300.focus-visible {
+.fv\:d-bgg-from-yellow-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-yellow-300.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  0%);
@@ -5020,7 +5045,7 @@ body.theme-dark .d\:d-bgg-from-yellow-300 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-yellow-300.focus-visible {
+.fv\:d-bgg-to-yellow-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-yellow-300.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5050,7 +5075,7 @@ body.theme-dark .d\:d-bgg-to-yellow-300 {
   --bgg-from: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  0%);
 }
-.fv\:d-bgg-from-yellow-200.focus-visible {
+.fv\:d-bgg-from-yellow-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-yellow-200.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  0%);
@@ -5082,7 +5107,7 @@ body.theme-dark .d\:d-bgg-from-yellow-200 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-yellow-200.focus-visible {
+.fv\:d-bgg-to-yellow-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-yellow-200.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5112,7 +5137,7 @@ body.theme-dark .d\:d-bgg-to-yellow-200 {
   --bgg-from: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  0%);
 }
-.fv\:d-bgg-from-yellow-100.focus-visible {
+.fv\:d-bgg-from-yellow-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-yellow-100.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  0%);
@@ -5144,7 +5169,7 @@ body.theme-dark .d\:d-bgg-from-yellow-100 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-yellow-100.focus-visible {
+.fv\:d-bgg-to-yellow-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-yellow-100.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5174,7 +5199,7 @@ body.theme-dark .d\:d-bgg-to-yellow-100 {
   --bgg-from: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  0%);
 }
-.fv\:d-bgg-from-red-600.focus-visible {
+.fv\:d-bgg-from-red-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-red-600.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  0%);
@@ -5206,7 +5231,7 @@ body.theme-dark .d\:d-bgg-from-red-600 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-red-600.focus-visible {
+.fv\:d-bgg-to-red-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-red-600.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5236,7 +5261,7 @@ body.theme-dark .d\:d-bgg-to-red-600 {
   --bgg-from: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  0%);
 }
-.fv\:d-bgg-from-red-500.focus-visible {
+.fv\:d-bgg-from-red-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-red-500.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  0%);
@@ -5268,7 +5293,7 @@ body.theme-dark .d\:d-bgg-from-red-500 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-red-500.focus-visible {
+.fv\:d-bgg-to-red-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-red-500.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5298,7 +5323,7 @@ body.theme-dark .d\:d-bgg-to-red-500 {
   --bgg-from: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  0%);
 }
-.fv\:d-bgg-from-red-400.focus-visible {
+.fv\:d-bgg-from-red-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-red-400.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  0%);
@@ -5330,7 +5355,7 @@ body.theme-dark .d\:d-bgg-from-red-400 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-red-400.focus-visible {
+.fv\:d-bgg-to-red-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-red-400.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5360,7 +5385,7 @@ body.theme-dark .d\:d-bgg-to-red-400 {
   --bgg-from: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  0%);
 }
-.fv\:d-bgg-from-red-300.focus-visible {
+.fv\:d-bgg-from-red-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-red-300.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  0%);
@@ -5392,7 +5417,7 @@ body.theme-dark .d\:d-bgg-from-red-300 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-red-300.focus-visible {
+.fv\:d-bgg-to-red-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-red-300.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5422,7 +5447,7 @@ body.theme-dark .d\:d-bgg-to-red-300 {
   --bgg-from: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  0%);
 }
-.fv\:d-bgg-from-red-200.focus-visible {
+.fv\:d-bgg-from-red-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-red-200.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  0%);
@@ -5454,7 +5479,7 @@ body.theme-dark .d\:d-bgg-from-red-200 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-red-200.focus-visible {
+.fv\:d-bgg-to-red-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-red-200.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5484,7 +5509,7 @@ body.theme-dark .d\:d-bgg-to-red-200 {
   --bgg-from: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  0%);
 }
-.fv\:d-bgg-from-red-100.focus-visible {
+.fv\:d-bgg-from-red-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-red-100.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  0%);
@@ -5516,7 +5541,7 @@ body.theme-dark .d\:d-bgg-from-red-100 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-red-100.focus-visible {
+.fv\:d-bgg-to-red-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-red-100.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5546,7 +5571,7 @@ body.theme-dark .d\:d-bgg-to-red-100 {
   --bgg-from: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  0%);
 }
-.fv\:d-bgg-from-green-600.focus-visible {
+.fv\:d-bgg-from-green-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-green-600.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  0%);
@@ -5578,7 +5603,7 @@ body.theme-dark .d\:d-bgg-from-green-600 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-green-600.focus-visible {
+.fv\:d-bgg-to-green-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-green-600.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5608,7 +5633,7 @@ body.theme-dark .d\:d-bgg-to-green-600 {
   --bgg-from: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  0%);
 }
-.fv\:d-bgg-from-green-500.focus-visible {
+.fv\:d-bgg-from-green-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-green-500.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  0%);
@@ -5640,7 +5665,7 @@ body.theme-dark .d\:d-bgg-from-green-500 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-green-500.focus-visible {
+.fv\:d-bgg-to-green-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-green-500.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5670,7 +5695,7 @@ body.theme-dark .d\:d-bgg-to-green-500 {
   --bgg-from: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  0%);
 }
-.fv\:d-bgg-from-green-400.focus-visible {
+.fv\:d-bgg-from-green-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-green-400.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  0%);
@@ -5702,7 +5727,7 @@ body.theme-dark .d\:d-bgg-from-green-400 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-green-400.focus-visible {
+.fv\:d-bgg-to-green-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-green-400.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5732,7 +5757,7 @@ body.theme-dark .d\:d-bgg-to-green-400 {
   --bgg-from: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  0%);
 }
-.fv\:d-bgg-from-green-300.focus-visible {
+.fv\:d-bgg-from-green-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-green-300.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  0%);
@@ -5764,7 +5789,7 @@ body.theme-dark .d\:d-bgg-from-green-300 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-green-300.focus-visible {
+.fv\:d-bgg-to-green-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-green-300.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5794,7 +5819,7 @@ body.theme-dark .d\:d-bgg-to-green-300 {
   --bgg-from: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  0%);
 }
-.fv\:d-bgg-from-green-200.focus-visible {
+.fv\:d-bgg-from-green-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-green-200.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  0%);
@@ -5826,7 +5851,7 @@ body.theme-dark .d\:d-bgg-from-green-200 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-green-200.focus-visible {
+.fv\:d-bgg-to-green-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-green-200.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5856,7 +5881,7 @@ body.theme-dark .d\:d-bgg-to-green-200 {
   --bgg-from: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  0%);
 }
-.fv\:d-bgg-from-green-100.focus-visible {
+.fv\:d-bgg-from-green-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-green-100.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  0%);
@@ -5888,7 +5913,7 @@ body.theme-dark .d\:d-bgg-from-green-100 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-green-100.focus-visible {
+.fv\:d-bgg-to-green-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-green-100.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5918,7 +5943,7 @@ body.theme-dark .d\:d-bgg-to-green-100 {
   --bgg-from: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--white-h) var(--white-s) var(--white-l)  /  0%);
 }
-.fv\:d-bgg-from-white.focus-visible {
+.fv\:d-bgg-from-white.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-white.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--white-h) var(--white-s) var(--white-l)  /  0%);
@@ -5950,7 +5975,7 @@ body.theme-dark .d\:d-bgg-from-white {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-white.focus-visible {
+.fv\:d-bgg-to-white.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-white.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -5980,7 +6005,7 @@ body.theme-dark .d\:d-bgg-to-white {
   --bgg-from: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  0%);
 }
-.fv\:d-bgg-from-black-900.focus-visible {
+.fv\:d-bgg-from-black-900.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-900.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  0%);
@@ -6012,7 +6037,7 @@ body.theme-dark .d\:d-bgg-from-black-900 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-900.focus-visible {
+.fv\:d-bgg-to-black-900.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-900.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6042,7 +6067,7 @@ body.theme-dark .d\:d-bgg-to-black-900 {
   --bgg-from: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  0%);
 }
-.fv\:d-bgg-from-black-800.focus-visible {
+.fv\:d-bgg-from-black-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-800.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  0%);
@@ -6074,7 +6099,7 @@ body.theme-dark .d\:d-bgg-from-black-800 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-800.focus-visible {
+.fv\:d-bgg-to-black-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-800.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6104,7 +6129,7 @@ body.theme-dark .d\:d-bgg-to-black-800 {
   --bgg-from: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  0%);
 }
-.fv\:d-bgg-from-black-700.focus-visible {
+.fv\:d-bgg-from-black-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-700.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  0%);
@@ -6136,7 +6161,7 @@ body.theme-dark .d\:d-bgg-from-black-700 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-700.focus-visible {
+.fv\:d-bgg-to-black-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-700.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6166,7 +6191,7 @@ body.theme-dark .d\:d-bgg-to-black-700 {
   --bgg-from: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  0%);
 }
-.fv\:d-bgg-from-black-075.focus-visible {
+.fv\:d-bgg-from-black-075.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-075.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  0%);
@@ -6198,7 +6223,7 @@ body.theme-dark .d\:d-bgg-from-black-075 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-075.focus-visible {
+.fv\:d-bgg-to-black-075.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-075.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6228,7 +6253,7 @@ body.theme-dark .d\:d-bgg-to-black-075 {
   --bgg-from: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  0%);
 }
-.fv\:d-bgg-from-black-050.focus-visible {
+.fv\:d-bgg-from-black-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-050.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  0%);
@@ -6260,7 +6285,7 @@ body.theme-dark .d\:d-bgg-from-black-050 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-050.focus-visible {
+.fv\:d-bgg-to-black-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-050.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6290,7 +6315,7 @@ body.theme-dark .d\:d-bgg-to-black-050 {
   --bgg-from: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  0%);
 }
-.fv\:d-bgg-from-black-025.focus-visible {
+.fv\:d-bgg-from-black-025.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-black-025.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  0%);
@@ -6322,7 +6347,7 @@ body.theme-dark .d\:d-bgg-from-black-025 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-black-025.focus-visible {
+.fv\:d-bgg-to-black-025.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-black-025.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6352,7 +6377,7 @@ body.theme-dark .d\:d-bgg-to-black-025 {
   --bgg-from: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  0%);
 }
-.fv\:d-bgg-from-purple-800.focus-visible {
+.fv\:d-bgg-from-purple-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-purple-800.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  0%);
@@ -6384,7 +6409,7 @@ body.theme-dark .d\:d-bgg-from-purple-800 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-purple-800.focus-visible {
+.fv\:d-bgg-to-purple-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-purple-800.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6414,7 +6439,7 @@ body.theme-dark .d\:d-bgg-to-purple-800 {
   --bgg-from: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  0%);
 }
-.fv\:d-bgg-from-purple-700.focus-visible {
+.fv\:d-bgg-from-purple-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-purple-700.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  0%);
@@ -6446,7 +6471,7 @@ body.theme-dark .d\:d-bgg-from-purple-700 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-purple-700.focus-visible {
+.fv\:d-bgg-to-purple-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-purple-700.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6476,7 +6501,7 @@ body.theme-dark .d\:d-bgg-to-purple-700 {
   --bgg-from: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  0%);
 }
-.fv\:d-bgg-from-pink-700.focus-visible {
+.fv\:d-bgg-from-pink-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-pink-700.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  0%);
@@ -6508,7 +6533,7 @@ body.theme-dark .d\:d-bgg-from-pink-700 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-pink-700.focus-visible {
+.fv\:d-bgg-to-pink-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-pink-700.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6538,7 +6563,7 @@ body.theme-dark .d\:d-bgg-to-pink-700 {
   --bgg-from: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  0%);
 }
-.fv\:d-bgg-from-yellow-050.focus-visible {
+.fv\:d-bgg-from-yellow-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-yellow-050.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  0%);
@@ -6570,7 +6595,7 @@ body.theme-dark .d\:d-bgg-from-yellow-050 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-yellow-050.focus-visible {
+.fv\:d-bgg-to-yellow-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-yellow-050.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6600,7 +6625,7 @@ body.theme-dark .d\:d-bgg-to-yellow-050 {
   --bgg-from: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  0%);
 }
-.fv\:d-bgg-from-green-700.focus-visible {
+.fv\:d-bgg-from-green-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-green-700.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  0%);
@@ -6632,7 +6657,7 @@ body.theme-dark .d\:d-bgg-from-green-700 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-green-700.focus-visible {
+.fv\:d-bgg-to-green-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-green-700.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6662,7 +6687,7 @@ body.theme-dark .d\:d-bgg-to-green-700 {
   --bgg-from: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  0%);
 }
-.fv\:d-bgg-from-red-700.focus-visible {
+.fv\:d-bgg-from-red-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-red-700.focus-visible {
   --bgg-from-opacity: 100%;
   --bgg-from: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--bgg-from-opacity));
   --bgg-to: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  0%);
@@ -6694,7 +6719,7 @@ body.theme-dark .d\:d-bgg-from-red-700 {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--bgg-to-opacity)) !important;
 }
-.fv\:d-bgg-to-red-700.focus-visible {
+.fv\:d-bgg-to-red-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-red-700.focus-visible {
   --bgg-to-opacity: 100%;
   --bgg-to: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--bgg-to-opacity)) !important;
 }
@@ -6846,7 +6871,7 @@ body.theme-dark .d\:d-bgg-to-red-700 {
 .f\:d-bgg-none:focus-within {
   background-image: none !important;
 }
-.fv\:d-bgg-none.focus-visible {
+.fv\:d-bgg-none.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-none.focus-visible {
   background-image: none !important;
 }
 .fv\:d-bgg-none:focus-visible {
@@ -6864,7 +6889,7 @@ body.theme-dark .d\:d-bgg-to-red-700 {
 .f\:d-bgg-unset:focus-within {
   background-image: unset !important;
 }
-.fv\:d-bgg-unset.focus-visible {
+.fv\:d-bgg-unset.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-unset.focus-visible {
   background-image: unset !important;
 }
 .fv\:d-bgg-unset:focus-visible {
@@ -7380,7 +7405,8 @@ body.theme-dark .d\:d-bgg-to-red-700 {
 .h\:d-fc-lighter:hover,
 .f\:d-fc-lighter:focus,
 .f\:d-fc-lighter:focus-within,
-.fv\:d-fc-lighter.focus-visible {
+.fv\:d-fc-lighter.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-lighter.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--fco)) !important;
 }
@@ -7399,7 +7425,7 @@ body.theme-dark .d\:d-bgg-to-red-700 {
   --fco: 100%;
   color: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-600.focus-visible {
+.fv\:d-fc-black-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-600.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--fco)) !important;
 }
@@ -7427,7 +7453,7 @@ body.theme-dark .d\:d-fc-black-600 {
   --bco: 100%;
   border-color: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-600.focus-visible {
+.fv\:d-bc-black-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-600.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--bco)) !important;
 }
@@ -7469,7 +7495,7 @@ body.theme-dark .d\:d-divide-black-600 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-600.focus-visible {
+.fv\:d-bgc-black-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-600.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-600-h) var(--black-600-s) var(--black-600-l)  /  var(--bgo)) !important;
 }
@@ -7497,7 +7523,7 @@ body.theme-dark .d\:d-bgc-black-600 {
   --fco: 100%;
   color: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-500.focus-visible {
+.fv\:d-fc-black-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-500.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--fco)) !important;
 }
@@ -7525,7 +7551,7 @@ body.theme-dark .d\:d-fc-black-500 {
   --bco: 100%;
   border-color: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-500.focus-visible {
+.fv\:d-bc-black-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-500.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--bco)) !important;
 }
@@ -7567,7 +7593,7 @@ body.theme-dark .d\:d-divide-black-500 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-500.focus-visible {
+.fv\:d-bgc-black-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-500.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-500-h) var(--black-500-s) var(--black-500-l)  /  var(--bgo)) !important;
 }
@@ -7595,7 +7621,7 @@ body.theme-dark .d\:d-bgc-black-500 {
   --fco: 100%;
   color: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-400.focus-visible {
+.fv\:d-fc-black-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-400.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--fco)) !important;
 }
@@ -7623,7 +7649,7 @@ body.theme-dark .d\:d-fc-black-400 {
   --bco: 100%;
   border-color: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-400.focus-visible {
+.fv\:d-bc-black-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-400.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--bco)) !important;
 }
@@ -7665,7 +7691,7 @@ body.theme-dark .d\:d-divide-black-400 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-400.focus-visible {
+.fv\:d-bgc-black-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-400.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-400-h) var(--black-400-s) var(--black-400-l)  /  var(--bgo)) !important;
 }
@@ -7693,7 +7719,7 @@ body.theme-dark .d\:d-bgc-black-400 {
   --fco: 100%;
   color: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-300.focus-visible {
+.fv\:d-fc-black-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-300.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--fco)) !important;
 }
@@ -7721,7 +7747,7 @@ body.theme-dark .d\:d-fc-black-300 {
   --bco: 100%;
   border-color: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-300.focus-visible {
+.fv\:d-bc-black-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-300.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--bco)) !important;
 }
@@ -7763,7 +7789,7 @@ body.theme-dark .d\:d-divide-black-300 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-300.focus-visible {
+.fv\:d-bgc-black-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-300.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-300-h) var(--black-300-s) var(--black-300-l)  /  var(--bgo)) !important;
 }
@@ -7791,7 +7817,7 @@ body.theme-dark .d\:d-bgc-black-300 {
   --fco: 100%;
   color: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-200.focus-visible {
+.fv\:d-fc-black-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-200.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--fco)) !important;
 }
@@ -7819,7 +7845,7 @@ body.theme-dark .d\:d-fc-black-200 {
   --bco: 100%;
   border-color: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-200.focus-visible {
+.fv\:d-bc-black-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-200.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--bco)) !important;
 }
@@ -7861,7 +7887,7 @@ body.theme-dark .d\:d-divide-black-200 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-200.focus-visible {
+.fv\:d-bgc-black-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-200.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-200-h) var(--black-200-s) var(--black-200-l)  /  var(--bgo)) !important;
 }
@@ -7889,7 +7915,7 @@ body.theme-dark .d\:d-bgc-black-200 {
   --fco: 100%;
   color: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-100.focus-visible {
+.fv\:d-fc-black-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-100.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--fco)) !important;
 }
@@ -7917,7 +7943,7 @@ body.theme-dark .d\:d-fc-black-100 {
   --bco: 100%;
   border-color: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-100.focus-visible {
+.fv\:d-bc-black-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-100.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--bco)) !important;
 }
@@ -7959,7 +7985,7 @@ body.theme-dark .d\:d-divide-black-100 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-100.focus-visible {
+.fv\:d-bgc-black-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-100.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-100-h) var(--black-100-s) var(--black-100-l)  /  var(--bgo)) !important;
 }
@@ -7987,7 +8013,7 @@ body.theme-dark .d\:d-bgc-black-100 {
   --fco: 100%;
   color: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-purple-600.focus-visible {
+.fv\:d-fc-purple-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-purple-600.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--fco)) !important;
 }
@@ -8015,7 +8041,7 @@ body.theme-dark .d\:d-fc-purple-600 {
   --bco: 100%;
   border-color: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-purple-600.focus-visible {
+.fv\:d-bc-purple-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-purple-600.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--bco)) !important;
 }
@@ -8057,7 +8083,7 @@ body.theme-dark .d\:d-divide-purple-600 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-purple-600.focus-visible {
+.fv\:d-bgc-purple-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-purple-600.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--purple-600-h) var(--purple-600-s) var(--purple-600-l)  /  var(--bgo)) !important;
 }
@@ -8082,7 +8108,8 @@ body.theme-dark .d\:d-bgc-purple-600 {
 .h\:d-fc-purple:hover,
 .f\:d-fc-purple:focus,
 .f\:d-fc-purple:focus-within,
-.fv\:d-fc-purple.focus-visible {
+.fv\:d-fc-purple.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-purple.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--fco)) !important;
 }
@@ -8101,7 +8128,7 @@ body.theme-dark .d\:d-bgc-purple-600 {
   --fco: 100%;
   color: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-purple-500.focus-visible {
+.fv\:d-fc-purple-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-purple-500.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--fco)) !important;
 }
@@ -8129,7 +8156,7 @@ body.theme-dark .d\:d-fc-purple-500 {
   --bco: 100%;
   border-color: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-purple-500.focus-visible {
+.fv\:d-bc-purple-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-purple-500.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--bco)) !important;
 }
@@ -8171,7 +8198,7 @@ body.theme-dark .d\:d-divide-purple-500 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-purple-500.focus-visible {
+.fv\:d-bgc-purple-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-purple-500.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--purple-500-h) var(--purple-500-s) var(--purple-500-l)  /  var(--bgo)) !important;
 }
@@ -8199,7 +8226,7 @@ body.theme-dark .d\:d-bgc-purple-500 {
   --fco: 100%;
   color: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-purple-400.focus-visible {
+.fv\:d-fc-purple-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-purple-400.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--fco)) !important;
 }
@@ -8227,7 +8254,7 @@ body.theme-dark .d\:d-fc-purple-400 {
   --bco: 100%;
   border-color: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-purple-400.focus-visible {
+.fv\:d-bc-purple-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-purple-400.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--bco)) !important;
 }
@@ -8269,7 +8296,7 @@ body.theme-dark .d\:d-divide-purple-400 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-purple-400.focus-visible {
+.fv\:d-bgc-purple-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-purple-400.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--purple-400-h) var(--purple-400-s) var(--purple-400-l)  /  var(--bgo)) !important;
 }
@@ -8297,7 +8324,7 @@ body.theme-dark .d\:d-bgc-purple-400 {
   --fco: 100%;
   color: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-purple-300.focus-visible {
+.fv\:d-fc-purple-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-purple-300.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--fco)) !important;
 }
@@ -8325,7 +8352,7 @@ body.theme-dark .d\:d-fc-purple-300 {
   --bco: 100%;
   border-color: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-purple-300.focus-visible {
+.fv\:d-bc-purple-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-purple-300.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--bco)) !important;
 }
@@ -8367,7 +8394,7 @@ body.theme-dark .d\:d-divide-purple-300 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-purple-300.focus-visible {
+.fv\:d-bgc-purple-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-purple-300.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--purple-300-h) var(--purple-300-s) var(--purple-300-l)  /  var(--bgo)) !important;
 }
@@ -8395,7 +8422,7 @@ body.theme-dark .d\:d-bgc-purple-300 {
   --fco: 100%;
   color: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-purple-200.focus-visible {
+.fv\:d-fc-purple-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-purple-200.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--fco)) !important;
 }
@@ -8423,7 +8450,7 @@ body.theme-dark .d\:d-fc-purple-200 {
   --bco: 100%;
   border-color: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-purple-200.focus-visible {
+.fv\:d-bc-purple-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-purple-200.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--bco)) !important;
 }
@@ -8465,7 +8492,7 @@ body.theme-dark .d\:d-divide-purple-200 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-purple-200.focus-visible {
+.fv\:d-bgc-purple-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-purple-200.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--purple-200-h) var(--purple-200-s) var(--purple-200-l)  /  var(--bgo)) !important;
 }
@@ -8493,7 +8520,7 @@ body.theme-dark .d\:d-bgc-purple-200 {
   --fco: 100%;
   color: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-purple-100.focus-visible {
+.fv\:d-fc-purple-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-purple-100.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--fco)) !important;
 }
@@ -8521,7 +8548,7 @@ body.theme-dark .d\:d-fc-purple-100 {
   --bco: 100%;
   border-color: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-purple-100.focus-visible {
+.fv\:d-bc-purple-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-purple-100.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--bco)) !important;
 }
@@ -8563,7 +8590,7 @@ body.theme-dark .d\:d-divide-purple-100 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-purple-100.focus-visible {
+.fv\:d-bgc-purple-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-purple-100.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--purple-100-h) var(--purple-100-s) var(--purple-100-l)  /  var(--bgo)) !important;
 }
@@ -8588,7 +8615,8 @@ body.theme-dark .d\:d-bgc-purple-100 {
 .h\:d-fc-orange:hover,
 .f\:d-fc-orange:focus,
 .f\:d-fc-orange:focus-within,
-.fv\:d-fc-orange.focus-visible {
+.fv\:d-fc-orange.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-orange.focus-visible {
   --fco: 100%;
   color: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--fco)) !important;
 }
@@ -8607,7 +8635,7 @@ body.theme-dark .d\:d-bgc-purple-100 {
   --fco: 100%;
   color: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-orange-600.focus-visible {
+.fv\:d-fc-orange-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-orange-600.focus-visible {
   --fco: 100%;
   color: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--fco)) !important;
 }
@@ -8635,7 +8663,7 @@ body.theme-dark .d\:d-fc-orange-600 {
   --bco: 100%;
   border-color: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-orange-600.focus-visible {
+.fv\:d-bc-orange-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-orange-600.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--bco)) !important;
 }
@@ -8677,7 +8705,7 @@ body.theme-dark .d\:d-divide-orange-600 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-orange-600.focus-visible {
+.fv\:d-bgc-orange-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-orange-600.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--orange-600-h) var(--orange-600-s) var(--orange-600-l)  /  var(--bgo)) !important;
 }
@@ -8705,7 +8733,7 @@ body.theme-dark .d\:d-bgc-orange-600 {
   --fco: 100%;
   color: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-orange-500.focus-visible {
+.fv\:d-fc-orange-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-orange-500.focus-visible {
   --fco: 100%;
   color: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--fco)) !important;
 }
@@ -8733,7 +8761,7 @@ body.theme-dark .d\:d-fc-orange-500 {
   --bco: 100%;
   border-color: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-orange-500.focus-visible {
+.fv\:d-bc-orange-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-orange-500.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--bco)) !important;
 }
@@ -8775,7 +8803,7 @@ body.theme-dark .d\:d-divide-orange-500 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-orange-500.focus-visible {
+.fv\:d-bgc-orange-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-orange-500.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--orange-500-h) var(--orange-500-s) var(--orange-500-l)  /  var(--bgo)) !important;
 }
@@ -8803,7 +8831,7 @@ body.theme-dark .d\:d-bgc-orange-500 {
   --fco: 100%;
   color: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-orange-400.focus-visible {
+.fv\:d-fc-orange-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-orange-400.focus-visible {
   --fco: 100%;
   color: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--fco)) !important;
 }
@@ -8831,7 +8859,7 @@ body.theme-dark .d\:d-fc-orange-400 {
   --bco: 100%;
   border-color: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-orange-400.focus-visible {
+.fv\:d-bc-orange-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-orange-400.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--bco)) !important;
 }
@@ -8873,7 +8901,7 @@ body.theme-dark .d\:d-divide-orange-400 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-orange-400.focus-visible {
+.fv\:d-bgc-orange-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-orange-400.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--orange-400-h) var(--orange-400-s) var(--orange-400-l)  /  var(--bgo)) !important;
 }
@@ -8901,7 +8929,7 @@ body.theme-dark .d\:d-bgc-orange-400 {
   --fco: 100%;
   color: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-orange-300.focus-visible {
+.fv\:d-fc-orange-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-orange-300.focus-visible {
   --fco: 100%;
   color: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--fco)) !important;
 }
@@ -8929,7 +8957,7 @@ body.theme-dark .d\:d-fc-orange-300 {
   --bco: 100%;
   border-color: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-orange-300.focus-visible {
+.fv\:d-bc-orange-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-orange-300.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--bco)) !important;
 }
@@ -8971,7 +8999,7 @@ body.theme-dark .d\:d-divide-orange-300 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-orange-300.focus-visible {
+.fv\:d-bgc-orange-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-orange-300.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--orange-300-h) var(--orange-300-s) var(--orange-300-l)  /  var(--bgo)) !important;
 }
@@ -8999,7 +9027,7 @@ body.theme-dark .d\:d-bgc-orange-300 {
   --fco: 100%;
   color: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-orange-200.focus-visible {
+.fv\:d-fc-orange-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-orange-200.focus-visible {
   --fco: 100%;
   color: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--fco)) !important;
 }
@@ -9027,7 +9055,7 @@ body.theme-dark .d\:d-fc-orange-200 {
   --bco: 100%;
   border-color: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-orange-200.focus-visible {
+.fv\:d-bc-orange-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-orange-200.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--bco)) !important;
 }
@@ -9069,7 +9097,7 @@ body.theme-dark .d\:d-divide-orange-200 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-orange-200.focus-visible {
+.fv\:d-bgc-orange-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-orange-200.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--orange-200-h) var(--orange-200-s) var(--orange-200-l)  /  var(--bgo)) !important;
 }
@@ -9097,7 +9125,7 @@ body.theme-dark .d\:d-bgc-orange-200 {
   --fco: 100%;
   color: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-orange-100.focus-visible {
+.fv\:d-fc-orange-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-orange-100.focus-visible {
   --fco: 100%;
   color: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--fco)) !important;
 }
@@ -9125,7 +9153,7 @@ body.theme-dark .d\:d-fc-orange-100 {
   --bco: 100%;
   border-color: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-orange-100.focus-visible {
+.fv\:d-bc-orange-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-orange-100.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--bco)) !important;
 }
@@ -9167,7 +9195,7 @@ body.theme-dark .d\:d-divide-orange-100 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-orange-100.focus-visible {
+.fv\:d-bgc-orange-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-orange-100.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--orange-100-h) var(--orange-100-s) var(--orange-100-l)  /  var(--bgo)) !important;
 }
@@ -9192,7 +9220,8 @@ body.theme-dark .d\:d-bgc-orange-100 {
 .h\:d-fc-pink:hover,
 .f\:d-fc-pink:focus,
 .f\:d-fc-pink:focus-within,
-.fv\:d-fc-pink.focus-visible {
+.fv\:d-fc-pink.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-pink.focus-visible {
   --fco: 100%;
   color: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--fco)) !important;
 }
@@ -9211,7 +9240,7 @@ body.theme-dark .d\:d-bgc-orange-100 {
   --fco: 100%;
   color: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-pink-600.focus-visible {
+.fv\:d-fc-pink-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-pink-600.focus-visible {
   --fco: 100%;
   color: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--fco)) !important;
 }
@@ -9239,7 +9268,7 @@ body.theme-dark .d\:d-fc-pink-600 {
   --bco: 100%;
   border-color: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-pink-600.focus-visible {
+.fv\:d-bc-pink-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-pink-600.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--bco)) !important;
 }
@@ -9281,7 +9310,7 @@ body.theme-dark .d\:d-divide-pink-600 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-pink-600.focus-visible {
+.fv\:d-bgc-pink-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-pink-600.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--pink-600-h) var(--pink-600-s) var(--pink-600-l)  /  var(--bgo)) !important;
 }
@@ -9309,7 +9338,7 @@ body.theme-dark .d\:d-bgc-pink-600 {
   --fco: 100%;
   color: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-pink-500.focus-visible {
+.fv\:d-fc-pink-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-pink-500.focus-visible {
   --fco: 100%;
   color: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--fco)) !important;
 }
@@ -9337,7 +9366,7 @@ body.theme-dark .d\:d-fc-pink-500 {
   --bco: 100%;
   border-color: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-pink-500.focus-visible {
+.fv\:d-bc-pink-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-pink-500.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--bco)) !important;
 }
@@ -9379,7 +9408,7 @@ body.theme-dark .d\:d-divide-pink-500 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-pink-500.focus-visible {
+.fv\:d-bgc-pink-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-pink-500.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--pink-500-h) var(--pink-500-s) var(--pink-500-l)  /  var(--bgo)) !important;
 }
@@ -9407,7 +9436,7 @@ body.theme-dark .d\:d-bgc-pink-500 {
   --fco: 100%;
   color: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-pink-400.focus-visible {
+.fv\:d-fc-pink-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-pink-400.focus-visible {
   --fco: 100%;
   color: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--fco)) !important;
 }
@@ -9435,7 +9464,7 @@ body.theme-dark .d\:d-fc-pink-400 {
   --bco: 100%;
   border-color: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-pink-400.focus-visible {
+.fv\:d-bc-pink-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-pink-400.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--bco)) !important;
 }
@@ -9477,7 +9506,7 @@ body.theme-dark .d\:d-divide-pink-400 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-pink-400.focus-visible {
+.fv\:d-bgc-pink-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-pink-400.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--pink-400-h) var(--pink-400-s) var(--pink-400-l)  /  var(--bgo)) !important;
 }
@@ -9505,7 +9534,7 @@ body.theme-dark .d\:d-bgc-pink-400 {
   --fco: 100%;
   color: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-pink-300.focus-visible {
+.fv\:d-fc-pink-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-pink-300.focus-visible {
   --fco: 100%;
   color: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--fco)) !important;
 }
@@ -9533,7 +9562,7 @@ body.theme-dark .d\:d-fc-pink-300 {
   --bco: 100%;
   border-color: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-pink-300.focus-visible {
+.fv\:d-bc-pink-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-pink-300.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--bco)) !important;
 }
@@ -9575,7 +9604,7 @@ body.theme-dark .d\:d-divide-pink-300 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-pink-300.focus-visible {
+.fv\:d-bgc-pink-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-pink-300.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--pink-300-h) var(--pink-300-s) var(--pink-300-l)  /  var(--bgo)) !important;
 }
@@ -9603,7 +9632,7 @@ body.theme-dark .d\:d-bgc-pink-300 {
   --fco: 100%;
   color: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-pink-200.focus-visible {
+.fv\:d-fc-pink-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-pink-200.focus-visible {
   --fco: 100%;
   color: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--fco)) !important;
 }
@@ -9631,7 +9660,7 @@ body.theme-dark .d\:d-fc-pink-200 {
   --bco: 100%;
   border-color: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-pink-200.focus-visible {
+.fv\:d-bc-pink-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-pink-200.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--bco)) !important;
 }
@@ -9673,7 +9702,7 @@ body.theme-dark .d\:d-divide-pink-200 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-pink-200.focus-visible {
+.fv\:d-bgc-pink-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-pink-200.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--pink-200-h) var(--pink-200-s) var(--pink-200-l)  /  var(--bgo)) !important;
 }
@@ -9701,7 +9730,7 @@ body.theme-dark .d\:d-bgc-pink-200 {
   --fco: 100%;
   color: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-pink-100.focus-visible {
+.fv\:d-fc-pink-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-pink-100.focus-visible {
   --fco: 100%;
   color: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--fco)) !important;
 }
@@ -9729,7 +9758,7 @@ body.theme-dark .d\:d-fc-pink-100 {
   --bco: 100%;
   border-color: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-pink-100.focus-visible {
+.fv\:d-bc-pink-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-pink-100.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--bco)) !important;
 }
@@ -9771,7 +9800,7 @@ body.theme-dark .d\:d-divide-pink-100 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-pink-100.focus-visible {
+.fv\:d-bgc-pink-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-pink-100.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--pink-100-h) var(--pink-100-s) var(--pink-100-l)  /  var(--bgo)) !important;
 }
@@ -9796,7 +9825,8 @@ body.theme-dark .d\:d-bgc-pink-100 {
 .h\:d-fc-yellow:hover,
 .f\:d-fc-yellow:focus,
 .f\:d-fc-yellow:focus-within,
-.fv\:d-fc-yellow.focus-visible {
+.fv\:d-fc-yellow.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-yellow.focus-visible {
   --fco: 100%;
   color: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--fco)) !important;
 }
@@ -9815,7 +9845,7 @@ body.theme-dark .d\:d-bgc-pink-100 {
   --fco: 100%;
   color: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-yellow-600.focus-visible {
+.fv\:d-fc-yellow-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-yellow-600.focus-visible {
   --fco: 100%;
   color: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--fco)) !important;
 }
@@ -9843,7 +9873,7 @@ body.theme-dark .d\:d-fc-yellow-600 {
   --bco: 100%;
   border-color: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-yellow-600.focus-visible {
+.fv\:d-bc-yellow-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-yellow-600.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--bco)) !important;
 }
@@ -9885,7 +9915,7 @@ body.theme-dark .d\:d-divide-yellow-600 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-yellow-600.focus-visible {
+.fv\:d-bgc-yellow-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-yellow-600.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--yellow-600-h) var(--yellow-600-s) var(--yellow-600-l)  /  var(--bgo)) !important;
 }
@@ -9913,7 +9943,7 @@ body.theme-dark .d\:d-bgc-yellow-600 {
   --fco: 100%;
   color: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-yellow-500.focus-visible {
+.fv\:d-fc-yellow-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-yellow-500.focus-visible {
   --fco: 100%;
   color: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--fco)) !important;
 }
@@ -9941,7 +9971,7 @@ body.theme-dark .d\:d-fc-yellow-500 {
   --bco: 100%;
   border-color: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-yellow-500.focus-visible {
+.fv\:d-bc-yellow-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-yellow-500.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bco)) !important;
 }
@@ -9980,7 +10010,8 @@ body.theme-dark .d\:d-divide-yellow-500 > * + * {
 .h\:d-bgc-warning:hover,
 .f\:d-bgc-warning:focus,
 .f\:d-bgc-warning:focus-within,
-.fv\:d-bgc-warning.focus-visible {
+.fv\:d-bgc-warning.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-bgc-warning.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bgo)) !important;
 }
@@ -9999,7 +10030,7 @@ body.theme-dark .d\:d-divide-yellow-500 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-yellow-500.focus-visible {
+.fv\:d-bgc-yellow-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-yellow-500.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--yellow-500-h) var(--yellow-500-s) var(--yellow-500-l)  /  var(--bgo)) !important;
 }
@@ -10027,7 +10058,7 @@ body.theme-dark .d\:d-bgc-yellow-500 {
   --fco: 100%;
   color: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-yellow-400.focus-visible {
+.fv\:d-fc-yellow-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-yellow-400.focus-visible {
   --fco: 100%;
   color: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--fco)) !important;
 }
@@ -10055,7 +10086,7 @@ body.theme-dark .d\:d-fc-yellow-400 {
   --bco: 100%;
   border-color: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-yellow-400.focus-visible {
+.fv\:d-bc-yellow-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-yellow-400.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--bco)) !important;
 }
@@ -10097,7 +10128,7 @@ body.theme-dark .d\:d-divide-yellow-400 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-yellow-400.focus-visible {
+.fv\:d-bgc-yellow-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-yellow-400.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--yellow-400-h) var(--yellow-400-s) var(--yellow-400-l)  /  var(--bgo)) !important;
 }
@@ -10125,7 +10156,7 @@ body.theme-dark .d\:d-bgc-yellow-400 {
   --fco: 100%;
   color: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-yellow-300.focus-visible {
+.fv\:d-fc-yellow-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-yellow-300.focus-visible {
   --fco: 100%;
   color: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--fco)) !important;
 }
@@ -10153,7 +10184,7 @@ body.theme-dark .d\:d-fc-yellow-300 {
   --bco: 100%;
   border-color: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-yellow-300.focus-visible {
+.fv\:d-bc-yellow-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-yellow-300.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--bco)) !important;
 }
@@ -10195,7 +10226,7 @@ body.theme-dark .d\:d-divide-yellow-300 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-yellow-300.focus-visible {
+.fv\:d-bgc-yellow-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-yellow-300.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--yellow-300-h) var(--yellow-300-s) var(--yellow-300-l)  /  var(--bgo)) !important;
 }
@@ -10223,7 +10254,7 @@ body.theme-dark .d\:d-bgc-yellow-300 {
   --fco: 100%;
   color: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-yellow-200.focus-visible {
+.fv\:d-fc-yellow-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-yellow-200.focus-visible {
   --fco: 100%;
   color: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--fco)) !important;
 }
@@ -10251,7 +10282,7 @@ body.theme-dark .d\:d-fc-yellow-200 {
   --bco: 100%;
   border-color: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-yellow-200.focus-visible {
+.fv\:d-bc-yellow-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-yellow-200.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--bco)) !important;
 }
@@ -10293,7 +10324,7 @@ body.theme-dark .d\:d-divide-yellow-200 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-yellow-200.focus-visible {
+.fv\:d-bgc-yellow-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-yellow-200.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--yellow-200-h) var(--yellow-200-s) var(--yellow-200-l)  /  var(--bgo)) !important;
 }
@@ -10321,7 +10352,7 @@ body.theme-dark .d\:d-bgc-yellow-200 {
   --fco: 100%;
   color: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-yellow-100.focus-visible {
+.fv\:d-fc-yellow-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-yellow-100.focus-visible {
   --fco: 100%;
   color: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--fco)) !important;
 }
@@ -10349,7 +10380,7 @@ body.theme-dark .d\:d-fc-yellow-100 {
   --bco: 100%;
   border-color: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-yellow-100.focus-visible {
+.fv\:d-bc-yellow-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-yellow-100.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--bco)) !important;
 }
@@ -10391,7 +10422,7 @@ body.theme-dark .d\:d-divide-yellow-100 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-yellow-100.focus-visible {
+.fv\:d-bgc-yellow-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-yellow-100.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--yellow-100-h) var(--yellow-100-s) var(--yellow-100-l)  /  var(--bgo)) !important;
 }
@@ -10418,15 +10449,18 @@ body.theme-dark .d\:d-bgc-yellow-100 {
 .h\:d-fc-red:hover,
 .f\:d-fc-red:focus,
 .f\:d-fc-red:focus-within,
-.fv\:d-fc-red.focus-visible,
+.fv\:d-fc-red.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-red.focus-visible,
 .h\:d-fc-error:hover,
 .f\:d-fc-error:focus,
 .f\:d-fc-error:focus-within,
-.fv\:d-fc-error.focus-visible,
+.fv\:d-fc-error.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-error.focus-visible,
 .h\:d-fc-danger:hover,
 .f\:d-fc-danger:focus,
 .f\:d-fc-danger:focus-within,
-.fv\:d-fc-danger.focus-visible {
+.fv\:d-fc-danger.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-danger.focus-visible {
   --fco: 100%;
   color: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--fco)) !important;
 }
@@ -10455,7 +10489,7 @@ body.theme-dark .d\:d-bgc-yellow-100 {
   --fco: 100%;
   color: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-red-600.focus-visible {
+.fv\:d-fc-red-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-red-600.focus-visible {
   --fco: 100%;
   color: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--fco)) !important;
 }
@@ -10483,7 +10517,7 @@ body.theme-dark .d\:d-fc-red-600 {
   --bco: 100%;
   border-color: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-red-600.focus-visible {
+.fv\:d-bc-red-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-red-600.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--bco)) !important;
 }
@@ -10525,7 +10559,7 @@ body.theme-dark .d\:d-divide-red-600 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-red-600.focus-visible {
+.fv\:d-bgc-red-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-red-600.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--red-600-h) var(--red-600-s) var(--red-600-l)  /  var(--bgo)) !important;
 }
@@ -10553,7 +10587,7 @@ body.theme-dark .d\:d-bgc-red-600 {
   --fco: 100%;
   color: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-red-500.focus-visible {
+.fv\:d-fc-red-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-red-500.focus-visible {
   --fco: 100%;
   color: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--fco)) !important;
 }
@@ -10581,7 +10615,7 @@ body.theme-dark .d\:d-fc-red-500 {
   --bco: 100%;
   border-color: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-red-500.focus-visible {
+.fv\:d-bc-red-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-red-500.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bco)) !important;
 }
@@ -10621,11 +10655,13 @@ body.theme-dark .d\:d-divide-red-500 > * + * {
 .h\:d-bgc-error:hover,
 .f\:d-bgc-error:focus,
 .f\:d-bgc-error:focus-within,
-.fv\:d-bgc-error.focus-visible,
+.fv\:d-bgc-error.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-bgc-error.focus-visible,
 .h\:d-bgc-danger:hover,
 .f\:d-bgc-danger:focus,
 .f\:d-bgc-danger:focus-within,
-.fv\:d-bgc-danger.focus-visible {
+.fv\:d-bgc-danger.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-bgc-danger.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bgo)) !important;
 }
@@ -10649,7 +10685,7 @@ body.theme-dark .d\:d-divide-red-500 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-red-500.focus-visible {
+.fv\:d-bgc-red-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-red-500.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--red-500-h) var(--red-500-s) var(--red-500-l)  /  var(--bgo)) !important;
 }
@@ -10677,7 +10713,7 @@ body.theme-dark .d\:d-bgc-red-500 {
   --fco: 100%;
   color: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-red-400.focus-visible {
+.fv\:d-fc-red-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-red-400.focus-visible {
   --fco: 100%;
   color: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--fco)) !important;
 }
@@ -10705,7 +10741,7 @@ body.theme-dark .d\:d-fc-red-400 {
   --bco: 100%;
   border-color: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-red-400.focus-visible {
+.fv\:d-bc-red-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-red-400.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--bco)) !important;
 }
@@ -10747,7 +10783,7 @@ body.theme-dark .d\:d-divide-red-400 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-red-400.focus-visible {
+.fv\:d-bgc-red-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-red-400.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--red-400-h) var(--red-400-s) var(--red-400-l)  /  var(--bgo)) !important;
 }
@@ -10775,7 +10811,7 @@ body.theme-dark .d\:d-bgc-red-400 {
   --fco: 100%;
   color: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-red-300.focus-visible {
+.fv\:d-fc-red-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-red-300.focus-visible {
   --fco: 100%;
   color: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--fco)) !important;
 }
@@ -10803,7 +10839,7 @@ body.theme-dark .d\:d-fc-red-300 {
   --bco: 100%;
   border-color: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-red-300.focus-visible {
+.fv\:d-bc-red-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-red-300.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--bco)) !important;
 }
@@ -10845,7 +10881,7 @@ body.theme-dark .d\:d-divide-red-300 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-red-300.focus-visible {
+.fv\:d-bgc-red-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-red-300.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--red-300-h) var(--red-300-s) var(--red-300-l)  /  var(--bgo)) !important;
 }
@@ -10873,7 +10909,7 @@ body.theme-dark .d\:d-bgc-red-300 {
   --fco: 100%;
   color: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-red-200.focus-visible {
+.fv\:d-fc-red-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-red-200.focus-visible {
   --fco: 100%;
   color: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--fco)) !important;
 }
@@ -10901,7 +10937,7 @@ body.theme-dark .d\:d-fc-red-200 {
   --bco: 100%;
   border-color: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-red-200.focus-visible {
+.fv\:d-bc-red-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-red-200.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--bco)) !important;
 }
@@ -10943,7 +10979,7 @@ body.theme-dark .d\:d-divide-red-200 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-red-200.focus-visible {
+.fv\:d-bgc-red-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-red-200.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--red-200-h) var(--red-200-s) var(--red-200-l)  /  var(--bgo)) !important;
 }
@@ -10971,7 +11007,7 @@ body.theme-dark .d\:d-bgc-red-200 {
   --fco: 100%;
   color: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-red-100.focus-visible {
+.fv\:d-fc-red-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-red-100.focus-visible {
   --fco: 100%;
   color: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--fco)) !important;
 }
@@ -10999,7 +11035,7 @@ body.theme-dark .d\:d-fc-red-100 {
   --bco: 100%;
   border-color: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-red-100.focus-visible {
+.fv\:d-bc-red-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-red-100.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--bco)) !important;
 }
@@ -11041,7 +11077,7 @@ body.theme-dark .d\:d-divide-red-100 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-red-100.focus-visible {
+.fv\:d-bgc-red-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-red-100.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--red-100-h) var(--red-100-s) var(--red-100-l)  /  var(--bgo)) !important;
 }
@@ -11067,11 +11103,13 @@ body.theme-dark .d\:d-bgc-red-100 {
 .h\:d-fc-green:hover,
 .f\:d-fc-green:focus,
 .f\:d-fc-green:focus-within,
-.fv\:d-fc-green.focus-visible,
+.fv\:d-fc-green.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-green.focus-visible,
 .h\:d-fc-success:hover,
 .f\:d-fc-success:focus,
 .f\:d-fc-success:focus-within,
-.fv\:d-fc-success.focus-visible {
+.fv\:d-fc-success.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-success.focus-visible {
   --fco: 100%;
   color: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--fco)) !important;
 }
@@ -11095,7 +11133,7 @@ body.theme-dark .d\:d-bgc-red-100 {
   --fco: 100%;
   color: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-green-600.focus-visible {
+.fv\:d-fc-green-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-green-600.focus-visible {
   --fco: 100%;
   color: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--fco)) !important;
 }
@@ -11123,7 +11161,7 @@ body.theme-dark .d\:d-fc-green-600 {
   --bco: 100%;
   border-color: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-green-600.focus-visible {
+.fv\:d-bc-green-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-green-600.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--bco)) !important;
 }
@@ -11165,7 +11203,7 @@ body.theme-dark .d\:d-divide-green-600 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-green-600.focus-visible {
+.fv\:d-bgc-green-600.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-green-600.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--green-600-h) var(--green-600-s) var(--green-600-l)  /  var(--bgo)) !important;
 }
@@ -11193,7 +11231,7 @@ body.theme-dark .d\:d-bgc-green-600 {
   --fco: 100%;
   color: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-green-500.focus-visible {
+.fv\:d-fc-green-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-green-500.focus-visible {
   --fco: 100%;
   color: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--fco)) !important;
 }
@@ -11221,7 +11259,7 @@ body.theme-dark .d\:d-fc-green-500 {
   --bco: 100%;
   border-color: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-green-500.focus-visible {
+.fv\:d-bc-green-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-green-500.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bco)) !important;
 }
@@ -11260,7 +11298,8 @@ body.theme-dark .d\:d-divide-green-500 > * + * {
 .h\:d-bgc-success:hover,
 .f\:d-bgc-success:focus,
 .f\:d-bgc-success:focus-within,
-.fv\:d-bgc-success.focus-visible {
+.fv\:d-bgc-success.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-bgc-success.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bgo)) !important;
 }
@@ -11279,7 +11318,7 @@ body.theme-dark .d\:d-divide-green-500 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-green-500.focus-visible {
+.fv\:d-bgc-green-500.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-green-500.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--green-500-h) var(--green-500-s) var(--green-500-l)  /  var(--bgo)) !important;
 }
@@ -11307,7 +11346,7 @@ body.theme-dark .d\:d-bgc-green-500 {
   --fco: 100%;
   color: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-green-400.focus-visible {
+.fv\:d-fc-green-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-green-400.focus-visible {
   --fco: 100%;
   color: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--fco)) !important;
 }
@@ -11335,7 +11374,7 @@ body.theme-dark .d\:d-fc-green-400 {
   --bco: 100%;
   border-color: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-green-400.focus-visible {
+.fv\:d-bc-green-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-green-400.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--bco)) !important;
 }
@@ -11377,7 +11416,7 @@ body.theme-dark .d\:d-divide-green-400 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-green-400.focus-visible {
+.fv\:d-bgc-green-400.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-green-400.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--green-400-h) var(--green-400-s) var(--green-400-l)  /  var(--bgo)) !important;
 }
@@ -11405,7 +11444,7 @@ body.theme-dark .d\:d-bgc-green-400 {
   --fco: 100%;
   color: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-green-300.focus-visible {
+.fv\:d-fc-green-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-green-300.focus-visible {
   --fco: 100%;
   color: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--fco)) !important;
 }
@@ -11433,7 +11472,7 @@ body.theme-dark .d\:d-fc-green-300 {
   --bco: 100%;
   border-color: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-green-300.focus-visible {
+.fv\:d-bc-green-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-green-300.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--bco)) !important;
 }
@@ -11475,7 +11514,7 @@ body.theme-dark .d\:d-divide-green-300 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-green-300.focus-visible {
+.fv\:d-bgc-green-300.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-green-300.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--green-300-h) var(--green-300-s) var(--green-300-l)  /  var(--bgo)) !important;
 }
@@ -11503,7 +11542,7 @@ body.theme-dark .d\:d-bgc-green-300 {
   --fco: 100%;
   color: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-green-200.focus-visible {
+.fv\:d-fc-green-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-green-200.focus-visible {
   --fco: 100%;
   color: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--fco)) !important;
 }
@@ -11531,7 +11570,7 @@ body.theme-dark .d\:d-fc-green-200 {
   --bco: 100%;
   border-color: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-green-200.focus-visible {
+.fv\:d-bc-green-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-green-200.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--bco)) !important;
 }
@@ -11573,7 +11612,7 @@ body.theme-dark .d\:d-divide-green-200 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-green-200.focus-visible {
+.fv\:d-bgc-green-200.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-green-200.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--green-200-h) var(--green-200-s) var(--green-200-l)  /  var(--bgo)) !important;
 }
@@ -11601,7 +11640,7 @@ body.theme-dark .d\:d-bgc-green-200 {
   --fco: 100%;
   color: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-green-100.focus-visible {
+.fv\:d-fc-green-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-green-100.focus-visible {
   --fco: 100%;
   color: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--fco)) !important;
 }
@@ -11629,7 +11668,7 @@ body.theme-dark .d\:d-fc-green-100 {
   --bco: 100%;
   border-color: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-green-100.focus-visible {
+.fv\:d-bc-green-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-green-100.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--bco)) !important;
 }
@@ -11671,7 +11710,7 @@ body.theme-dark .d\:d-divide-green-100 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-green-100.focus-visible {
+.fv\:d-bgc-green-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-green-100.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--green-100-h) var(--green-100-s) var(--green-100-l)  /  var(--bgo)) !important;
 }
@@ -11699,7 +11738,7 @@ body.theme-dark .d\:d-bgc-green-100 {
   --fco: 100%;
   color: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-white.focus-visible {
+.fv\:d-fc-white.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-white.focus-visible {
   --fco: 100%;
   color: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--fco)) !important;
 }
@@ -11727,7 +11766,7 @@ body.theme-dark .d\:d-fc-white {
   --bco: 100%;
   border-color: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-white.focus-visible {
+.fv\:d-bc-white.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-white.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--bco)) !important;
 }
@@ -11769,7 +11808,7 @@ body.theme-dark .d\:d-divide-white > * + * {
   --bgo: 100%;
   background-color: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-white.focus-visible {
+.fv\:d-bgc-white.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-white.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--white-h) var(--white-s) var(--white-l)  /  var(--bgo)) !important;
 }
@@ -11794,7 +11833,8 @@ body.theme-dark .d\:d-bgc-white {
 .h\:d-fc-dark:hover,
 .f\:d-fc-dark:focus,
 .f\:d-fc-dark:focus-within,
-.fv\:d-fc-dark.focus-visible {
+.fv\:d-fc-dark.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-dark.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--fco)) !important;
 }
@@ -11813,7 +11853,7 @@ body.theme-dark .d\:d-bgc-white {
   --fco: 100%;
   color: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-900.focus-visible {
+.fv\:d-fc-black-900.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-900.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--fco)) !important;
 }
@@ -11841,7 +11881,7 @@ body.theme-dark .d\:d-fc-black-900 {
   --bco: 100%;
   border-color: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-900.focus-visible {
+.fv\:d-bc-black-900.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-900.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--bco)) !important;
 }
@@ -11883,7 +11923,7 @@ body.theme-dark .d\:d-divide-black-900 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-900.focus-visible {
+.fv\:d-bgc-black-900.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-900.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-900-h) var(--black-900-s) var(--black-900-l)  /  var(--bgo)) !important;
 }
@@ -11908,7 +11948,8 @@ body.theme-dark .d\:d-bgc-black-900 {
 .h\:d-fc-medium:hover,
 .f\:d-fc-medium:focus,
 .f\:d-fc-medium:focus-within,
-.fv\:d-fc-medium.focus-visible {
+.fv\:d-fc-medium.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-medium.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--fco)) !important;
 }
@@ -11927,7 +11968,7 @@ body.theme-dark .d\:d-bgc-black-900 {
   --fco: 100%;
   color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-800.focus-visible {
+.fv\:d-fc-black-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-800.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--fco)) !important;
 }
@@ -11955,7 +11996,7 @@ body.theme-dark .d\:d-fc-black-800 {
   --bco: 100%;
   border-color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-800.focus-visible {
+.fv\:d-bc-black-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-800.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--bco)) !important;
 }
@@ -11997,7 +12038,7 @@ body.theme-dark .d\:d-divide-black-800 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-800.focus-visible {
+.fv\:d-bgc-black-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-800.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-800-h) var(--black-800-s) var(--black-800-l)  /  var(--bgo)) !important;
 }
@@ -12022,7 +12063,8 @@ body.theme-dark .d\:d-bgc-black-800 {
 .h\:d-fc-light:hover,
 .f\:d-fc-light:focus,
 .f\:d-fc-light:focus-within,
-.fv\:d-fc-light.focus-visible {
+.fv\:d-fc-light.focus-visible.js-focus-visible,
+.js-focus-visible .fv\:d-fc-light.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--fco)) !important;
 }
@@ -12041,7 +12083,7 @@ body.theme-dark .d\:d-bgc-black-800 {
   --fco: 100%;
   color: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-700.focus-visible {
+.fv\:d-fc-black-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-700.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--fco)) !important;
 }
@@ -12069,7 +12111,7 @@ body.theme-dark .d\:d-fc-black-700 {
   --bco: 100%;
   border-color: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-700.focus-visible {
+.fv\:d-bc-black-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-700.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--bco)) !important;
 }
@@ -12111,7 +12153,7 @@ body.theme-dark .d\:d-divide-black-700 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-700.focus-visible {
+.fv\:d-bgc-black-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-700.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-700-h) var(--black-700-s) var(--black-700-l)  /  var(--bgo)) !important;
 }
@@ -12139,7 +12181,7 @@ body.theme-dark .d\:d-bgc-black-700 {
   --fco: 100%;
   color: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-075.focus-visible {
+.fv\:d-fc-black-075.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-075.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--fco)) !important;
 }
@@ -12167,7 +12209,7 @@ body.theme-dark .d\:d-fc-black-075 {
   --bco: 100%;
   border-color: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-075.focus-visible {
+.fv\:d-bc-black-075.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-075.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--bco)) !important;
 }
@@ -12209,7 +12251,7 @@ body.theme-dark .d\:d-divide-black-075 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-075.focus-visible {
+.fv\:d-bgc-black-075.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-075.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-075-h) var(--black-075-s) var(--black-075-l)  /  var(--bgo)) !important;
 }
@@ -12237,7 +12279,7 @@ body.theme-dark .d\:d-bgc-black-075 {
   --fco: 100%;
   color: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-050.focus-visible {
+.fv\:d-fc-black-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-050.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--fco)) !important;
 }
@@ -12265,7 +12307,7 @@ body.theme-dark .d\:d-fc-black-050 {
   --bco: 100%;
   border-color: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-050.focus-visible {
+.fv\:d-bc-black-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-050.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--bco)) !important;
 }
@@ -12307,7 +12349,7 @@ body.theme-dark .d\:d-divide-black-050 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-050.focus-visible {
+.fv\:d-bgc-black-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-050.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-050-h) var(--black-050-s) var(--black-050-l)  /  var(--bgo)) !important;
 }
@@ -12335,7 +12377,7 @@ body.theme-dark .d\:d-bgc-black-050 {
   --fco: 100%;
   color: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-black-025.focus-visible {
+.fv\:d-fc-black-025.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-black-025.focus-visible {
   --fco: 100%;
   color: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--fco)) !important;
 }
@@ -12363,7 +12405,7 @@ body.theme-dark .d\:d-fc-black-025 {
   --bco: 100%;
   border-color: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-black-025.focus-visible {
+.fv\:d-bc-black-025.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-black-025.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--bco)) !important;
 }
@@ -12405,7 +12447,7 @@ body.theme-dark .d\:d-divide-black-025 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-black-025.focus-visible {
+.fv\:d-bgc-black-025.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-black-025.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--black-025-h) var(--black-025-s) var(--black-025-l)  /  var(--bgo)) !important;
 }
@@ -12433,7 +12475,7 @@ body.theme-dark .d\:d-bgc-black-025 {
   --fco: 100%;
   color: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-pink-700.focus-visible {
+.fv\:d-fc-pink-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-pink-700.focus-visible {
   --fco: 100%;
   color: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--fco)) !important;
 }
@@ -12461,7 +12503,7 @@ body.theme-dark .d\:d-fc-pink-700 {
   --bco: 100%;
   border-color: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-pink-700.focus-visible {
+.fv\:d-bc-pink-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-pink-700.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--bco)) !important;
 }
@@ -12503,7 +12545,7 @@ body.theme-dark .d\:d-divide-pink-700 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-pink-700.focus-visible {
+.fv\:d-bgc-pink-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-pink-700.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--pink-700-h) var(--pink-700-s) var(--pink-700-l)  /  var(--bgo)) !important;
 }
@@ -12531,7 +12573,7 @@ body.theme-dark .d\:d-bgc-pink-700 {
   --fco: 100%;
   color: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-purple-800.focus-visible {
+.fv\:d-fc-purple-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-purple-800.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--fco)) !important;
 }
@@ -12559,7 +12601,7 @@ body.theme-dark .d\:d-fc-purple-800 {
   --bco: 100%;
   border-color: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-purple-800.focus-visible {
+.fv\:d-bc-purple-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-purple-800.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--bco)) !important;
 }
@@ -12601,7 +12643,7 @@ body.theme-dark .d\:d-divide-purple-800 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-purple-800.focus-visible {
+.fv\:d-bgc-purple-800.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-purple-800.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--purple-800-h) var(--purple-800-s) var(--purple-800-l)  /  var(--bgo)) !important;
 }
@@ -12629,7 +12671,7 @@ body.theme-dark .d\:d-bgc-purple-800 {
   --fco: 100%;
   color: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-purple-700.focus-visible {
+.fv\:d-fc-purple-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-purple-700.focus-visible {
   --fco: 100%;
   color: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--fco)) !important;
 }
@@ -12657,7 +12699,7 @@ body.theme-dark .d\:d-fc-purple-700 {
   --bco: 100%;
   border-color: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-purple-700.focus-visible {
+.fv\:d-bc-purple-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-purple-700.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--bco)) !important;
 }
@@ -12699,7 +12741,7 @@ body.theme-dark .d\:d-divide-purple-700 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-purple-700.focus-visible {
+.fv\:d-bgc-purple-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-purple-700.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--purple-700-h) var(--purple-700-s) var(--purple-700-l)  /  var(--bgo)) !important;
 }
@@ -12727,7 +12769,7 @@ body.theme-dark .d\:d-bgc-purple-700 {
   --fco: 100%;
   color: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-yellow-050.focus-visible {
+.fv\:d-fc-yellow-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-yellow-050.focus-visible {
   --fco: 100%;
   color: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--fco)) !important;
 }
@@ -12755,7 +12797,7 @@ body.theme-dark .d\:d-fc-yellow-050 {
   --bco: 100%;
   border-color: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-yellow-050.focus-visible {
+.fv\:d-bc-yellow-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-yellow-050.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--bco)) !important;
 }
@@ -12797,7 +12839,7 @@ body.theme-dark .d\:d-divide-yellow-050 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-yellow-050.focus-visible {
+.fv\:d-bgc-yellow-050.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-yellow-050.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--yellow-050-h) var(--yellow-050-s) var(--yellow-050-l)  /  var(--bgo)) !important;
 }
@@ -12825,7 +12867,7 @@ body.theme-dark .d\:d-bgc-yellow-050 {
   --fco: 100%;
   color: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-green-700.focus-visible {
+.fv\:d-fc-green-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-green-700.focus-visible {
   --fco: 100%;
   color: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--fco)) !important;
 }
@@ -12853,7 +12895,7 @@ body.theme-dark .d\:d-fc-green-700 {
   --bco: 100%;
   border-color: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-green-700.focus-visible {
+.fv\:d-bc-green-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-green-700.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--bco)) !important;
 }
@@ -12895,7 +12937,7 @@ body.theme-dark .d\:d-divide-green-700 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-green-700.focus-visible {
+.fv\:d-bgc-green-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-green-700.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--green-700-h) var(--green-700-s) var(--green-700-l)  /  var(--bgo)) !important;
 }
@@ -12923,7 +12965,7 @@ body.theme-dark .d\:d-bgc-green-700 {
   --fco: 100%;
   color: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-red-700.focus-visible {
+.fv\:d-fc-red-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-red-700.focus-visible {
   --fco: 100%;
   color: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--fco)) !important;
 }
@@ -12951,7 +12993,7 @@ body.theme-dark .d\:d-fc-red-700 {
   --bco: 100%;
   border-color: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--bco)) !important;
 }
-.fv\:d-bc-red-700.focus-visible {
+.fv\:d-bc-red-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-red-700.focus-visible {
   --bco: 100%;
   border-color: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--bco)) !important;
 }
@@ -12993,7 +13035,7 @@ body.theme-dark .d\:d-divide-red-700 > * + * {
   --bgo: 100%;
   background-color: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--bgo)) !important;
 }
-.fv\:d-bgc-red-700.focus-visible {
+.fv\:d-bgc-red-700.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-red-700.focus-visible {
   --bgo: 100%;
   background-color: hsla(var(--red-700-h) var(--red-700-s) var(--red-700-l)  /  var(--bgo)) !important;
 }
@@ -13023,7 +13065,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-fc-primary:focus-within {
   color: hsla(var(--primary-color-h) var(--primary-color-s) var(--primary-color-l)  /  var(--fco)) !important;
 }
-.fv\:d-fc-primary.focus-visible {
+.fv\:d-fc-primary.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-primary.focus-visible {
   color: hsla(var(--primary-color-h) var(--primary-color-s) var(--primary-color-l)  /  var(--fco)) !important;
 }
 .fv\:d-fc-primary:focus-visible {
@@ -13041,7 +13083,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-fc-warning:focus-within {
   color: var(--fc-warning);
 }
-.fv\:d-fc-warning.focus-visible {
+.fv\:d-fc-warning.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-warning.focus-visible {
   color: var(--fc-warning);
 }
 .fv\:d-fc-warning:focus-visible {
@@ -13059,7 +13101,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-fc-current:focus-within {
   color: currentColor !important;
 }
-.fv\:d-fc-current.focus-visible {
+.fv\:d-fc-current.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-current.focus-visible {
   color: currentColor !important;
 }
 .fv\:d-fc-current:focus-visible {
@@ -13077,7 +13119,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-fc-transparent:focus-within {
   color: transparent !important;
 }
-.fv\:d-fc-transparent.focus-visible {
+.fv\:d-fc-transparent.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-transparent.focus-visible {
   color: transparent !important;
 }
 .fv\:d-fc-transparent:focus-visible {
@@ -13095,7 +13137,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-fc-unset:focus-within {
   color: unset !important;
 }
-.fv\:d-fc-unset.focus-visible {
+.fv\:d-fc-unset.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fc-unset.focus-visible {
   color: unset !important;
 }
 .fv\:d-fc-unset:focus-visible {
@@ -13117,7 +13159,7 @@ body.theme-dark .d\:d-bgc-red-700 {
   background-color: transparent !important;
   background-image: none !important;
 }
-.fv\:d-bgc-transparent.focus-visible {
+.fv\:d-bgc-transparent.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-transparent.focus-visible {
   background-color: transparent !important;
   background-image: none !important;
 }
@@ -13141,7 +13183,7 @@ body.theme-dark .d\:d-bgc-red-700 {
   background-color: unset !important;
   background-image: unset !important;
 }
-.fv\:d-bgc-unset.focus-visible {
+.fv\:d-bgc-unset.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-unset.focus-visible {
   background-color: unset !important;
   background-image: unset !important;
 }
@@ -13161,7 +13203,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-bc-transparent:focus-within {
   border-color: transparent !important;
 }
-.fv\:d-bc-transparent.focus-visible {
+.fv\:d-bc-transparent.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-transparent.focus-visible {
   border-color: transparent !important;
 }
 .fv\:d-bc-transparent:focus-visible {
@@ -13179,7 +13221,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-bc-current:focus-within {
   border-color: currentColor !important;
 }
-.fv\:d-bc-current.focus-visible {
+.fv\:d-bc-current.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-current.focus-visible {
   border-color: currentColor !important;
 }
 .fv\:d-bc-current:focus-visible {
@@ -13197,7 +13239,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-bc-unset:focus-within {
   border-color: unset !important;
 }
-.fv\:d-bc-unset.focus-visible {
+.fv\:d-bc-unset.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bc-unset.focus-visible {
   border-color: unset !important;
 }
 .fv\:d-bc-unset:focus-visible {
@@ -13211,7 +13253,7 @@ body.theme-dark .d\:d-bgc-red-700 {
 .f\:d-fco100:focus-within {
   --fco: 100% !important;
 }
-.fv\:d-fco100.focus-visible {
+.fv\:d-fco100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco100.focus-visible {
   --fco: 100% !important;
 }
 .fv\:d-fco100:focus-visible {
@@ -13233,7 +13275,7 @@ body.theme-dark .d\:d-fco100 {
 .f\:d-bco100:focus-within {
   --bco: 100% !important;
 }
-.fv\:d-bco100.focus-visible {
+.fv\:d-bco100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco100.focus-visible {
   --bco: 100% !important;
 }
 .fv\:d-bco100:focus-visible {
@@ -13266,7 +13308,7 @@ body.theme-dark .d\:d-dco100 > * + * {
 .f\:d-bgo100:focus-within {
   --bgo: 100% !important;
 }
-.fv\:d-bgo100.focus-visible {
+.fv\:d-bgo100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo100.focus-visible {
   --bgo: 100% !important;
 }
 .fv\:d-bgo100:focus-visible {
@@ -13288,7 +13330,7 @@ body.theme-dark .d\:d-bgo100 {
 .f\:d-bgg-from-100:focus-within {
   --bgg-from-opacity: 100% !important;
 }
-.fv\:d-bgg-from-100.focus-visible {
+.fv\:d-bgg-from-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-100.focus-visible {
   --bgg-from-opacity: 100% !important;
 }
 .fv\:d-bgg-from-100:focus-visible {
@@ -13310,7 +13352,7 @@ body.theme-dark .d\:d-bgg-from-100 {
 .f\:d-bgg-to-100:focus-within {
   --bgg-to-opacity: 100% !important;
 }
-.fv\:d-bgg-to-100.focus-visible {
+.fv\:d-bgg-to-100.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-100.focus-visible {
   --bgg-to-opacity: 100% !important;
 }
 .fv\:d-bgg-to-100:focus-visible {
@@ -13332,7 +13374,7 @@ body.theme-dark .d\:d-bgg-to-100 {
 .f\:d-fco99:focus-within {
   --fco: 99% !important;
 }
-.fv\:d-fco99.focus-visible {
+.fv\:d-fco99.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco99.focus-visible {
   --fco: 99% !important;
 }
 .fv\:d-fco99:focus-visible {
@@ -13354,7 +13396,7 @@ body.theme-dark .d\:d-fco99 {
 .f\:d-bco99:focus-within {
   --bco: 99% !important;
 }
-.fv\:d-bco99.focus-visible {
+.fv\:d-bco99.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco99.focus-visible {
   --bco: 99% !important;
 }
 .fv\:d-bco99:focus-visible {
@@ -13387,7 +13429,7 @@ body.theme-dark .d\:d-dco99 > * + * {
 .f\:d-bgo99:focus-within {
   --bgo: 99% !important;
 }
-.fv\:d-bgo99.focus-visible {
+.fv\:d-bgo99.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo99.focus-visible {
   --bgo: 99% !important;
 }
 .fv\:d-bgo99:focus-visible {
@@ -13409,7 +13451,7 @@ body.theme-dark .d\:d-bgo99 {
 .f\:d-bgg-from-99:focus-within {
   --bgg-from-opacity: 99% !important;
 }
-.fv\:d-bgg-from-99.focus-visible {
+.fv\:d-bgg-from-99.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-99.focus-visible {
   --bgg-from-opacity: 99% !important;
 }
 .fv\:d-bgg-from-99:focus-visible {
@@ -13431,7 +13473,7 @@ body.theme-dark .d\:d-bgg-from-99 {
 .f\:d-bgg-to-99:focus-within {
   --bgg-to-opacity: 99% !important;
 }
-.fv\:d-bgg-to-99.focus-visible {
+.fv\:d-bgg-to-99.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-99.focus-visible {
   --bgg-to-opacity: 99% !important;
 }
 .fv\:d-bgg-to-99:focus-visible {
@@ -13453,7 +13495,7 @@ body.theme-dark .d\:d-bgg-to-99 {
 .f\:d-fco95:focus-within {
   --fco: 95% !important;
 }
-.fv\:d-fco95.focus-visible {
+.fv\:d-fco95.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco95.focus-visible {
   --fco: 95% !important;
 }
 .fv\:d-fco95:focus-visible {
@@ -13475,7 +13517,7 @@ body.theme-dark .d\:d-fco95 {
 .f\:d-bco95:focus-within {
   --bco: 95% !important;
 }
-.fv\:d-bco95.focus-visible {
+.fv\:d-bco95.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco95.focus-visible {
   --bco: 95% !important;
 }
 .fv\:d-bco95:focus-visible {
@@ -13508,7 +13550,7 @@ body.theme-dark .d\:d-dco95 > * + * {
 .f\:d-bgo95:focus-within {
   --bgo: 95% !important;
 }
-.fv\:d-bgo95.focus-visible {
+.fv\:d-bgo95.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo95.focus-visible {
   --bgo: 95% !important;
 }
 .fv\:d-bgo95:focus-visible {
@@ -13530,7 +13572,7 @@ body.theme-dark .d\:d-bgo95 {
 .f\:d-bgg-from-95:focus-within {
   --bgg-from-opacity: 95% !important;
 }
-.fv\:d-bgg-from-95.focus-visible {
+.fv\:d-bgg-from-95.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-95.focus-visible {
   --bgg-from-opacity: 95% !important;
 }
 .fv\:d-bgg-from-95:focus-visible {
@@ -13552,7 +13594,7 @@ body.theme-dark .d\:d-bgg-from-95 {
 .f\:d-bgg-to-95:focus-within {
   --bgg-to-opacity: 95% !important;
 }
-.fv\:d-bgg-to-95.focus-visible {
+.fv\:d-bgg-to-95.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-95.focus-visible {
   --bgg-to-opacity: 95% !important;
 }
 .fv\:d-bgg-to-95:focus-visible {
@@ -13574,7 +13616,7 @@ body.theme-dark .d\:d-bgg-to-95 {
 .f\:d-fco90:focus-within {
   --fco: 90% !important;
 }
-.fv\:d-fco90.focus-visible {
+.fv\:d-fco90.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco90.focus-visible {
   --fco: 90% !important;
 }
 .fv\:d-fco90:focus-visible {
@@ -13596,7 +13638,7 @@ body.theme-dark .d\:d-fco90 {
 .f\:d-bco90:focus-within {
   --bco: 90% !important;
 }
-.fv\:d-bco90.focus-visible {
+.fv\:d-bco90.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco90.focus-visible {
   --bco: 90% !important;
 }
 .fv\:d-bco90:focus-visible {
@@ -13629,7 +13671,7 @@ body.theme-dark .d\:d-dco90 > * + * {
 .f\:d-bgo90:focus-within {
   --bgo: 90% !important;
 }
-.fv\:d-bgo90.focus-visible {
+.fv\:d-bgo90.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo90.focus-visible {
   --bgo: 90% !important;
 }
 .fv\:d-bgo90:focus-visible {
@@ -13651,7 +13693,7 @@ body.theme-dark .d\:d-bgo90 {
 .f\:d-bgg-from-90:focus-within {
   --bgg-from-opacity: 90% !important;
 }
-.fv\:d-bgg-from-90.focus-visible {
+.fv\:d-bgg-from-90.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-90.focus-visible {
   --bgg-from-opacity: 90% !important;
 }
 .fv\:d-bgg-from-90:focus-visible {
@@ -13673,7 +13715,7 @@ body.theme-dark .d\:d-bgg-from-90 {
 .f\:d-bgg-to-90:focus-within {
   --bgg-to-opacity: 90% !important;
 }
-.fv\:d-bgg-to-90.focus-visible {
+.fv\:d-bgg-to-90.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-90.focus-visible {
   --bgg-to-opacity: 90% !important;
 }
 .fv\:d-bgg-to-90:focus-visible {
@@ -13695,7 +13737,7 @@ body.theme-dark .d\:d-bgg-to-90 {
 .f\:d-fco85:focus-within {
   --fco: 85% !important;
 }
-.fv\:d-fco85.focus-visible {
+.fv\:d-fco85.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco85.focus-visible {
   --fco: 85% !important;
 }
 .fv\:d-fco85:focus-visible {
@@ -13717,7 +13759,7 @@ body.theme-dark .d\:d-fco85 {
 .f\:d-bco85:focus-within {
   --bco: 85% !important;
 }
-.fv\:d-bco85.focus-visible {
+.fv\:d-bco85.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco85.focus-visible {
   --bco: 85% !important;
 }
 .fv\:d-bco85:focus-visible {
@@ -13750,7 +13792,7 @@ body.theme-dark .d\:d-dco85 > * + * {
 .f\:d-bgo85:focus-within {
   --bgo: 85% !important;
 }
-.fv\:d-bgo85.focus-visible {
+.fv\:d-bgo85.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo85.focus-visible {
   --bgo: 85% !important;
 }
 .fv\:d-bgo85:focus-visible {
@@ -13772,7 +13814,7 @@ body.theme-dark .d\:d-bgo85 {
 .f\:d-bgg-from-85:focus-within {
   --bgg-from-opacity: 85% !important;
 }
-.fv\:d-bgg-from-85.focus-visible {
+.fv\:d-bgg-from-85.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-85.focus-visible {
   --bgg-from-opacity: 85% !important;
 }
 .fv\:d-bgg-from-85:focus-visible {
@@ -13794,7 +13836,7 @@ body.theme-dark .d\:d-bgg-from-85 {
 .f\:d-bgg-to-85:focus-within {
   --bgg-to-opacity: 85% !important;
 }
-.fv\:d-bgg-to-85.focus-visible {
+.fv\:d-bgg-to-85.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-85.focus-visible {
   --bgg-to-opacity: 85% !important;
 }
 .fv\:d-bgg-to-85:focus-visible {
@@ -13816,7 +13858,7 @@ body.theme-dark .d\:d-bgg-to-85 {
 .f\:d-fco75:focus-within {
   --fco: 75% !important;
 }
-.fv\:d-fco75.focus-visible {
+.fv\:d-fco75.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco75.focus-visible {
   --fco: 75% !important;
 }
 .fv\:d-fco75:focus-visible {
@@ -13838,7 +13880,7 @@ body.theme-dark .d\:d-fco75 {
 .f\:d-bco75:focus-within {
   --bco: 75% !important;
 }
-.fv\:d-bco75.focus-visible {
+.fv\:d-bco75.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco75.focus-visible {
   --bco: 75% !important;
 }
 .fv\:d-bco75:focus-visible {
@@ -13871,7 +13913,7 @@ body.theme-dark .d\:d-dco75 > * + * {
 .f\:d-bgo75:focus-within {
   --bgo: 75% !important;
 }
-.fv\:d-bgo75.focus-visible {
+.fv\:d-bgo75.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo75.focus-visible {
   --bgo: 75% !important;
 }
 .fv\:d-bgo75:focus-visible {
@@ -13893,7 +13935,7 @@ body.theme-dark .d\:d-bgo75 {
 .f\:d-bgg-from-75:focus-within {
   --bgg-from-opacity: 75% !important;
 }
-.fv\:d-bgg-from-75.focus-visible {
+.fv\:d-bgg-from-75.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-75.focus-visible {
   --bgg-from-opacity: 75% !important;
 }
 .fv\:d-bgg-from-75:focus-visible {
@@ -13915,7 +13957,7 @@ body.theme-dark .d\:d-bgg-from-75 {
 .f\:d-bgg-to-75:focus-within {
   --bgg-to-opacity: 75% !important;
 }
-.fv\:d-bgg-to-75.focus-visible {
+.fv\:d-bgg-to-75.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-75.focus-visible {
   --bgg-to-opacity: 75% !important;
 }
 .fv\:d-bgg-to-75:focus-visible {
@@ -13937,7 +13979,7 @@ body.theme-dark .d\:d-bgg-to-75 {
 .f\:d-fco50:focus-within {
   --fco: 50% !important;
 }
-.fv\:d-fco50.focus-visible {
+.fv\:d-fco50.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco50.focus-visible {
   --fco: 50% !important;
 }
 .fv\:d-fco50:focus-visible {
@@ -13959,7 +14001,7 @@ body.theme-dark .d\:d-fco50 {
 .f\:d-bco50:focus-within {
   --bco: 50% !important;
 }
-.fv\:d-bco50.focus-visible {
+.fv\:d-bco50.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco50.focus-visible {
   --bco: 50% !important;
 }
 .fv\:d-bco50:focus-visible {
@@ -13992,7 +14034,7 @@ body.theme-dark .d\:d-dco50 > * + * {
 .f\:d-bgo50:focus-within {
   --bgo: 50% !important;
 }
-.fv\:d-bgo50.focus-visible {
+.fv\:d-bgo50.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo50.focus-visible {
   --bgo: 50% !important;
 }
 .fv\:d-bgo50:focus-visible {
@@ -14014,7 +14056,7 @@ body.theme-dark .d\:d-bgo50 {
 .f\:d-bgg-from-50:focus-within {
   --bgg-from-opacity: 50% !important;
 }
-.fv\:d-bgg-from-50.focus-visible {
+.fv\:d-bgg-from-50.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-50.focus-visible {
   --bgg-from-opacity: 50% !important;
 }
 .fv\:d-bgg-from-50:focus-visible {
@@ -14036,7 +14078,7 @@ body.theme-dark .d\:d-bgg-from-50 {
 .f\:d-bgg-to-50:focus-within {
   --bgg-to-opacity: 50% !important;
 }
-.fv\:d-bgg-to-50.focus-visible {
+.fv\:d-bgg-to-50.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-50.focus-visible {
   --bgg-to-opacity: 50% !important;
 }
 .fv\:d-bgg-to-50:focus-visible {
@@ -14058,7 +14100,7 @@ body.theme-dark .d\:d-bgg-to-50 {
 .f\:d-fco25:focus-within {
   --fco: 25% !important;
 }
-.fv\:d-fco25.focus-visible {
+.fv\:d-fco25.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco25.focus-visible {
   --fco: 25% !important;
 }
 .fv\:d-fco25:focus-visible {
@@ -14080,7 +14122,7 @@ body.theme-dark .d\:d-fco25 {
 .f\:d-bco25:focus-within {
   --bco: 25% !important;
 }
-.fv\:d-bco25.focus-visible {
+.fv\:d-bco25.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco25.focus-visible {
   --bco: 25% !important;
 }
 .fv\:d-bco25:focus-visible {
@@ -14113,7 +14155,7 @@ body.theme-dark .d\:d-dco25 > * + * {
 .f\:d-bgo25:focus-within {
   --bgo: 25% !important;
 }
-.fv\:d-bgo25.focus-visible {
+.fv\:d-bgo25.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo25.focus-visible {
   --bgo: 25% !important;
 }
 .fv\:d-bgo25:focus-visible {
@@ -14135,7 +14177,7 @@ body.theme-dark .d\:d-bgo25 {
 .f\:d-bgg-from-25:focus-within {
   --bgg-from-opacity: 25% !important;
 }
-.fv\:d-bgg-from-25.focus-visible {
+.fv\:d-bgg-from-25.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-25.focus-visible {
   --bgg-from-opacity: 25% !important;
 }
 .fv\:d-bgg-from-25:focus-visible {
@@ -14157,7 +14199,7 @@ body.theme-dark .d\:d-bgg-from-25 {
 .f\:d-bgg-to-25:focus-within {
   --bgg-to-opacity: 25% !important;
 }
-.fv\:d-bgg-to-25.focus-visible {
+.fv\:d-bgg-to-25.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-25.focus-visible {
   --bgg-to-opacity: 25% !important;
 }
 .fv\:d-bgg-to-25:focus-visible {
@@ -14179,7 +14221,7 @@ body.theme-dark .d\:d-bgg-to-25 {
 .f\:d-fco10:focus-within {
   --fco: 10% !important;
 }
-.fv\:d-fco10.focus-visible {
+.fv\:d-fco10.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco10.focus-visible {
   --fco: 10% !important;
 }
 .fv\:d-fco10:focus-visible {
@@ -14201,7 +14243,7 @@ body.theme-dark .d\:d-fco10 {
 .f\:d-bco10:focus-within {
   --bco: 10% !important;
 }
-.fv\:d-bco10.focus-visible {
+.fv\:d-bco10.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco10.focus-visible {
   --bco: 10% !important;
 }
 .fv\:d-bco10:focus-visible {
@@ -14234,7 +14276,7 @@ body.theme-dark .d\:d-dco10 > * + * {
 .f\:d-bgo10:focus-within {
   --bgo: 10% !important;
 }
-.fv\:d-bgo10.focus-visible {
+.fv\:d-bgo10.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo10.focus-visible {
   --bgo: 10% !important;
 }
 .fv\:d-bgo10:focus-visible {
@@ -14256,7 +14298,7 @@ body.theme-dark .d\:d-bgo10 {
 .f\:d-bgg-from-10:focus-within {
   --bgg-from-opacity: 10% !important;
 }
-.fv\:d-bgg-from-10.focus-visible {
+.fv\:d-bgg-from-10.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-10.focus-visible {
   --bgg-from-opacity: 10% !important;
 }
 .fv\:d-bgg-from-10:focus-visible {
@@ -14278,7 +14320,7 @@ body.theme-dark .d\:d-bgg-from-10 {
 .f\:d-bgg-to-10:focus-within {
   --bgg-to-opacity: 10% !important;
 }
-.fv\:d-bgg-to-10.focus-visible {
+.fv\:d-bgg-to-10.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-10.focus-visible {
   --bgg-to-opacity: 10% !important;
 }
 .fv\:d-bgg-to-10:focus-visible {
@@ -14300,7 +14342,7 @@ body.theme-dark .d\:d-bgg-to-10 {
 .f\:d-fco0:focus-within {
   --fco: 0% !important;
 }
-.fv\:d-fco0.focus-visible {
+.fv\:d-fco0.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-fco0.focus-visible {
   --fco: 0% !important;
 }
 .fv\:d-fco0:focus-visible {
@@ -14322,7 +14364,7 @@ body.theme-dark .d\:d-fco0 {
 .f\:d-bco0:focus-within {
   --bco: 0% !important;
 }
-.fv\:d-bco0.focus-visible {
+.fv\:d-bco0.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bco0.focus-visible {
   --bco: 0% !important;
 }
 .fv\:d-bco0:focus-visible {
@@ -14355,7 +14397,7 @@ body.theme-dark .d\:d-dco0 > * + * {
 .f\:d-bgo0:focus-within {
   --bgo: 0% !important;
 }
-.fv\:d-bgo0.focus-visible {
+.fv\:d-bgo0.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgo0.focus-visible {
   --bgo: 0% !important;
 }
 .fv\:d-bgo0:focus-visible {
@@ -14377,7 +14419,7 @@ body.theme-dark .d\:d-bgo0 {
 .f\:d-bgg-from-0:focus-within {
   --bgg-from-opacity: 0% !important;
 }
-.fv\:d-bgg-from-0.focus-visible {
+.fv\:d-bgg-from-0.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-from-0.focus-visible {
   --bgg-from-opacity: 0% !important;
 }
 .fv\:d-bgg-from-0:focus-visible {
@@ -14399,7 +14441,7 @@ body.theme-dark .d\:d-bgg-from-0 {
 .f\:d-bgg-to-0:focus-within {
   --bgg-to-opacity: 0% !important;
 }
-.fv\:d-bgg-to-0.focus-visible {
+.fv\:d-bgg-to-0.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgg-to-0.focus-visible {
   --bgg-to-opacity: 0% !important;
 }
 .fv\:d-bgg-to-0:focus-visible {
@@ -14520,7 +14562,7 @@ body.theme-dark .d\:d-bgg-to-0 {
 .f\:d-bs-sm:focus-within {
   box-shadow: var(--bs-sm) !important;
 }
-.fv\:d-bs-sm.focus-visible {
+.fv\:d-bs-sm.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bs-sm.focus-visible {
   box-shadow: var(--bs-sm) !important;
 }
 .fv\:d-bs-sm:focus-visible {
@@ -14538,7 +14580,7 @@ body.theme-dark .d\:d-bgg-to-0 {
 .f\:d-bs-md:focus-within {
   box-shadow: var(--bs-md) !important;
 }
-.fv\:d-bs-md.focus-visible {
+.fv\:d-bs-md.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bs-md.focus-visible {
   box-shadow: var(--bs-md) !important;
 }
 .fv\:d-bs-md:focus-visible {
@@ -14556,7 +14598,7 @@ body.theme-dark .d\:d-bgg-to-0 {
 .f\:d-bs-lg:focus-within {
   box-shadow: var(--bs-lg) !important;
 }
-.fv\:d-bs-lg.focus-visible {
+.fv\:d-bs-lg.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bs-lg.focus-visible {
   box-shadow: var(--bs-lg) !important;
 }
 .fv\:d-bs-lg:focus-visible {
@@ -14574,7 +14616,7 @@ body.theme-dark .d\:d-bgg-to-0 {
 .f\:d-bs-xl:focus-within {
   box-shadow: var(--bs-xl) !important;
 }
-.fv\:d-bs-xl.focus-visible {
+.fv\:d-bs-xl.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bs-xl.focus-visible {
   box-shadow: var(--bs-xl) !important;
 }
 .fv\:d-bs-xl:focus-visible {
@@ -14592,7 +14634,7 @@ body.theme-dark .d\:d-bgg-to-0 {
 .f\:d-bs-card:focus-within {
   box-shadow: var(--bs-card) !important;
 }
-.fv\:d-bs-card.focus-visible {
+.fv\:d-bs-card.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bs-card.focus-visible {
   box-shadow: var(--bs-card) !important;
 }
 .fv\:d-bs-card:focus-visible {
@@ -14610,7 +14652,7 @@ body.theme-dark .d\:d-bgg-to-0 {
 .f\:d-bs-none:focus-within {
   box-shadow: none !important;
 }
-.fv\:d-bs-none.focus-visible {
+.fv\:d-bs-none.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bs-none.focus-visible {
   box-shadow: none !important;
 }
 .fv\:d-bs-none:focus-visible {
@@ -14628,7 +14670,7 @@ body.theme-dark .d\:d-bgg-to-0 {
 .f\:d-bs-unset:focus-within {
   box-shadow: unset !important;
 }
-.fv\:d-bs-unset.focus-visible {
+.fv\:d-bs-unset.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bs-unset.focus-visible {
   box-shadow: unset !important;
 }
 .fv\:d-bs-unset:focus-visible {