Merge pull request #18533 from overleaf/rd-bs5-shadow

[web] Import styles for the modal animation

GitOrigin-RevId: d67ba98e003b314ccd4893f17c8fa78187134d20

services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss

@@ -180,13 +180,10 @@ $hr-margin-y: $spacing-08;
 $hr-border-color: $border-divider;
 
 // Modals
-$modal-content-color: $content-secondary;
-$modal-content-border-color: $border-divider;
 $modal-backdrop-bg: $bg-dark-primary;
 $modal-backdrop-opacity: 0.72;
-$box-shadow: shadow-lg();
-$box-shadow-sm: shadow-lg();
-$box-shadow-lg: shadow-lg();
+$modal-content-color: $content-secondary;
+$modal-content-border-color: $border-divider;
 $modal-header-padding: $spacing-05 $spacing-06;
 $modal-header-padding-x: $spacing-08;
 $modal-header-padding-y: $spacing-08;

services/web/frontend/stylesheets/bootstrap-5/components/footer.scss

@@ -305,8 +305,7 @@ footer.site-footer {
   z-index: 100;
   color: var(--content-secondary);
   background: var(--bg-light-secondary);
-  box-shadow: var(--spacing-00) var(--spacing-02) var(--spacing-04)
-    var(--spacing-00) #0000001a;
+  box-shadow: 0px -5px 8px 0px #0000001a;
 
   .cookie-banner-actions {
     padding-top: var(--spacing-04);