wargerm 0.7.8 → 0.7.9

package/dist/index.css

@@ -12298,10 +12298,12 @@
   scroll-snap-align: start start;
 }
 .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: x mandatory;
+  -ms-scroll-snap-type: x mandatory;
+      scroll-snap-type: x mandatory;
 }
 .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: y mandatory;
+  -ms-scroll-snap-type: y mandatory;
+      scroll-snap-type: y mandatory;
 }
 :root {
   --swiper-navigation-size: 44px;
@@ -12580,6 +12582,7 @@ button.swiper-pagination-bullet {
   transform: translate(-50%, -50%);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .camera {
@@ -12667,19 +12670,36 @@ button.swiper-pagination-bullet {
 }
 /* Animation css */
 [class*='animation-'] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
 }
 .animation-fade {
-  animation-name: fadeIn;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
 }
 .animation-fade-out {
-  animation-name: fadeOut;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @keyframes fadeIn {
   0% {
@@ -12689,6 +12709,14 @@ button.swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -25088,6 +25116,7 @@ button.swiper-pagination-bullet {
   overflow: auto;
 }
 [data-prefers-color='dark'] .container .theader {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 4;
@@ -25226,6 +25255,7 @@ button.swiper-pagination-bullet {
 }
 [data-prefers-color='dark'] .th .fixedLeft,
 [data-prefers-color='dark'] .th .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 4 !important;
 }
@@ -25260,6 +25290,7 @@ button.swiper-pagination-bullet {
 }
 [data-prefers-color='dark'] .tr .fixedLeft,
 [data-prefers-color='dark'] .tr .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 3 !important;
 }
@@ -25766,10 +25797,12 @@ button.swiper-pagination-bullet {
   scroll-snap-align: start start;
 }
 [data-prefers-color='dark'] .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: x mandatory;
+  -ms-scroll-snap-type: x mandatory;
+      scroll-snap-type: x mandatory;
 }
 [data-prefers-color='dark'] .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: y mandatory;
+  -ms-scroll-snap-type: y mandatory;
+      scroll-snap-type: y mandatory;
 }
 [data-prefers-color='dark'] :root {
   --swiper-navigation-size: 44px;
@@ -26062,7 +26095,8 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   transform: skewy(-45deg);
 }
 [data-prefers-color='dark'] .card-container .container-in .sliderTabs .tab {
-  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
   position: relative;
   margin-bottom: 2px;
   cursor: pointer;
@@ -26373,19 +26407,36 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   justify-content: flex-end;
 }
 [data-prefers-color='dark'] [class*='animation-'] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
 }
 [data-prefers-color='dark'] .animation-fade {
-  animation-name: fadeIn;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
 }
 [data-prefers-color='dark'] .animation-fade-out {
-  animation-name: fadeOut;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @keyframes fadeIn {
   0% {
@@ -26395,6 +26446,14 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -26471,6 +26530,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   transform: translate(-50%, -50%);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 [data-prefers-color='dark'] .camera {
@@ -26548,6 +26608,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   overflow: auto;
 }
 [data-prefers-color='dark'] .container .theader {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 4;
@@ -26707,6 +26768,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 }
 [data-prefers-color='dark'] .th .fixedLeft,
 [data-prefers-color='dark'] .th .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 4 !important;
 }
@@ -26741,6 +26803,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 }
 [data-prefers-color='dark'] .tr .fixedLeft,
 [data-prefers-color='dark'] .tr .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 3 !important;
 }
@@ -38973,6 +39036,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   overflow: auto;
 }
 [data-prefers-color='light'] .container .theader {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 4;
@@ -39112,6 +39176,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 }
 [data-prefers-color='light'] .th .fixedLeft,
 [data-prefers-color='light'] .th .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 4 !important;
 }
@@ -39122,6 +39187,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 }
 [data-prefers-color='light'] .tr .fixedLeft,
 [data-prefers-color='light'] .tr .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 3 !important;
 }
@@ -39131,6 +39197,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   transition: all 0.3s;
 }
 [data-prefers-color='light'] .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 3 !important;
 }
@@ -39490,10 +39557,12 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   scroll-snap-align: start start;
 }
 [data-prefers-color='light'] .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: x mandatory;
+  -ms-scroll-snap-type: x mandatory;
+      scroll-snap-type: x mandatory;
 }
 [data-prefers-color='light'] .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: y mandatory;
+  -ms-scroll-snap-type: y mandatory;
+      scroll-snap-type: y mandatory;
 }
 [data-prefers-color='light'] :root {
   --swiper-navigation-size: 44px;
@@ -39786,7 +39855,8 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
   transform: skewy(-45deg);
 }
 [data-prefers-color='light'] .card-container .container-in .sliderTabs .tab {
-  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
   position: relative;
   margin-bottom: 2px;
   cursor: pointer;
@@ -40097,19 +40167,36 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
   justify-content: flex-end;
 }
 [data-prefers-color='light'] [class*='animation-'] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
 }
 [data-prefers-color='light'] .animation-fade {
-  animation-name: fadeIn;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
 }
 [data-prefers-color='light'] .animation-fade-out {
-  animation-name: fadeOut;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @keyframes fadeIn {
   0% {
@@ -40119,6 +40206,14 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -40389,6 +40484,7 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
   transform: translate(-50%, -50%);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 [data-prefers-color='light'] .camera {

package/dist/index.esm.css

@@ -12298,10 +12298,12 @@
   scroll-snap-align: start start;
 }
 .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: x mandatory;
+  -ms-scroll-snap-type: x mandatory;
+      scroll-snap-type: x mandatory;
 }
 .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: y mandatory;
+  -ms-scroll-snap-type: y mandatory;
+      scroll-snap-type: y mandatory;
 }
 :root {
   --swiper-navigation-size: 44px;
@@ -12580,6 +12582,7 @@ button.swiper-pagination-bullet {
   transform: translate(-50%, -50%);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 .camera {
@@ -12667,19 +12670,36 @@ button.swiper-pagination-bullet {
 }
 /* Animation css */
 [class*='animation-'] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
 }
 .animation-fade {
-  animation-name: fadeIn;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
 }
 .animation-fade-out {
-  animation-name: fadeOut;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @keyframes fadeIn {
   0% {
@@ -12689,6 +12709,14 @@ button.swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -25088,6 +25116,7 @@ button.swiper-pagination-bullet {
   overflow: auto;
 }
 [data-prefers-color='dark'] .container .theader {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 4;
@@ -25226,6 +25255,7 @@ button.swiper-pagination-bullet {
 }
 [data-prefers-color='dark'] .th .fixedLeft,
 [data-prefers-color='dark'] .th .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 4 !important;
 }
@@ -25260,6 +25290,7 @@ button.swiper-pagination-bullet {
 }
 [data-prefers-color='dark'] .tr .fixedLeft,
 [data-prefers-color='dark'] .tr .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 3 !important;
 }
@@ -25766,10 +25797,12 @@ button.swiper-pagination-bullet {
   scroll-snap-align: start start;
 }
 [data-prefers-color='dark'] .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: x mandatory;
+  -ms-scroll-snap-type: x mandatory;
+      scroll-snap-type: x mandatory;
 }
 [data-prefers-color='dark'] .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: y mandatory;
+  -ms-scroll-snap-type: y mandatory;
+      scroll-snap-type: y mandatory;
 }
 [data-prefers-color='dark'] :root {
   --swiper-navigation-size: 44px;
@@ -26062,7 +26095,8 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   transform: skewy(-45deg);
 }
 [data-prefers-color='dark'] .card-container .container-in .sliderTabs .tab {
-  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
   position: relative;
   margin-bottom: 2px;
   cursor: pointer;
@@ -26373,19 +26407,36 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   justify-content: flex-end;
 }
 [data-prefers-color='dark'] [class*='animation-'] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
 }
 [data-prefers-color='dark'] .animation-fade {
-  animation-name: fadeIn;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
 }
 [data-prefers-color='dark'] .animation-fade-out {
-  animation-name: fadeOut;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @keyframes fadeIn {
   0% {
@@ -26395,6 +26446,14 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -26471,6 +26530,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   transform: translate(-50%, -50%);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 [data-prefers-color='dark'] .camera {
@@ -26548,6 +26608,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   overflow: auto;
 }
 [data-prefers-color='dark'] .container .theader {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 4;
@@ -26707,6 +26768,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 }
 [data-prefers-color='dark'] .th .fixedLeft,
 [data-prefers-color='dark'] .th .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 4 !important;
 }
@@ -26741,6 +26803,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 }
 [data-prefers-color='dark'] .tr .fixedLeft,
 [data-prefers-color='dark'] .tr .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 3 !important;
 }
@@ -38973,6 +39036,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   overflow: auto;
 }
 [data-prefers-color='light'] .container .theader {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 4;
@@ -39112,6 +39176,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 }
 [data-prefers-color='light'] .th .fixedLeft,
 [data-prefers-color='light'] .th .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 4 !important;
 }
@@ -39122,6 +39187,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 }
 [data-prefers-color='light'] .tr .fixedLeft,
 [data-prefers-color='light'] .tr .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 3 !important;
 }
@@ -39131,6 +39197,7 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   transition: all 0.3s;
 }
 [data-prefers-color='light'] .fixedRight {
+  position: -webkit-sticky !important;
   position: sticky !important;
   z-index: 3 !important;
 }
@@ -39490,10 +39557,12 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
   scroll-snap-align: start start;
 }
 [data-prefers-color='light'] .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: x mandatory;
+  -ms-scroll-snap-type: x mandatory;
+      scroll-snap-type: x mandatory;
 }
 [data-prefers-color='light'] .swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
-  scroll-snap-type: y mandatory;
+  -ms-scroll-snap-type: y mandatory;
+      scroll-snap-type: y mandatory;
 }
 [data-prefers-color='light'] :root {
   --swiper-navigation-size: 44px;
@@ -39786,7 +39855,8 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
   transform: skewy(-45deg);
 }
 [data-prefers-color='light'] .card-container .container-in .sliderTabs .tab {
-  writing-mode: vertical-lr;
+  -ms-writing-mode: tb-lr;
+      writing-mode: vertical-lr;
   position: relative;
   margin-bottom: 2px;
   cursor: pointer;
@@ -40097,19 +40167,36 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
   justify-content: flex-end;
 }
 [data-prefers-color='light'] [class*='animation-'] {
-  animation-duration: 0.5s;
-  animation-timing-function: ease-out;
-  animation-fill-mode: both;
+  -webkit-animation-duration: 0.5s;
+          animation-duration: 0.5s;
+  -webkit-animation-timing-function: ease-out;
+          animation-timing-function: ease-out;
+  -webkit-animation-fill-mode: both;
+          animation-fill-mode: both;
 }
 [data-prefers-color='light'] .animation-fade {
-  animation-name: fadeIn;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeIn;
+          animation-name: fadeIn;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
 }
 [data-prefers-color='light'] .animation-fade-out {
-  animation-name: fadeOut;
-  animation-duration: 0.8s;
-  animation-timing-function: linear;
+  -webkit-animation-name: fadeOut;
+          animation-name: fadeOut;
+  -webkit-animation-duration: 0.8s;
+          animation-duration: 0.8s;
+  -webkit-animation-timing-function: linear;
+          animation-timing-function: linear;
+}
+@-webkit-keyframes fadeIn {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @keyframes fadeIn {
   0% {
@@ -40119,6 +40206,14 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -40389,6 +40484,7 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
   transform: translate(-50%, -50%);
   -webkit-user-select: none;
      -moz-user-select: none;
+      -ms-user-select: none;
           user-select: none;
 }
 [data-prefers-color='light'] .camera {