@alfalab/core-components-gallery 7.2.2-alfasans → 7.2.3

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 (73) hide show
  1. package/components/bottom-button/index.css +5 -5
  2. package/components/bottom-button/index.module.css.js +1 -1
  3. package/components/buttons/index.css +5 -5
  4. package/components/buttons/index.module.css.js +1 -1
  5. package/components/header/index.css +1 -1
  6. package/components/header/index.module.css.js +1 -1
  7. package/components/header-info-block/index.css +4 -4
  8. package/components/header-info-block/index.module.css.js +1 -1
  9. package/components/header-mobile/index.css +6 -6
  10. package/components/header-mobile/index.module.css.js +1 -1
  11. package/components/image-preview/index.css +17 -17
  12. package/components/image-preview/index.module.css.js +1 -1
  13. package/components/image-viewer/index.css +28 -28
  14. package/components/image-viewer/index.module.css.js +1 -1
  15. package/components/image-viewer/video/index.css +7 -7
  16. package/components/image-viewer/video/index.module.css.js +1 -1
  17. package/components/info-bar/index.css +3 -3
  18. package/components/info-bar/index.module.css.js +1 -1
  19. package/components/navigation-bar/index.css +8 -8
  20. package/components/navigation-bar/index.module.css.js +1 -1
  21. package/components/subtitles/index.css +3 -3
  22. package/components/subtitles/index.module.css.js +1 -1
  23. package/esm/components/bottom-button/index.css +5 -5
  24. package/esm/components/bottom-button/index.module.css.js +1 -1
  25. package/esm/components/buttons/index.css +5 -5
  26. package/esm/components/buttons/index.module.css.js +1 -1
  27. package/esm/components/header/index.css +1 -1
  28. package/esm/components/header/index.module.css.js +1 -1
  29. package/esm/components/header-info-block/index.css +4 -4
  30. package/esm/components/header-info-block/index.module.css.js +1 -1
  31. package/esm/components/header-mobile/index.css +6 -6
  32. package/esm/components/header-mobile/index.module.css.js +1 -1
  33. package/esm/components/image-preview/index.css +17 -17
  34. package/esm/components/image-preview/index.module.css.js +1 -1
  35. package/esm/components/image-viewer/index.css +28 -28
  36. package/esm/components/image-viewer/index.module.css.js +1 -1
  37. package/esm/components/image-viewer/video/index.css +7 -7
  38. package/esm/components/image-viewer/video/index.module.css.js +1 -1
  39. package/esm/components/info-bar/index.css +3 -3
  40. package/esm/components/info-bar/index.module.css.js +1 -1
  41. package/esm/components/navigation-bar/index.css +8 -8
  42. package/esm/components/navigation-bar/index.module.css.js +1 -1
  43. package/esm/components/subtitles/index.css +3 -3
  44. package/esm/components/subtitles/index.module.css.js +1 -1
  45. package/esm/index.css +9 -9
  46. package/esm/index.module.css.js +1 -1
  47. package/index.css +9 -9
  48. package/index.module.css.js +1 -1
  49. package/modern/components/bottom-button/index.css +5 -5
  50. package/modern/components/bottom-button/index.module.css.js +1 -1
  51. package/modern/components/buttons/index.css +5 -5
  52. package/modern/components/buttons/index.module.css.js +1 -1
  53. package/modern/components/header/index.css +1 -1
  54. package/modern/components/header/index.module.css.js +1 -1
  55. package/modern/components/header-info-block/index.css +4 -4
  56. package/modern/components/header-info-block/index.module.css.js +1 -1
  57. package/modern/components/header-mobile/index.css +6 -6
  58. package/modern/components/header-mobile/index.module.css.js +1 -1
  59. package/modern/components/image-preview/index.css +17 -17
  60. package/modern/components/image-preview/index.module.css.js +1 -1
  61. package/modern/components/image-viewer/index.css +28 -28
  62. package/modern/components/image-viewer/index.module.css.js +1 -1
  63. package/modern/components/image-viewer/video/index.css +7 -7
  64. package/modern/components/image-viewer/video/index.module.css.js +1 -1
  65. package/modern/components/info-bar/index.css +3 -3
  66. package/modern/components/info-bar/index.module.css.js +1 -1
  67. package/modern/components/navigation-bar/index.css +8 -8
  68. package/modern/components/navigation-bar/index.module.css.js +1 -1
  69. package/modern/components/subtitles/index.css +3 -3
  70. package/modern/components/subtitles/index.module.css.js +1 -1
  71. package/modern/index.css +9 -9
  72. package/modern/index.module.css.js +1 -1
  73. package/package.json +11 -11
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"subtitles":"gallery__subtitles_sxjlr","mobile":"gallery__mobile_sxjlr","hideSubtitles":"gallery__hideSubtitles_sxjlr"};
3
+ var styles = {"subtitles":"gallery__subtitles_j6roo","mobile":"gallery__mobile_j6roo","hideSubtitles":"gallery__hideSubtitles_j6roo"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --sat: env(safe-area-inset-top, var(--gap-0));
12
12
  --sab: env(safe-area-inset-bottom, var(--gap-0));
13
13
  }
14
- .gallery__container_x3ggq {
14
+ .gallery__container_1ncrj {
15
15
  position: relative;
16
16
  overflow-x: hidden;
17
17
  overflow-y: auto;
@@ -25,17 +25,17 @@
25
25
  padding-top: var(--sat);
26
26
  padding-bottom: var(--sab);
27
27
  }
28
- .gallery__container_x3ggq.gallery__mobile_x3ggq {
28
+ .gallery__container_1ncrj.gallery__mobile_1ncrj {
29
29
  overflow: hidden;
30
30
  }
31
- .gallery__modal_x3ggq {
31
+ .gallery__modal_1ncrj {
32
32
  flex-grow: 1;
33
33
  width: 100vw;
34
34
  height: 100vh;
35
35
  height: 100dvh;
36
36
  background: transparent;
37
37
  }
38
- .gallery__navigationVideo_x3ggq {
38
+ .gallery__navigationVideo_1ncrj {
39
39
  z-index: 3;
40
40
  width: 100%;
41
41
  position: absolute;
@@ -44,18 +44,18 @@
44
44
  transition: transform 0.3s ease-in-out;
45
45
  text-align: center;
46
46
  }
47
- .gallery__hide_x3ggq {
47
+ .gallery__hide_1ncrj {
48
48
  transform: translateY(114px);
49
49
  }
50
- .gallery__hideInfo_x3ggq {
50
+ .gallery__hideInfo_1ncrj {
51
51
  transform: translateY(48px);
52
52
  }
53
- .gallery__bottomButton_x3ggq {
53
+ .gallery__bottomButton_1ncrj {
54
54
  width: calc(100% - var(--gap-32));
55
55
  margin: var(--gap-16);
56
56
  background-color: var(--color-static-neutral-translucent-500-inverted);
57
57
  }
58
- .gallery__subtitles_x3ggq {
58
+ .gallery__subtitles_1ncrj {
59
59
  padding: var(--gap-0) var(--gap-32);
60
60
  margin-bottom: var(--gap-16);
61
61
  width: 100%;
@@ -66,6 +66,6 @@
66
66
  opacity 500ms ease-in-out,
67
67
  margin-bottom 270ms ease-in-out;
68
68
  }
69
- .gallery__hideSubtitles_x3ggq {
69
+ .gallery__hideSubtitles_1ncrj {
70
70
  opacity: 0;
71
71
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"container":"gallery__container_x3ggq","mobile":"gallery__mobile_x3ggq","modal":"gallery__modal_x3ggq","navigationVideo":"gallery__navigationVideo_x3ggq","hide":"gallery__hide_x3ggq","hideInfo":"gallery__hideInfo_x3ggq","bottomButton":"gallery__bottomButton_x3ggq"};
3
+ var styles = {"container":"gallery__container_1ncrj","mobile":"gallery__mobile_1ncrj","modal":"gallery__modal_1ncrj","navigationVideo":"gallery__navigationVideo_1ncrj","hide":"gallery__hide_1ncrj","hideInfo":"gallery__hideInfo_1ncrj","bottomButton":"gallery__bottomButton_1ncrj"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/index.css CHANGED
@@ -11,7 +11,7 @@
11
11
  --sat: env(safe-area-inset-top, var(--gap-0));
12
12
  --sab: env(safe-area-inset-bottom, var(--gap-0));
13
13
  }
14
- .gallery__container_x3ggq {
14
+ .gallery__container_1ncrj {
15
15
  position: relative;
16
16
  overflow-x: hidden;
17
17
  overflow-y: auto;
@@ -25,17 +25,17 @@
25
25
  padding-top: var(--sat);
26
26
  padding-bottom: var(--sab);
27
27
  }
28
- .gallery__container_x3ggq.gallery__mobile_x3ggq {
28
+ .gallery__container_1ncrj.gallery__mobile_1ncrj {
29
29
  overflow: hidden;
30
30
  }
31
- .gallery__modal_x3ggq {
31
+ .gallery__modal_1ncrj {
32
32
  flex-grow: 1;
33
33
  width: 100vw;
34
34
  height: 100vh;
35
35
  height: 100dvh;
36
36
  background: transparent;
37
37
  }
38
- .gallery__navigationVideo_x3ggq {
38
+ .gallery__navigationVideo_1ncrj {
39
39
  z-index: 3;
40
40
  width: 100%;
41
41
  position: absolute;
@@ -44,18 +44,18 @@
44
44
  transition: transform 0.3s ease-in-out;
45
45
  text-align: center;
46
46
  }
47
- .gallery__hide_x3ggq {
47
+ .gallery__hide_1ncrj {
48
48
  transform: translateY(114px);
49
49
  }
50
- .gallery__hideInfo_x3ggq {
50
+ .gallery__hideInfo_1ncrj {
51
51
  transform: translateY(48px);
52
52
  }
53
- .gallery__bottomButton_x3ggq {
53
+ .gallery__bottomButton_1ncrj {
54
54
  width: calc(100% - var(--gap-32));
55
55
  margin: var(--gap-16);
56
56
  background-color: var(--color-static-neutral-translucent-500-inverted);
57
57
  }
58
- .gallery__subtitles_x3ggq {
58
+ .gallery__subtitles_1ncrj {
59
59
  padding: var(--gap-0) var(--gap-32);
60
60
  margin-bottom: var(--gap-16);
61
61
  width: 100%;
@@ -66,6 +66,6 @@
66
66
  opacity 500ms ease-in-out,
67
67
  margin-bottom 270ms ease-in-out;
68
68
  }
69
- .gallery__hideSubtitles_x3ggq {
69
+ .gallery__hideSubtitles_1ncrj {
70
70
  opacity: 0;
71
71
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"container":"gallery__container_x3ggq","mobile":"gallery__mobile_x3ggq","modal":"gallery__modal_x3ggq","navigationVideo":"gallery__navigationVideo_x3ggq","hide":"gallery__hide_x3ggq","hideInfo":"gallery__hideInfo_x3ggq","bottomButton":"gallery__bottomButton_x3ggq"};
5
+ var styles = {"container":"gallery__container_1ncrj","mobile":"gallery__mobile_1ncrj","modal":"gallery__modal_1ncrj","navigationVideo":"gallery__navigationVideo_1ncrj","hide":"gallery__hide_1ncrj","hideInfo":"gallery__hideInfo_1ncrj","bottomButton":"gallery__bottomButton_1ncrj"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -3,20 +3,20 @@
3
3
  --color-static-neutral-translucent-500-inverted-hover: rgba(233, 233, 250, 0.37);
4
4
  --color-static-neutral-translucent-500-inverted-press: rgba(238, 238, 254, 0.46);
5
5
  }
6
- .gallery__component_1kvg9 {
6
+ .gallery__component_roi6h {
7
7
  background-color: var(--color-static-neutral-translucent-500-inverted);
8
8
  }
9
- .gallery__component_1kvg9:hover {
9
+ .gallery__component_roi6h:hover {
10
10
  background-color: var(--color-static-neutral-translucent-500-inverted-hover);
11
11
  }
12
- .gallery__component_1kvg9:active {
12
+ .gallery__component_roi6h:active {
13
13
  background-color: var(--color-static-neutral-translucent-500-inverted-press);
14
14
  }
15
- .gallery__component_1kvg9 {
15
+ .gallery__component_roi6h {
16
16
 
17
17
  transition: transform 1s ease-in-out;
18
18
  will-change: transform;
19
19
  }
20
- .gallery__notVisible_1kvg9 {
20
+ .gallery__notVisible_roi6h {
21
21
  transform: translateY(250%);
22
22
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_1kvg9","notVisible":"gallery__notVisible_1kvg9"};
3
+ const styles = {"component":"gallery__component_roi6h","notVisible":"gallery__notVisible_roi6h"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -7,19 +7,19 @@
7
7
  :root {
8
8
  --gap-32: 32px;
9
9
  }
10
- .gallery__buttons_ync02 {
10
+ .gallery__buttons_5mkzr {
11
11
  display: flex;
12
12
  padding-left: var(--gap-32);
13
13
  }
14
- .gallery__buttons_ync02 path {
14
+ .gallery__buttons_5mkzr path {
15
15
  color: var(--color-static-neutral-translucent-1300-inverted);
16
16
  }
17
- .gallery__iconButton_ync02 path {
17
+ .gallery__iconButton_5mkzr path {
18
18
  color: var(--color-static-neutral-100);
19
19
  }
20
- .gallery__iconButton_ync02:hover path {
20
+ .gallery__iconButton_5mkzr:hover path {
21
21
  color: var(--color-static-neutral-100-hover);
22
22
  }
23
- .gallery__iconButton_ync02:active path {
23
+ .gallery__iconButton_5mkzr:active path {
24
24
  color: var(--color-static-neutral-100-press);
25
25
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"iconButton":"gallery__iconButton_ync02"};
3
+ const styles = {"iconButton":"gallery__iconButton_5mkzr"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,7 +2,7 @@
2
2
  --gap-16: 16px;
3
3
  --gap-32: 32px;
4
4
  }
5
- .gallery__header_11lf5 {
5
+ .gallery__header_n4k0i {
6
6
  display: flex;
7
7
  justify-content: space-between;
8
8
  flex-shrink: 0;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"header":"gallery__header_11lf5"};
3
+ const styles = {"header":"gallery__header_n4k0i"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,24 +1,24 @@
1
1
  :root {
2
2
  --gap-4: 4px;
3
3
  }
4
- .gallery__info_1ae44 {
4
+ .gallery__info_1936g {
5
5
  height: 100%;
6
6
  display: flex;
7
7
  flex-direction: column;
8
8
  justify-content: center;
9
9
  overflow: hidden;
10
10
  }
11
- .gallery__filenameHead_1ae44 {
11
+ .gallery__filenameHead_1936g {
12
12
  display: inline;
13
13
  text-overflow: ellipsis;
14
14
  overflow: hidden;
15
15
  white-space: nowrap;
16
16
  }
17
- .gallery__filenameContainer_1ae44 {
17
+ .gallery__filenameContainer_1936g {
18
18
  overflow: hidden;
19
19
  display: inline-flex;
20
20
  }
21
- .gallery__description_1ae44 {
21
+ .gallery__description_1936g {
22
22
  display: inline;
23
23
  text-overflow: ellipsis;
24
24
  overflow: hidden;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"info":"gallery__info_1ae44","filenameHead":"gallery__filenameHead_1ae44","filenameContainer":"gallery__filenameContainer_1ae44","description":"gallery__description_1ae44"};
3
+ const styles = {"info":"gallery__info_1936g","filenameHead":"gallery__filenameHead_1936g","filenameContainer":"gallery__filenameContainer_1936g","description":"gallery__description_1936g"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --color-static-neutral-0-inverted: #262629;
3
3
  }
4
- .gallery__headerMobile_18iag {
4
+ .gallery__headerMobile_1k9pz {
5
5
  position: relative;
6
6
  height: 72px;
7
7
  z-index: 3;
@@ -10,21 +10,21 @@
10
10
  justify-content: space-between;
11
11
  align-items: center;
12
12
  }
13
- .gallery__headerMobile_18iag.gallery__video_18iag {
13
+ .gallery__headerMobile_1k9pz.gallery__video_1k9pz {
14
14
  position: absolute;
15
15
  width: 100%;
16
16
  background-color: var(--color-static-neutral-0-inverted);
17
17
  transition: transform 0.3s ease-in-out;
18
18
  }
19
- .gallery__hide_18iag {
19
+ .gallery__hide_1k9pz {
20
20
  transform: translateY(-96px);
21
21
  }
22
- .gallery__leftButton_18iag,
23
- .gallery__rightButtons_18iag {
22
+ .gallery__leftButton_1k9pz,
23
+ .gallery__rightButtons_1k9pz {
24
24
  display: flex;
25
25
  align-items: center;
26
26
  }
27
- .gallery__description_18iag {
27
+ .gallery__description_1k9pz {
28
28
  position: absolute;
29
29
  left: 50%;
30
30
  transform: translateX(-50%);
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"headerMobile":"gallery__headerMobile_18iag","video":"gallery__video_18iag","hide":"gallery__hide_18iag","rightButtons":"gallery__rightButtons_18iag","description":"gallery__description_18iag"};
3
+ const styles = {"headerMobile":"gallery__headerMobile_1k9pz","video":"gallery__video_1k9pz","hide":"gallery__hide_1k9pz","rightButtons":"gallery__rightButtons_1k9pz","description":"gallery__description_1k9pz"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -10,23 +10,23 @@
10
10
  :root {
11
11
  --focus-color: var(--color-light-status-info);
12
12
  }
13
- .gallery__component_ypke8 {
13
+ .gallery__component_8gxye {
14
14
  display: flex;
15
15
  z-index: 3;
16
16
  overflow: hidden;
17
17
  transition: border 0.15s ease-in-out;
18
18
  outline: none;
19
19
  }
20
- .gallery__component_ypke8 .gallery__image_ypke8 {
20
+ .gallery__component_8gxye .gallery__image_8gxye {
21
21
  opacity: 0.3;
22
22
  }
23
- .gallery__component_ypke8.gallery__mobile_ypke8 {
23
+ .gallery__component_8gxye.gallery__mobile_8gxye {
24
24
  padding: 0;
25
25
  }
26
- .gallery__active_ypke8 > .gallery__image_ypke8 {
26
+ .gallery__active_8gxye > .gallery__image_8gxye {
27
27
  opacity: 1;
28
28
  }
29
- .gallery__preview_ypke8 {
29
+ .gallery__preview_8gxye {
30
30
  width: 56px;
31
31
  height: 56px;
32
32
  flex-shrink: 0;
@@ -36,15 +36,15 @@
36
36
  -moz-user-select: none;
37
37
  user-select: none;
38
38
  }
39
- .gallery__preview_ypke8.gallery__mobile_ypke8 {
39
+ .gallery__preview_8gxye.gallery__mobile_8gxye {
40
40
  width: 46px;
41
41
  height: 46px;
42
42
  border-radius: var(--border-radius-8);
43
43
  }
44
- .gallery__image_ypke8 {
44
+ .gallery__image_8gxye {
45
45
  transition: opacity 0.15s ease-in-out;
46
46
  }
47
- .gallery__image_ypke8 > img {
47
+ .gallery__image_8gxye > img {
48
48
  display: block;
49
49
  width: 100%;
50
50
  height: 100%;
@@ -54,36 +54,36 @@
54
54
  overflow: clip;
55
55
  overflow-clip-margin: border-box;
56
56
  }
57
- .gallery__image_ypke8:hover {
57
+ .gallery__image_8gxye:hover {
58
58
  opacity: 0.7;
59
59
  }
60
- .gallery__loading_ypke8 {
60
+ .gallery__loading_8gxye {
61
61
  background-color: var(--color-static-neutral-100-inverted);
62
62
  }
63
- .gallery__loading_ypke8 .gallery__active_ypke8 {
63
+ .gallery__loading_8gxye .gallery__active_8gxye {
64
64
  background-color: var(--color-static-neutral-300-inverted);
65
65
  }
66
- .gallery__brokenImageWrapper_ypke8 {
66
+ .gallery__brokenImageWrapper_8gxye {
67
67
  display: flex;
68
68
  justify-content: center;
69
69
  align-items: center;
70
70
  background-color: var(--color-static-neutral-300-inverted);
71
71
  opacity: 0.3;
72
72
  }
73
- .gallery__brokenImageWrapper_ypke8.gallery__active_ypke8 {
73
+ .gallery__brokenImageWrapper_8gxye.gallery__active_8gxye {
74
74
  opacity: 1;
75
75
  }
76
- .gallery__brokenIcon_ypke8 {
76
+ .gallery__brokenIcon_8gxye {
77
77
  width: 40px;
78
78
  height: 40px;
79
79
  }
80
- .gallery__focused_ypke8 {
80
+ .gallery__focused_8gxye {
81
81
  outline: 2px solid var(--focus-color);
82
82
  outline-offset: 2px;
83
83
  }
84
- .gallery__canvasPreview_ypke8 {
84
+ .gallery__canvasPreview_8gxye {
85
85
  border-radius: var(--border-radius-12);
86
86
  }
87
- .gallery__canvasPreview_ypke8.gallery__mobile_ypke8 {
87
+ .gallery__canvasPreview_8gxye.gallery__mobile_8gxye {
88
88
  border-radius: var(--border-radius-8);
89
89
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_ypke8","image":"gallery__image_ypke8","mobile":"gallery__mobile_ypke8","active":"gallery__active_ypke8","preview":"gallery__preview_ypke8","loading":"gallery__loading_ypke8","brokenImageWrapper":"gallery__brokenImageWrapper_ypke8","brokenIcon":"gallery__brokenIcon_ypke8","focused":"gallery__focused_ypke8","canvasPreview":"gallery__canvasPreview_ypke8"};
3
+ const styles = {"component":"gallery__component_8gxye","image":"gallery__image_8gxye","mobile":"gallery__mobile_8gxye","active":"gallery__active_8gxye","preview":"gallery__preview_8gxye","loading":"gallery__loading_8gxye","brokenImageWrapper":"gallery__brokenImageWrapper_8gxye","brokenIcon":"gallery__brokenIcon_8gxye","focused":"gallery__focused_8gxye","canvasPreview":"gallery__canvasPreview_8gxye"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -20,7 +20,7 @@
20
20
  :root {
21
21
  --focus-color: var(--color-light-status-info);
22
22
  }
23
- .gallery__component_7wt6d {
23
+ .gallery__component_j553i {
24
24
  display: flex;
25
25
  flex-grow: 1;
26
26
  justify-content: center;
@@ -88,7 +88,7 @@
88
88
  z-index: -1000;
89
89
  }
90
90
 
91
- .gallery__swiperFrame_7wt6d {
91
+ .gallery__swiperFrame_j553i {
92
92
  display: flex;
93
93
  flex: 1 1 0;
94
94
  min-width: 0;
@@ -100,17 +100,17 @@
100
100
  box-sizing: border-box;
101
101
  }
102
102
 
103
- .gallery__swiperFrame_7wt6d.gallery__mobile_7wt6d {
103
+ .gallery__swiperFrame_j553i.gallery__mobile_j553i {
104
104
  max-height: calc(100vh - 210px);
105
105
  max-height: calc(100dvh - 210px);
106
106
  }
107
107
 
108
- .gallery__swiperFrame_7wt6d.gallery__mobileVideo_7wt6d {
108
+ .gallery__swiperFrame_j553i.gallery__mobileVideo_j553i {
109
109
  max-height: 100vh;
110
110
  max-height: 100dvh;
111
111
  }
112
112
 
113
- .gallery__fullScreenFrame_7wt6d {
113
+ .gallery__fullScreenFrame_j553i {
114
114
  display: flex;
115
115
  align-items: center;
116
116
  justify-content: center;
@@ -123,7 +123,7 @@
123
123
  overflow: hidden;
124
124
  }
125
125
 
126
- .gallery__hiddenFrame_7wt6d {
126
+ .gallery__hiddenFrame_j553i {
127
127
  flex: 0 0 0;
128
128
  width: 0;
129
129
  height: 0;
@@ -131,16 +131,16 @@
131
131
  overflow: hidden;
132
132
  }
133
133
 
134
- .gallery__swiper_7wt6d {
134
+ .gallery__swiper_j553i {
135
135
  width: 100%;
136
136
  height: 100%;
137
137
  }
138
138
 
139
- .gallery__hidden_7wt6d {
139
+ .gallery__hidden_j553i {
140
140
  display: none;
141
141
  }
142
142
 
143
- .gallery__singleSlideContainer_7wt6d {
143
+ .gallery__singleSlideContainer_j553i {
144
144
  display: flex;
145
145
  width: 100%;
146
146
  height: 100%;
@@ -152,18 +152,18 @@
152
152
  box-sizing: border-box;
153
153
  }
154
154
 
155
- .gallery__singleSlideContainer_7wt6d.gallery__mobile_7wt6d {
155
+ .gallery__singleSlideContainer_j553i.gallery__mobile_j553i {
156
156
  max-height: calc(100vh - 174px);
157
157
  max-height: calc(100dvh - 174px);
158
158
  padding: 0;
159
159
  }
160
160
 
161
- .gallery__singleSlideContainer_7wt6d.gallery__mobileVideo_7wt6d {
161
+ .gallery__singleSlideContainer_j553i.gallery__mobileVideo_j553i {
162
162
  max-height: 100vh;
163
163
  max-height: 100dvh;
164
164
  }
165
165
 
166
- .gallery__slide_7wt6d {
166
+ .gallery__slide_j553i {
167
167
  position: relative;
168
168
  display: flex;
169
169
  justify-content: center;
@@ -172,17 +172,17 @@
172
172
  height: 100%;
173
173
  }
174
174
 
175
- .gallery__slideLoading_7wt6d {
175
+ .gallery__slideLoading_j553i {
176
176
  background-color: var(--color-static-neutral-translucent-100-inverted);
177
177
  border-radius: var(--border-radius-8);
178
178
  }
179
179
 
180
- .gallery__spinner_7wt6d {
180
+ .gallery__spinner_j553i {
181
181
  position: absolute;
182
182
  color: var(--color-static-neutral-translucent-1300-inverted);
183
183
  }
184
184
 
185
- .gallery__image_7wt6d {
185
+ .gallery__image_j553i {
186
186
  width: auto;
187
187
  height: auto;
188
188
  max-width: 100%;
@@ -195,11 +195,11 @@
195
195
  border-radius: var(--border-radius-8);
196
196
  }
197
197
 
198
- .gallery__image_7wt6d.gallery__mobile_7wt6d {
198
+ .gallery__image_j553i.gallery__mobile_j553i {
199
199
  border-radius: var(--border-radius-0);
200
200
  }
201
201
 
202
- .gallery__smallImage_7wt6d {
202
+ .gallery__smallImage_j553i {
203
203
  position: relative;
204
204
  width: auto;
205
205
  height: auto;
@@ -212,17 +212,17 @@
212
212
  user-select: none;
213
213
  }
214
214
 
215
- .gallery__verticalImageFit_7wt6d {
215
+ .gallery__verticalImageFit_j553i {
216
216
  width: auto;
217
217
  height: 100%;
218
218
  }
219
219
 
220
- .gallery__horizontalImageFit_7wt6d {
220
+ .gallery__horizontalImageFit_j553i {
221
221
  width: 100%;
222
222
  height: auto;
223
223
  }
224
224
 
225
- .gallery__fullScreenMedia_7wt6d {
225
+ .gallery__fullScreenMedia_j553i {
226
226
  width: 100%;
227
227
  height: 100%;
228
228
  max-width: 100%;
@@ -232,7 +232,7 @@
232
232
  border-radius: var(--border-radius-0);
233
233
  }
234
234
 
235
- .gallery__arrow_7wt6d {
235
+ .gallery__arrow_j553i {
236
236
  display: flex;
237
237
  flex-direction: column;
238
238
  justify-content: center;
@@ -246,20 +246,20 @@
246
246
  outline: none;
247
247
  }
248
248
 
249
- .gallery__arrow_7wt6d:hover {
249
+ .gallery__arrow_j553i:hover {
250
250
  background-color: var(--color-static-neutral-0-inverted-hover);
251
251
  }
252
252
 
253
- .gallery__arrow_7wt6d:active {
253
+ .gallery__arrow_j553i:active {
254
254
  background-color: var(--color-static-neutral-0-inverted-press);
255
255
  }
256
256
 
257
- .gallery__focused_7wt6d {
257
+ .gallery__focused_j553i {
258
258
  outline: 2px solid var(--focus-color);
259
259
  outline-offset: 2px;
260
260
  }
261
261
 
262
- .gallery__placeholder_7wt6d {
262
+ .gallery__placeholder_j553i {
263
263
  display: flex;
264
264
  justify-content: center;
265
265
  align-items: center;
@@ -269,7 +269,7 @@
269
269
  background-color: var(--color-static-neutral-300-inverted);
270
270
  }
271
271
 
272
- .gallery__brokenImgWrapper_7wt6d {
272
+ .gallery__brokenImgWrapper_j553i {
273
273
  position: relative;
274
274
  display: flex;
275
275
  flex-direction: column;
@@ -278,13 +278,13 @@
278
278
  text-align: center;
279
279
  }
280
280
 
281
- .gallery__brokenImgIcon_7wt6d {
281
+ .gallery__brokenImgIcon_j553i {
282
282
  width: 80px;
283
283
  height: 80px;
284
284
  margin-bottom: var(--gap-4);
285
285
  }
286
286
 
287
- .gallery__fullScreenVideo_7wt6d {
287
+ .gallery__fullScreenVideo_j553i {
288
288
  width: 100%;
289
289
  height: 100%;
290
290
  max-height: none;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"gallery__component_7wt6d","swiperFrame":"gallery__swiperFrame_7wt6d","mobile":"gallery__mobile_7wt6d","mobileVideo":"gallery__mobileVideo_7wt6d","fullScreenFrame":"gallery__fullScreenFrame_7wt6d","hiddenFrame":"gallery__hiddenFrame_7wt6d","swiper":"gallery__swiper_7wt6d","hidden":"gallery__hidden_7wt6d","singleSlideContainer":"gallery__singleSlideContainer_7wt6d","slide":"gallery__slide_7wt6d","slideLoading":"gallery__slideLoading_7wt6d","spinner":"gallery__spinner_7wt6d","image":"gallery__image_7wt6d","smallImage":"gallery__smallImage_7wt6d","verticalImageFit":"gallery__verticalImageFit_7wt6d","horizontalImageFit":"gallery__horizontalImageFit_7wt6d","fullScreenMedia":"gallery__fullScreenMedia_7wt6d","arrow":"gallery__arrow_7wt6d","focused":"gallery__focused_7wt6d","placeholder":"gallery__placeholder_7wt6d","brokenImgWrapper":"gallery__brokenImgWrapper_7wt6d","brokenImgIcon":"gallery__brokenImgIcon_7wt6d","fullScreenVideo":"gallery__fullScreenVideo_7wt6d"};
3
+ const styles = {"component":"gallery__component_j553i","swiperFrame":"gallery__swiperFrame_j553i","mobile":"gallery__mobile_j553i","mobileVideo":"gallery__mobileVideo_j553i","fullScreenFrame":"gallery__fullScreenFrame_j553i","hiddenFrame":"gallery__hiddenFrame_j553i","swiper":"gallery__swiper_j553i","hidden":"gallery__hidden_j553i","singleSlideContainer":"gallery__singleSlideContainer_j553i","slide":"gallery__slide_j553i","slideLoading":"gallery__slideLoading_j553i","spinner":"gallery__spinner_j553i","image":"gallery__image_j553i","smallImage":"gallery__smallImage_j553i","verticalImageFit":"gallery__verticalImageFit_j553i","horizontalImageFit":"gallery__horizontalImageFit_j553i","fullScreenMedia":"gallery__fullScreenMedia_j553i","arrow":"gallery__arrow_j553i","focused":"gallery__focused_j553i","placeholder":"gallery__placeholder_j553i","brokenImgWrapper":"gallery__brokenImgWrapper_j553i","brokenImgIcon":"gallery__brokenImgIcon_j553i","fullScreenVideo":"gallery__fullScreenVideo_j553i"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map