1 files changed, 13 insertions, 10 deletions

diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index 7844eae..4902958 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -10,10 +10,11 @@ $static-themes: 'black' 'white' !default;
         --dims: (
             --pad: fn.global-dim(--size --150),
             --thumbnail: (
-                --size:     fn.global-dim(--size --700),
-                --spacing:  fn.global-dim(--size --100),
-                --idle:     fn.global-dim(--border --thin),
-                --selected: fn.global-dim(--border --medium),
+                --size:      fn.global-dim(--size --700),
+                --rounding:  fn.global-dim(--rounding),
+                --spacing:   fn.global-dim(--size --100),
+                --idle:      fn.global-dim(--border --thin),
+                --selected:  fn.global-dim(--border --medium),
             ),
             --close-button: (
                 --font-size: fn.global-dim(--font-size --200),
@@ -147,12 +148,14 @@ $static-themes: 'black' 'white' !default;
         }
 
         @include iro.bem-elem('thumbnail') {
-            position:    relative;
-            flex:        0 0 auto;
-            inline-size: fn.dim(--thumbnail --size);
-            block-size:  fn.dim(--thumbnail --size);
-            outline:     fn.dim(--thumbnail --idle) solid fn.color(--thumbnail --idle);
-            opacity:     .75;
+            position:      relative;
+            flex:          0 0 auto;
+            inline-size:   fn.dim(--thumbnail --size);
+            block-size:    fn.dim(--thumbnail --size);
+            overflow:      hidden;
+            border-radius: fn.dim(--thumbnail --rounding);
+            outline:       fn.dim(--thumbnail --idle) solid fn.color(--thumbnail --idle);
+            opacity:       .75;
 
             &:hover,
             &:focus-visible {