wargerm 0.7.13 → 0.7.16

package/dist/index.css

@@ -12304,10 +12304,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;
@@ -12586,6 +12588,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 {
@@ -12673,19 +12676,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% {
@@ -12695,6 +12715,14 @@ button.swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -25100,6 +25128,7 @@ button.swiper-pagination-bullet {
   overflow: auto;
 }
 [data-prefers-color='dark'] .container .theader {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 4;
@@ -25238,6 +25267,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;
 }
@@ -25272,6 +25302,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;
 }
@@ -25778,10 +25809,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;
@@ -26074,7 +26107,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;
@@ -26385,19 +26419,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% {
@@ -26407,6 +26458,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;
@@ -26483,6 +26542,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 {
@@ -26560,6 +26620,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;
@@ -26719,6 +26780,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;
 }
@@ -26753,6 +26815,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;
 }
@@ -38991,6 +39054,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;
@@ -39130,6 +39194,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;
 }
@@ -39140,6 +39205,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;
 }
@@ -39149,6 +39215,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;
 }
@@ -39508,10 +39575,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;
@@ -39804,7 +39873,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;
@@ -40115,19 +40185,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% {
@@ -40137,6 +40224,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;
@@ -40407,6 +40502,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

@@ -12304,10 +12304,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;
@@ -12586,6 +12588,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 {
@@ -12673,19 +12676,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% {
@@ -12695,6 +12715,14 @@ button.swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -25100,6 +25128,7 @@ button.swiper-pagination-bullet {
   overflow: auto;
 }
 [data-prefers-color='dark'] .container .theader {
+  position: -webkit-sticky;
   position: sticky;
   top: 0;
   z-index: 4;
@@ -25238,6 +25267,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;
 }
@@ -25272,6 +25302,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;
 }
@@ -25778,10 +25809,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;
@@ -26074,7 +26107,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;
@@ -26385,19 +26419,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% {
@@ -26407,6 +26458,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;
@@ -26483,6 +26542,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 {
@@ -26560,6 +26620,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;
@@ -26719,6 +26780,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;
 }
@@ -26753,6 +26815,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;
 }
@@ -38991,6 +39054,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;
@@ -39130,6 +39194,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;
 }
@@ -39140,6 +39205,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;
 }
@@ -39149,6 +39215,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;
 }
@@ -39508,10 +39575,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;
@@ -39804,7 +39873,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;
@@ -40115,19 +40185,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% {
@@ -40137,6 +40224,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;
@@ -40407,6 +40502,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 {