npm - @itcase/ui - Versions diffs - 1.9.50 → 1.9.52 - Mend

@itcase/ui 1.9.50 → 1.9.52

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

Files changed (548) hide show

package/dist/css/styles/bundles.css CHANGED Viewed

@@ -48160,8 +48160,9 @@ div.avatar-stack {
 }
 .checkbox {
   display: grid;
-  grid-template-columns: auto 1fr;
-  grid-template-rows: auto auto;
+  &:has(.checkbox__label, .checkbox__desc) {
+    grid-template-columns: auto 1fr;
+  }
   &__item {
     font-size: 0;
     line-height: 0;
@@ -48189,11 +48190,9 @@ div.avatar-stack {
         & ~ ^^^&__state-checkmark {
           border-width: inherit;
           border-style: inherit;
+          border-right: 2px solid var(--color-surface-border-secondary);
+          border-bottom: 2px solid var(--color-surface-border-secondary);
           display: block;
-          border-bottom-style: solid;
-          border-bottom-width: 2px;
-          border-right-style: solid;
-          border-right-width: 2px;
         }
       }
     }
@@ -53810,7 +53809,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-accent-border-primary);
                 border-style: solid;
@@ -53818,7 +53817,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-accent-border-primary);
                   border-style: solid;
@@ -53867,7 +53866,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-accent-border-secondary);
                 border-style: solid;
@@ -53875,7 +53874,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-accent-border-secondary);
                   border-style: solid;
@@ -53924,7 +53923,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-accent-border-tertiary);
                 border-style: solid;
@@ -53932,7 +53931,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-accent-border-tertiary);
                   border-style: solid;
@@ -53981,7 +53980,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-accent-border-quaternary);
                 border-style: solid;
@@ -53989,7 +53988,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-accent-border-quaternary);
                   border-style: solid;
@@ -54038,7 +54037,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-special-border-primary);
                 border-style: solid;
@@ -54046,7 +54045,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-special-border-primary);
                   border-style: solid;
@@ -54095,7 +54094,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-special-border-secondary);
                 border-style: solid;
@@ -54103,7 +54102,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-special-border-secondary);
                   border-style: solid;
@@ -54152,7 +54151,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-special-border-tertiary);
                 border-style: solid;
@@ -54160,7 +54159,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-special-border-tertiary);
                   border-style: solid;
@@ -54209,7 +54208,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-special-border-quaternary);
                 border-style: solid;
@@ -54217,7 +54216,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-special-border-quaternary);
                   border-style: solid;
@@ -54266,7 +54265,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-extra-border-primary);
                 border-style: solid;
@@ -54274,7 +54273,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-extra-border-primary);
                   border-style: solid;
@@ -54323,7 +54322,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-extra-border-secondary);
                 border-style: solid;
@@ -54331,7 +54330,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-extra-border-secondary);
                   border-style: solid;
@@ -54380,7 +54379,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-extra-border-tertiary);
                 border-style: solid;
@@ -54388,7 +54387,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-extra-border-tertiary);
                   border-style: solid;
@@ -54437,7 +54436,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-extra-border-quaternary);
                 border-style: solid;
@@ -54445,7 +54444,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-extra-border-quaternary);
                   border-style: solid;
@@ -54494,7 +54493,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-surface-border-primary);
                 border-style: solid;
@@ -54502,7 +54501,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-surface-border-primary);
                   border-style: solid;
@@ -54551,7 +54550,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-surface-border-secondary);
                 border-style: solid;
@@ -54559,7 +54558,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-surface-border-secondary);
                   border-style: solid;
@@ -54608,7 +54607,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-surface-border-tertiary);
                 border-style: solid;
@@ -54616,7 +54615,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-surface-border-tertiary);
                   border-style: solid;
@@ -54665,7 +54664,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-surface-border-quaternary);
                 border-style: solid;
@@ -54673,7 +54672,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-surface-border-quaternary);
                   border-style: solid;
@@ -54722,7 +54721,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-error-border-primary);
                 border-style: solid;
@@ -54730,7 +54729,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-error-border-primary);
                   border-style: solid;
@@ -54779,7 +54778,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-error-border-secondary);
                 border-style: solid;
@@ -54787,7 +54786,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-error-border-secondary);
                   border-style: solid;
@@ -54836,7 +54835,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-error-border-tertiary);
                 border-style: solid;
@@ -54844,7 +54843,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-error-border-tertiary);
                   border-style: solid;
@@ -54893,7 +54892,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-error-border-quaternary);
                 border-style: solid;
@@ -54901,7 +54900,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-error-border-quaternary);
                   border-style: solid;
@@ -54950,7 +54949,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-warning-border-primary);
                 border-style: solid;
@@ -54958,7 +54957,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-warning-border-primary);
                   border-style: solid;
@@ -55007,7 +55006,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-warning-border-secondary);
                 border-style: solid;
@@ -55015,7 +55014,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-warning-border-secondary);
                   border-style: solid;
@@ -55064,7 +55063,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-warning-border-tertiary);
                 border-style: solid;
@@ -55072,7 +55071,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-warning-border-tertiary);
                   border-style: solid;
@@ -55121,7 +55120,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-warning-border-quaternary);
                 border-style: solid;
@@ -55129,7 +55128,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-warning-border-quaternary);
                   border-style: solid;
@@ -55178,7 +55177,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-success-border-primary);
                 border-style: solid;
@@ -55186,7 +55185,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-success-border-primary);
                   border-style: solid;
@@ -55235,7 +55234,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-success-border-secondary);
                 border-style: solid;
@@ -55243,7 +55242,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-success-border-secondary);
                   border-style: solid;
@@ -55292,7 +55291,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-success-border-tertiary);
                 border-style: solid;
@@ -55300,7 +55299,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-success-border-tertiary);
                   border-style: solid;
@@ -55349,7 +55348,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-success-border-quaternary);
                 border-style: solid;
@@ -55357,7 +55356,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-success-border-quaternary);
                   border-style: solid;
@@ -55406,7 +55405,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-danger-border-primary);
                 border-style: solid;
@@ -55414,7 +55413,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-danger-border-primary);
                   border-style: solid;
@@ -55463,7 +55462,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-danger-border-secondary);
                 border-style: solid;
@@ -55471,7 +55470,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-danger-border-secondary);
                   border-style: solid;
@@ -55520,7 +55519,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-danger-border-tertiary);
                 border-style: solid;
@@ -55528,7 +55527,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-danger-border-tertiary);
                   border-style: solid;
@@ -55577,7 +55576,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-danger-border-quaternary);
                 border-style: solid;
@@ -55585,7 +55584,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-danger-border-quaternary);
                   border-style: solid;
@@ -55634,7 +55633,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-info-border-primary);
                 border-style: solid;
@@ -55642,7 +55641,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-info-border-primary);
                   border-style: solid;
@@ -55691,7 +55690,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-info-border-secondary);
                 border-style: solid;
@@ -55699,7 +55698,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-info-border-secondary);
                   border-style: solid;
@@ -55748,7 +55747,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-info-border-tertiary);
                 border-style: solid;
@@ -55756,7 +55755,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-info-border-tertiary);
                   border-style: solid;
@@ -55805,7 +55804,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-info-border-quaternary);
                 border-style: solid;
@@ -55813,7 +55812,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-info-border-quaternary);
                   border-style: solid;
@@ -55862,7 +55861,7 @@ div.avatar-stack {
         &-border {
           &-primary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-disabled-border-primary);
                 border-style: solid;
@@ -55870,7 +55869,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-disabled-border-primary);
                   border-style: solid;
@@ -55919,7 +55918,7 @@ div.avatar-stack {
         &-border {
           &-secondary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-disabled-border-secondary);
                 border-style: solid;
@@ -55927,7 +55926,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-disabled-border-secondary);
                   border-style: solid;
@@ -55976,7 +55975,7 @@ div.avatar-stack {
         &-border {
           &-tertiary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-disabled-border-tertiary);
                 border-style: solid;
@@ -55984,7 +55983,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-disabled-border-tertiary);
                   border-style: solid;
@@ -56033,7 +56032,7 @@ div.avatar-stack {
         &-border {
           &-quaternary {
             &:hover {
-              & .checkbox_state {
+              & .checkbox__state {
                 border-width: 1px;
                 border-color: var(--color-disabled-border-quaternary);
                 border-style: solid;
@@ -56041,7 +56040,7 @@ div.avatar-stack {
             }
             &-hover {
               &:hover {
-                & .checkbox_state {
+                & .checkbox__state {
                   border-width: 1px;
                   border-color: var(--color-disabled-border-quaternary);
                   border-style: solid;
@@ -59296,14 +59295,6 @@ div.avatar-stack {
   display: flex;
   justify-content: center;
   align-items: center;
-  &__icon {
-    width: 100%;
-    height: 100%;
-    position: relative;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
 }
 .checkmark {
   &_size {
@@ -99388,15 +99379,15 @@ div.label {
   }
 }
 /**
- * Swiper 12.0.3
+ * Swiper 12.1.0
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
- * Copyright 2014-2025 Vladimir Kharlampidi
+ * Copyright 2014-2026 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: October 21, 2025
+ * Released on: January 28, 2026
  */
 :root {
   --swiper-theme-color: #007aff;
@@ -99502,11 +99493,25 @@ div.label {
     > .swiper-wrapper {
       scroll-snap-type: x mandatory;
     }
+    > .swiper-wrapper > .swiper-slide:first-child {
+      margin-inline-start: var(--swiper-slides-offset-before);
+      scroll-margin-inline-start: var(--swiper-slides-offset-before);
+    }
+    > .swiper-wrapper > .swiper-slide:last-child {
+      margin-inline-end: var(--swiper-slides-offset-after);
+    }
   }
   &.swiper-vertical {
     > .swiper-wrapper {
       scroll-snap-type: y mandatory;
     }
+    > .swiper-wrapper > .swiper-slide:first-child {
+      margin-block-start: var(--swiper-slides-offset-before);
+      scroll-margin-block-start: var(--swiper-slides-offset-before);
+    }
+    > .swiper-wrapper > .swiper-slide:last-child {
+      margin-block-end: var(--swiper-slides-offset-after);
+    }
   }
   &.swiper-free-mode {
     > .swiper-wrapper {