wargerm 0.7.8 → 0.7.10

package/dist/index.css

@@ -12004,6 +12004,12 @@
 .h1 {
   height: calc(1 / 1080 * 100vh);
 }
+.w0 {
+  width: 0px;
+}
+.h0 {
+  height: calc(0 / 1080 * 100vh);
+}
 .flex {
   display: flex;
 }
@@ -12298,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;
@@ -12580,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 {
@@ -12667,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% {
@@ -12689,6 +12715,14 @@ button.swiper-pagination-bullet {
     opacity: 1;
   }
 }
+@-webkit-keyframes fadeOut {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
 @keyframes fadeOut {
   0% {
     opacity: 1;
@@ -24812,6 +24846,12 @@ button.swiper-pagination-bullet {
 .h1 {
   height: calc(1 / 1080 * 100vh);
 }
+.w0 {
+  width: 0px;
+}
+.h0 {
+  height: calc(0 / 1080 * 100vh);
+}
 .flex {
   display: flex;
 }
@@ -25088,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;
@@ -25226,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;
 }
@@ -25260,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;
 }
@@ -25766,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;
@@ -26062,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;
@@ -26373,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% {
@@ -26395,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;
@@ -26471,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 {
@@ -26548,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;
@@ -26707,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;
 }
@@ -26741,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;
 }
@@ -38759,6 +38834,12 @@ button[data-prefers-color='dark'] .swiper-pagination-bullet {
 .h1 {
   height: calc(1 / 1080 * 100vh);
 }
+.w0 {
+  width: 0px;
+}
+.h0 {
+  height: calc(0 / 1080 * 100vh);
+}
 .flex {
   display: flex;
 }
@@ -38973,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;
@@ -39112,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;
 }
@@ -39122,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;
 }
@@ -39131,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;
 }
@@ -39490,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;
@@ -39786,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;
@@ -40097,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% {
@@ -40119,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;
@@ -40389,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 {
@@ -52467,6 +52581,12 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
 .h1 {
   height: calc(1 / 1080 * 100vh);
 }
+.w0 {
+  width: 0px;
+}
+.h0 {
+  height: calc(0 / 1080 * 100vh);
+}
 .flex {
   display: flex;
 }
@@ -65220,6 +65340,12 @@ button[data-prefers-color='light'] .swiper-pagination-bullet {
 .h1 {
   height: calc(1 / 1080 * 100vh);
 }
+.w0 {
+  width: 0px;
+}
+.h0 {
+  height: calc(0 / 1080 * 100vh);
+}
 .flex {
   display: flex;
 }