xyx模板六

www.viatomtech.com/config.json

@@ -0,0 +1,6 @@
+{
+    "creator": "熊雨潇",
+    "version": "1.0",
+    "origin_website": "https://www.viatomtech.com/blog",
+   "devices": ["pc", "pad", "phone"]
+  }

www.viatomtech.com/css/common.css

@@ -0,0 +1,698 @@
+
+._1vNJf {
+  position: relative;
+  overflow: visible
+}
+
+._2RKTZ {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden
+}
+
+.b9KOL {
+  cursor: pointer
+}
+
+._1-6YJ {
+  width: 100%;
+  height: 100%;
+  display: block
+}
+
+._3SQN-,
+._3wnIc {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%
+}
+
+._3wnIc {
+  left: 0;
+  overflow: hidden;
+  -webkit-mask-image: var(--mask-image, none);
+  mask-image: var(--mask-image, none);
+  -webkit-mask-position: var(--mask-position, 0);
+  mask-position: var(--mask-position, 0);
+  -webkit-mask-size: var(--mask-size, 100%);
+  mask-size: var(--mask-size, 100%);
+  -webkit-mask-repeat: var(--mask-repeat, no-repeat);
+  mask-repeat: var(--mask-repeat, no-repeat);
+  pointer-events: var(--fill-layer-background-media-pointer-events)
+}
+
+._3wnIc._7WhTV {
+  clip: rect(0, auto, auto, 0)
+}
+
+@supports (-webkit-hyphens:none) {
+  ._3wnIc._7WhTV {
+    clip: auto;
+    -webkit-clip-path: inset(0)
+  }
+}
+
+._2GUhU {
+  height: 100%
+}
+
+._3KzuS {
+  background-color: var(--bg-overlay-color);
+  background-image: var(--bg-gradient)
+}
+
+._2L00W {
+  opacity: var(--fill-layer-image-opacity);
+  height: var(--fill-layer-image-height, 100%)
+}
+
+._2L00W img {
+  width: 100%;
+  height: 100%
+}
+
+._1PtAB,
+._6ICOI {
+  opacity: var(--fill-layer-video-opacity)
+}
+
+._2gFri {
+  position: absolute;
+  width: 100%;
+  height: var(--media-padding-height);
+  top: var(--media-padding-top);
+  bottom: var(--media-padding-bottom)
+}
+
+._1Q5R5 {
+  transform: scale(var(--scale, 1));
+  transition: var(--transform-duration, transform 0s)
+}
+
+._6ICOI {
+  position: relative;
+  width: 100%;
+  height: 100%
+}
+
+._3hRfg {
+  -webkit-clip-path: var(--fill-layer-clip);
+  clip-path: var(--fill-layer-clip)
+}
+
+._2IRVt,
+._3hRfg {
+  position: absolute;
+  top: 0
+}
+
+._1QuqS img,
+._2IRVt,
+._3hRfg {
+  width: 100%;
+  height: 100%
+}
+
+._3vVMz {
+  opacity: 0
+}
+
+._3vVMz,
+._3192S {
+  position: absolute;
+  top: 0
+}
+
+._3192S {
+  width: 0;
+  height: 0;
+  left: 0;
+  overflow: hidden
+}
+
+._3BaUs {
+  position: var(--fill-layer-background-media-position);
+  pointer-events: var(--fill-layer-background-media-pointer-events);
+  left: 0
+}
+
+._1eCSh,
+._3BaUs,
+._37Ao- {
+  width: 100%;
+  height: 100%;
+  top: 0
+}
+
+._37Ao- {
+  position: absolute
+}
+
+._1eCSh {
+  background-color: var(--fill-layer-background-overlay-color);
+  position: var(--fill-layer-background-overlay-position);
+  opacity: var(--fill-layer-background-overlay-blend-opacity-fallback, 1);
+  transform: var(--fill-layer-background-overlay-transform)
+}
+
+@supports (mix-blend-mode:overlay) {
+  ._1eCSh {
+    mix-blend-mode: var(--fill-layer-background-overlay-blend-mode);
+    opacity: var(--fill-layer-background-overlay-blend-opacity, 1)
+  }
+}
+
+._2o25M {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 100%;
+  left: 0
+}
+
+.FqFZT {
+  transition: .2s ease-in;
+  transform: translateY(-100%)
+}
+
+._1CvyK {
+  transition: .2s
+}
+
+._12-8f {
+  transition: .2s ease-in;
+  opacity: 0
+}
+
+._12-8f._1fxAO {
+  z-index: -1 !important
+}
+
+._2nqfT {
+  transition: .2s;
+  opacity: 1
+}
+
+._1_UPn {
+  height: auto
+}
+
+._1_UPn,
+._38XI2 {
+  position: relative;
+  width: 100%
+}
+
+:host(:not(.device-mobile-optimized)) ._2P6JN,
+body:not(.device-mobile-optimized) ._2P6JN {
+  margin-left: calc((100% - var(--site-width)) / 2);
+  width: var(--site-width)
+}
+
+.ZW5SX[data-focuscycled=active] {
+  outline: 1px solid transparent
+}
+
+.ZW5SX[data-focuscycled=active]:not(:focus-within) {
+  outline: 2px solid transparent;
+  transition: outline .01s ease
+}
+
+.ZW5SX ._1nRb9 {
+  top: 0;
+  bottom: 0;
+  box-shadow: var(--shd, 0 0 5px rgba(0, 0, 0, .7));
+  background-color: var(--screenwidth-corvid-background-color, rgba(var(--bg, var(--color_11)), var(--alpha-bg, 1)));
+  border-top: var(--brwt, 0) solid var(--screenwidth-corvid-border-color, rgba(var(--brd, var(--color_15)), var(--alpha-brd, 1)));
+  border-bottom: var(--brwb, 0) solid var(--screenwidth-corvid-border-color, rgba(var(--brd, var(--color_15)), var(--alpha-brd, 1)))
+}
+
+.ZW5SX ._1dlfY,
+.ZW5SX ._1nRb9 {
+  position: absolute;
+  right: 0;
+  left: 0
+}
+
+.ZW5SX ._1dlfY {
+  top: var(--brwt, 0);
+  bottom: var(--brwb, 0);
+  border-radius: var(--rd, 0);
+  background-color: rgba(var(--bgctr, var(--color_11)), var(--alpha-bgctr, 1))
+}
+
+.ZW5SX ._2P6JN {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0
+}
+
+:host(.device-mobile-optimized) .ZW5SX ._2P6JN,
+body.device-mobile-optimized .ZW5SX ._2P6JN {
+  left: 10px;
+  right: 10px
+}
+
+._1KV2M {
+  pointer-events: none
+}
+
+._2v3yk {
+  position: var(--bg-position);
+  top: var(--wix-ads-height);
+  min-height: calc(100vh - var(--wix-ads-height));
+  height: 100%;
+  width: 100%;
+  min-width: var(--site-width)
+}
+
+._1fbEI {
+  text-align: initial;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  justify-content: var(--label-align);
+  min-width: 100%
+}
+
+._1fbEI:before {
+  max-width: var(--margin-left, 0)
+}
+
+._1fbEI:after,
+._1fbEI:before {
+  content: "";
+  flex-grow: 1;
+  align-self: stretch
+}
+
+._1fbEI:after {
+  max-width: var(--margin-right, 0)
+}
+
+._2UgQw {
+  height: 100%
+}
+
+._2UgQw ._1fbEI {
+  border-radius: var(--corvid-border-radius, var(--rd, 0));
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  transition: var(--trans1, border-color .4s ease 0s, background-color .4s ease 0s);
+  box-shadow: var(--shd, 0 1px 4px rgba(0, 0, 0, .6))
+}
+
+._2UgQw ._1fbEI:link,
+._2UgQw ._1fbEI:visited {
+  border-color: transparent
+}
+
+._2UgQw ._1Qjd7 {
+  font: var(--fnt, var(--font_5));
+  transition: var(--trans2, color .4s ease 0s);
+  color: var(--corvid-color, rgb(var(--txt, var(--color_15))));
+  position: relative;
+  white-space: nowrap;
+  margin: 0
+}
+
+._2UgQw[aria-disabled=false] ._1fbEI {
+  background-color: var(--corvid-background-color, rgba(var(--bg, var(--color_17)), var(--alpha-bg, 1)));
+  border: solid var(--corvid-border-color, rgba(var(--brd, var(--color_15)), var(--alpha-brd, 1))) var(--corvid-border-width, var(--brw, 0));
+  cursor: pointer !important
+}
+
+:host(.device-mobile-optimized) ._2UgQw[aria-disabled=false]:active ._1fbEI,
+body.device-mobile-optimized ._2UgQw[aria-disabled=false]:active ._1fbEI {
+  background-color: rgba(var(--bgh, var(--color_18)), var(--alpha-bgh, 1));
+  border-color: rgba(var(--brdh, var(--color_15)), var(--alpha-brdh, 1))
+}
+
+:host(.device-mobile-optimized) ._2UgQw[aria-disabled=false]:active ._1Qjd7,
+body.device-mobile-optimized ._2UgQw[aria-disabled=false]:active ._1Qjd7 {
+  color: rgb(var(--txth, var(--color_15)))
+}
+
+:host(:not(.device-mobile-optimized)) ._2UgQw[aria-disabled=false]:hover ._1fbEI,
+body:not(.device-mobile-optimized) ._2UgQw[aria-disabled=false]:hover ._1fbEI {
+  background-color: rgba(var(--bgh, var(--color_18)), var(--alpha-bgh, 1));
+  border-color: rgba(var(--brdh, var(--color_15)), var(--alpha-brdh, 1))
+}
+
+:host(:not(.device-mobile-optimized)) ._2UgQw[aria-disabled=false]:hover ._1Qjd7,
+body:not(.device-mobile-optimized) ._2UgQw[aria-disabled=false]:hover ._1Qjd7 {
+  color: rgb(var(--txth, var(--color_15)))
+}
+
+._2UgQw[aria-disabled=true] ._1fbEI {
+  background-color: rgba(var(--bgd, 204, 204, 204), var(--alpha-bgd, 1));
+  border-color: rgba(var(--brdd, 204, 204, 204), var(--alpha-brdd, 1));
+  border-width: var(--corvid-border-width, var(--brw, 0));
+  border-style: solid
+}
+
+._2UgQw[aria-disabled=true] ._1Qjd7 {
+  color: rgb(var(--txtd, 255, 255, 255))
+}
+
+._6lnTT {
+  text-align: initial;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  justify-content: var(--label-align);
+  min-width: 100%
+}
+
+._6lnTT:before {
+  max-width: var(--margin-left, 0)
+}
+
+._6lnTT:after,
+._6lnTT:before {
+  content: "";
+  flex-grow: 1;
+  align-self: stretch
+}
+
+._6lnTT:after {
+  max-width: var(--margin-right, 0)
+}
+
+._2kLdM[aria-disabled=false] ._6lnTT {
+  cursor: pointer
+}
+
+:host(.device-mobile-optimized) ._2kLdM[aria-disabled=false]:active .wQYUw,
+:host(:not(.device-mobile-optimized)) ._2kLdM[aria-disabled=false]:hover .wQYUw,
+body.device-mobile-optimized ._2kLdM[aria-disabled=false]:active .wQYUw,
+body:not(.device-mobile-optimized) ._2kLdM[aria-disabled=false]:hover .wQYUw {
+  color: rgb(var(--txth, var(--color_15)));
+  transition: var(--trans, color .4s ease 0s)
+}
+
+._2kLdM ._6lnTT {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0
+}
+
+._2kLdM .wQYUw {
+  font: var(--fnt, var(--font_5));
+  transition: var(--trans, color .4s ease 0s);
+  color: var(--corvid-color, rgb(var(--txt, var(--color_15))));
+  white-space: nowrap
+}
+
+._2kLdM[aria-disabled=true] .wQYUw {
+  color: rgb(var(--txtd, 255, 255, 255))
+}
+
+:host(:not(.device-mobile-optimized)) ._3d64y,
+body:not(.device-mobile-optimized) ._3d64y {
+  display: var(--display);
+  --display: flex
+}
+
+:host(:not(.device-mobile-optimized)) ._1uldx,
+body:not(.device-mobile-optimized) ._1uldx {
+  display: flex;
+  position: relative;
+  width: calc(100% - var(--padding) * 2);
+  margin: 0 auto
+}
+
+:host(:not(.device-mobile-optimized)) ._1uldx>*,
+body:not(.device-mobile-optimized) ._1uldx>* {
+  flex: var(--column-flex) 1 0%;
+  min-width: 0;
+  margin-top: var(--padding);
+  margin-bottom: var(--padding);
+  position: relative;
+  left: 0;
+  top: 0;
+  margin-left: var(--margin)
+}
+
+:host(:not(.device-mobile-optimized)) ._1uldx>:first-child,
+body:not(.device-mobile-optimized) ._1uldx>:first-child {
+  margin-left: 0
+}
+
+:host(.device-mobile-optimized) ._1uldx,
+body.device-mobile-optimized ._1uldx {
+  display: block;
+  position: relative;
+  padding: var(--padding) 0
+}
+
+:host(.device-mobile-optimized) ._1uldx>*,
+body.device-mobile-optimized ._1uldx>* {
+  margin-bottom: var(--margin);
+  position: relative
+}
+
+:host(.device-mobile-optimized) ._1uldx>:first-child,
+body.device-mobile-optimized ._1uldx>:first-child {
+  margin-top: var(--firstChildMarginTop, 0)
+}
+
+:host(.device-mobile-optimized) ._1uldx>:last-child,
+body.device-mobile-optimized ._1uldx>:last-child {
+  margin-bottom: var(--lastChildMarginBottom, var(--margin))
+}
+
+._2LYf8 {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden
+}
+
+._3WMIc {
+  --divider-pin-height__: min(1, calc(var(--divider-layers-pin-factor__) + 1));
+  --divider-pin-layer-height__: var(--divider-layers-pin-factor__);
+  --divider-pin-border__: min(1, calc(var(--divider-layers-pin-factor__) / -1 + 1));
+  height: calc(var(--divider-height__) + var(--divider-pin-height__) * var(--divider-layers-size__) * var(--divider-layers-y__))
+}
+
+._3WMIc,
+._3WMIc ._2NMWe {
+  position: absolute;
+  left: 0;
+  width: 100%
+}
+
+._3WMIc ._2NMWe {
+  --divider-layer-i__: var(--divider-layer-i, 0);
+  height: calc(var(--divider-height__) + var(--divider-pin-layer-height__) * var(--divider-layer-i__) * var(--divider-layers-y__));
+  opacity: calc(1 - var(--divider-layer-i__) / (var(--divider-layer-i__) + 1));
+  background-repeat: repeat-x;
+  background-position: left calc(50% + var(--divider-offset-x__) + var(--divider-layers-x__) * var(--divider-layer-i__)) bottom;
+  border-bottom-width: calc(var(--divider-pin-border__) * var(--divider-layer-i__) * var(--divider-layers-y__));
+  border-bottom-style: solid
+}
+
+._3fTM1 {
+  --divider-height__: var(--divider-top-height, auto);
+  --divider-offset-x__: var(--divider-top-offset-x, 0px);
+  --divider-layers-size__: var(--divider-top-layers-size, 0);
+  --divider-layers-y__: var(--divider-top-layers-y, 0px);
+  --divider-layers-x__: var(--divider-top-layers-x, 0px);
+  --divider-layers-pin-factor__: var(--divider-top-layers-pin-factor, 0);
+  top: 0;
+  transform: var(--divider-top-flip, scaleY(-1));
+  opacity: var(--divider-top-opacity, 1);
+  border-top: var(--divider-top-padding, 0) solid var(--divider-top-color, currentColor)
+}
+
+._3fTM1 ._2NMWe {
+  bottom: 0;
+  border-color: var(--divider-top-color, currentColor);
+  background-image: var(--divider-top-image, none);
+  background-size: var(--divider-top-size, contain)
+}
+
+._2bMgb {
+  --divider-height__: var(--divider-bottom-height, auto);
+  --divider-offset-x__: var(--divider-bottom-offset-x, 0px);
+  --divider-layers-size__: var(--divider-bottom-layers-size, 0);
+  --divider-layers-y__: var(--divider-bottom-layers-y, 0px);
+  --divider-layers-x__: var(--divider-bottom-layers-x, 0px);
+  --divider-layers-pin-factor__: var(--divider-bottom-layers-pin-factor, 0);
+  bottom: 0;
+  transform: var(--divider-bottom-flip, none);
+  opacity: var(--divider-bottom-opacity, 1);
+  border-bottom: var(--divider-bottom-padding, 0) solid var(--divider-bottom-color, currentColor)
+}
+
+._2bMgb ._2NMWe {
+  bottom: 0;
+  border-color: var(--divider-bottom-color, currentColor);
+  background-image: var(--divider-bottom-image, none);
+  background-size: var(--divider-bottom-size, contain)
+}
+
+._3vrwT {
+  width: 100%;
+  height: 100%;
+  overflow: hidden
+}
+
+._3vrwT._1rAnL:hover {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmMWUzNTlkMS1hYjZhLTNkNDctYmM0ZC03MWMyZDYyMWNmNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODM3MEUzMUU4OTAyMTFFMzk3Q0FCMkFEODdDNzUzMjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODM3MEUzMUQ4OTAyMTFFMzk3Q0FCMkFEODdDNzUzMjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ZTkyMTRlLThiNDQtNjc0My04MWZiLTZlYjIzYTA2ZjcwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpmMWUzNTlkMS1hYjZhLTNkNDctYmM0ZC03MWMyZDYyMWNmNDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4bqsJgAAACF0lEQVR42mJgQAd8fHz/gdRvRigfxGEACCA4YvwPBMgCbgABBGOAJP6LiooiZBUUFMCC7969Awk6AQQQA1bAxMTUOnXq1P8/f/78j2zdf5BDQDgoKAgiyMgItv0/1AkozlgJlHwPpDWB+AhAACFL1EJVwvBPIGZHd8P/OXPmgI0F2YdmxXQUhX///sVQqK2tDVL4DFkhF8zK2NjY/4aGhshOOMJAJAB5ZjdAADGQCpiB4Cear3uwKQR74vv372BPLFq0CKZ4GnLcdMGiFtnXmzZtQo0Bdnb2r/b29nBFMIwUjkxghby8vHfFxMQwTMQWp0YggZcvX/5HBpqamhgKQdafAQnq6en9j4+P/4/me150nzsCPfYOKrkWKvYCymcjJozPgqIYIMAYcUjKAnEcELsDbVECOpkNiO8B+buAeCEQ3yUqFllYWNYh+4Obm/u/ubn5f0tLy//QPIqM90ATHVagDHTJH5BCfn7+/xcvXvyPC9y7d+8/KHqghv4FYj0M04BxeAOkQEhI6P+vX79QDECOeBj49+/ffzk5OZih91FyP4gAGiIDooH5hIGVlRUsAXQpGMMAMh+Y1xksLCzg5QxGrAFzwAxY2GzYsIGgC48cOYIclsuwBiIbG9sCmCJFRcX/+/fvxwi/EydOwIoDGH6JLQEiA26ga1egxSY2vAUpkcKKEV5iCwVOIObBU8w8RzLYgYHaAAACg5CxaxSLgwAAAABJRU5ErkJggg==), auto
+}
+
+._3vrwT._1E5xK:hover {
+  cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpmMWUzNTlkMS1hYjZhLTNkNDctYmM0ZC03MWMyZDYyMWNmNDgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0I4QkNGQTI4OTAyMTFFMzg0RDlBRkM5NDA5QjczRTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0I4QkNGQTE4OTAyMTFFMzg0RDlBRkM5NDA5QjczRTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjk0ZTkyMTRlLThiNDQtNjc0My04MWZiLTZlYjIzYTA2ZjcwNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpmMWUzNTlkMS1hYjZhLTNkNDctYmM0ZC03MWMyZDYyMWNmNDgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hiSPZAAACGklEQVR42mJgQAd8fHz/gdRvRigfxGEACCA4YvwPBMgCbgABBGOAJP6LiooiZBUUFMCC7969Awk6AQQQA1bAxMTUOnXq1P8/f/78j2zdf5BDQDgoKAgiyMgItv0/1AkozlgJlHwPpDWB+AhAACFL1EJVwvBPIGZHd8P/OXPm/EcHUA3TURT+/fsXQ6G2tjZI4TNkhVwwK2NjY/8bGhoiO+EIA5EA5JndAAHEQCpgBoKfaL7uwaYQHLrfv38He2LRokUwxdOQ46YLFrXIYNOmTagxwM7O/tXe3h4sCYs3EEYKRyawQl5e3rtiYmL/sQH0ODUCCbx8+RJFkaamJoZCkPVnQIJ6enr/4+Pj/6P5nhfd545Aj72DSq6Fir2A8tmICeOzoCgGCDBGHJKyQBwHxO5AW5SATmYD4ntA/i4gXgjEd4mKRRYWlnXI/uDm5v5vbm7+39LS8j80jyLjPdBEhxUoA13yB6SQn5///8WLF//jAvfu3fsPih6ooX+BWA/DNGAc3gApEBIS+v/r16//hMC/f//+y8nJwQy9j2wWC4gAGiIDooH5hIGVlRUsAXQpVq98/PgRVBAwWFhYMDx69AhczkBj7RdyFpgBC5sNGzYQdOGRI0eQw3IZVpvZ2NgWwBQpKir+379/P4ZBJ06cgBUHMPwSWwJEBtxA165Ai01seAtSIoUVI7zEFgqcQMyDp5h5jmSwAwO1AQBU5q033XYWQwAAAABJRU5ErkJggg==), auto
+}
+
+._2S73V {
+  cursor: pointer
+}
+
+._2Ea4I {
+  width: 0;
+  height: 0;
+  left: 0;
+  top: 0;
+  overflow: hidden;
+  position: absolute
+}
+
+.xQ_iF {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box
+}
+
+._1Fe8- {
+  min-height: var(--image-min-height);
+  min-width: var(--image-min-width)
+}
+
+._1Fe8- img {
+  -o-object-position: var(--object-position);
+  object-position: var(--object-position);
+  filter: var(--filter-effect-svg-url);
+  -webkit-mask-image: var(--mask-image, none);
+  mask-image: var(--mask-image, none);
+  -webkit-mask-position: var(--mask-position, 0);
+  mask-position: var(--mask-position, 0);
+  -webkit-mask-size: var(--mask-size, 100% 100%);
+  mask-size: var(--mask-size, 100% 100%);
+  -webkit-mask-repeat: var(--mask-repeat, no-repeat);
+  mask-repeat: var(--mask-repeat, no-repeat)
+}
+
+.XUUsC {
+  position: var(--position-fixed, static);
+  left: var(--left, auto);
+  top: var(--top, auto);
+  z-index: var(--z-index, auto)
+}
+
+.XUUsC ._1Fe8- img {
+  position: static;
+  box-shadow: 0 0 0 #000;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none
+}
+
+.XUUsC .xQ_iF {
+  display: block
+}
+
+.XUUsC ._1Fe8-,
+.XUUsC .xQ_iF {
+  overflow: hidden
+}
+
+._3jgRX {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0
+}
+
+._2ufc7 {
+  height: auto;
+  width: 100%;
+  position: relative
+}
+
+body:not(.responsive) ._3LL-w {
+  height: 100%;
+  position: relative;
+  left: 0;
+  grid-area: 1/1/1/1;
+  align-self: start;
+  justify-self: stretch
+}
+
+:host(:not(.device-mobile-optimized)) ._3jgRX,
+body:not(.device-mobile-optimized) ._3jgRX {
+  margin-left: calc((100% - var(--site-width)) / 2);
+  width: var(--site-width)
+}
+
+._1FOTJ ._3jgRX {
+  overflow: hidden;
+  background-color: rgba(var(--bg, var(--color_11)), var(--alpha-bg, 1))
+}
+
+:host(.device-mobile-optimized) ._3jgRX,
+body.device-mobile-optimized ._3jgRX {
+  left: 10px;
+  right: 10px
+}
+
+._3CemL {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0
+}
+
+._3K7uv {
+  height: auto;
+  width: 100%;
+  position: relative
+}
+
+body:not(.responsive) .Ry26q {
+  height: 100%;
+  position: relative;
+  left: 0;
+  grid-area: 1/1/1/1;
+  align-self: start;
+  justify-self: stretch
+}
+
+:host(:not(.device-mobile-optimized)) ._3CemL,
+body:not(.device-mobile-optimized) ._3CemL {
+  margin-left: calc((100% - var(--site-width)) / 2);
+  width: var(--site-width)
+}
+
+:host(.device-mobile-optimized) ._3CemL,
+body.device-mobile-optimized ._3CemL {
+  left: 10px;
+  right: 10px
+}

www.viatomtech.com/css/index.css

@@ -0,0 +1,420 @@
+
+  a,
+  abbr,
+  acronym,
+  address,
+  applet,
+  b,
+  big,
+  blockquote,
+  body,
+  button,
+  caption,
+  center,
+  cite,
+  code,
+  dd,
+  del,
+  dfn,
+  div,
+  dl,
+  dt,
+  em,
+  fieldset,
+  font,
+  footer,
+  form,
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  header,
+  html,
+  i,
+  iframe,
+  img,
+  ins,
+  kbd,
+  label,
+  legend,
+  li,
+  nav,
+  object,
+  ol,
+  p,
+  pre,
+  q,
+  s,
+  samp,
+  section,
+  small,
+  span,
+  strike,
+  strong,
+  sub,
+  sup,
+  table,
+  tbody,
+  td,
+  tfoot,
+  th,
+  thead,
+  title,
+  tr,
+  tt,
+  u,
+  ul,
+  var {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    outline: 0;
+    vertical-align: baseline;
+    background: transparent
+  }
+
+  body {
+    font-size: 10px;
+    font-family: Arial, Helvetica, sans-serif
+  }
+
+  input,
+  select,
+  textarea {
+    font-family: Helvetica, Arial, sans-serif;
+    box-sizing: border-box
+  }
+
+  ol,
+  ul {
+    list-style: none
+  }
+
+  blockquote,
+  q {
+    quotes: none
+  }
+
+  ins {
+    text-decoration: none
+  }
+
+  del {
+    text-decoration: line-through
+  }
+
+  table {
+    border-collapse: collapse;
+    border-spacing: 0
+  }
+
+  a {
+    cursor: pointer;
+    text-decoration: none
+  }
+
+  body,
+  html {
+    height: 100%
+  }
+
+  body {
+    overflow-x: auto;
+    overflow-y: scroll
+  }
+
+  .testStyles {
+    overflow-y: hidden
+  }
+
+  .reset-button {
+    background: none;
+    border: 0;
+    outline: 0;
+    color: inherit;
+    font: inherit;
+    line-height: normal;
+    overflow: visible;
+    padding: 0;
+    -webkit-appearance: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none
+  }
+
+  :focus {
+    outline: none
+  }
+
+  body.device-mobile-optimized {
+    overflow-x: hidden;
+    overflow-y: scroll
+  }
+
+  body.device-mobile-optimized:not(.responsive) #SITE_CONTAINER {
+    width: 320px;
+    overflow-x: visible;
+    position: relative;
+    margin-left: auto;
+    margin-right: auto
+  }
+
+  body.device-mobile-optimized:not(.responsive):not(.blockSiteScrolling) #SITE_CONTAINER {
+    margin-top: 0
+  }
+
+  body.device-mobile-optimized>* {
+    max-width: 100% !important
+  }
+
+  body.device-mobile-optimized #site-root {
+    overflow-x: hidden;
+    overflow-y: hidden
+  }
+
+  @supports (overflow:clip) {
+    body.device-mobile-optimized.dont-overflow-hidden-site-root #site-root {
+      overflow-x: clip;
+      overflow-y: clip
+    }
+  }
+
+  body.device-mobile-non-optimized #SITE_CONTAINER #site-root {
+    overflow-x: hidden;
+    overflow-y: auto
+  }
+
+  body.device-mobile-non-optimized.fullScreenMode {
+    background-color: #5f6360
+  }
+
+  body.device-mobile-non-optimized.fullScreenMode #MOBILE_ACTIONS_MENU,
+  body.device-mobile-non-optimized.fullScreenMode #site-root,
+  body.device-mobile-non-optimized.fullScreenMode #SITE_BACKGROUND,
+  body.fullScreenMode #WIX_ADS {
+    visibility: hidden
+  }
+
+  body.fullScreenMode {
+    overflow-x: hidden !important;
+    overflow-y: hidden !important
+  }
+
+  body.fullScreenMode.device-mobile-optimized #TINY_MENU {
+    opacity: 0;
+    pointer-events: none
+  }
+
+  body.fullScreenMode-scrollable.device-mobile-optimized {
+    overflow-x: hidden !important;
+    overflow-y: auto !important
+  }
+
+  body.fullScreenMode-scrollable.device-mobile-optimized #masterPage,
+  body.fullScreenMode-scrollable.device-mobile-optimized #site-root {
+    overflow-x: hidden !important;
+    overflow-y: hidden !important
+  }
+
+  body.fullScreenMode-scrollable.device-mobile-optimized #masterPage,
+  body.fullScreenMode-scrollable.device-mobile-optimized #SITE_BACKGROUND {
+    height: auto !important
+  }
+
+  body.fullScreenMode-scrollable.device-mobile-optimized #masterPage.mesh-layout {
+    height: 0 !important
+  }
+
+  body.blockSiteScrolling {
+    position: fixed;
+    width: 100%;
+    overflow: hidden
+  }
+
+  body.blockSiteScrolling #SITE_CONTAINER {
+    margin-top: calc(var(--blocked-site-scroll-margin-top) * -1)
+  }
+
+  body.blockSiteScrolling:not(.responsive) #WIX_ADS {
+    margin-top: var(--blocked-site-scroll-margin-top)
+  }
+
+  .fullScreenOverlay {
+    z-index: 1005;
+    position: fixed;
+    left: 0;
+    top: -60px;
+    right: 0;
+    bottom: 0;
+    display: flex;
+    justify-content: center;
+    overflow-y: hidden
+  }
+
+  .fullScreenOverlay>.fullScreenOverlayContent {
+    margin: 0 auto;
+    position: absolute;
+    right: 0;
+    top: 60px;
+    left: 0;
+    bottom: 0;
+    overflow: hidden;
+    transform: translateZ(0)
+  }
+
+  [data-mesh-id$=centeredContent],
+  [data-mesh-id$=form],
+  [data-mesh-id$=inlineContent] {
+    position: relative;
+    pointer-events: none
+  }
+
+  [data-mesh-id$=-gridWrapper],
+  [data-mesh-id$=-rotated-wrapper] {
+    pointer-events: none
+  }
+
+  [data-mesh-id$=-gridContainer]>*,
+  [data-mesh-id$=-rotated-wrapper]>*,
+  [data-mesh-id$=inlineContent]>:not([data-mesh-id$=-gridContainer]) {
+    pointer-events: auto
+  }
+
+  .device-mobile-optimized #masterPage.mesh-layout #SOSP_CONTAINER_CUSTOM_ID {
+    -ms-grid-row: 2;
+    grid-area: 2/1/3/2;
+    position: relative
+  }
+
+  #masterPage.mesh-layout {
+    display: -ms-grid;
+    display: grid;
+    -ms-grid-rows: max-content max-content min-content max-content;
+    grid-template-rows: -webkit-max-content -webkit-max-content -webkit-min-content -webkit-max-content;
+    grid-template-rows: max-content max-content min-content max-content;
+    -ms-grid-columns: 100%;
+    grid-template-columns: 100%;
+    align-items: start;
+    justify-content: stretch
+  }
+
+  #masterPage.mesh-layout #PAGES_CONTAINER,
+  #masterPage.mesh-layout #SITE_FOOTER-placeholder,
+  #masterPage.mesh-layout #SITE_FOOTER_WRAPPER,
+  #masterPage.mesh-layout #SITE_HEADER-placeholder,
+  #masterPage.mesh-layout #SITE_HEADER_WRAPPER,
+  #masterPage.mesh-layout #soapAfterPagesContainer,
+  #masterPage.mesh-layout #soapBeforePagesContainer,
+  #masterPage.mesh-layout #SOSP_CONTAINER_CUSTOM_ID[data-state~=mobileView] {
+    -ms-grid-column: 1;
+    -ms-grid-row-align: start;
+    -ms-grid-column-align: start
+  }
+
+  #masterPage.mesh-layout #SITE_HEADER-placeholder,
+  #masterPage.mesh-layout #SITE_HEADER_WRAPPER {
+    -ms-grid-row: 1;
+    grid-area: 1/1/2/2
+  }
+
+  #masterPage.mesh-layout #PAGES_CONTAINER,
+  #masterPage.mesh-layout #soapAfterPagesContainer,
+  #masterPage.mesh-layout #soapBeforePagesContainer {
+    -ms-grid-row: 3;
+    grid-area: 3/1/4/2
+  }
+
+  #masterPage.mesh-layout #soapAfterPagesContainer,
+  #masterPage.mesh-layout #soapBeforePagesContainer {
+    width: 100%
+  }
+
+  #masterPage.mesh-layout #PAGES_CONTAINER {
+    align-self: stretch
+  }
+
+  #masterPage.mesh-layout main#PAGES_CONTAINER {
+    display: block
+  }
+
+  #masterPage.mesh-layout #SITE_FOOTER-placeholder,
+  #masterPage.mesh-layout #SITE_FOOTER_WRAPPER {
+    -ms-grid-row: 4;
+    grid-area: 4/1/5/2
+  }
+
+  #masterPage.mesh-layout #SITE_PAGES,
+  #masterPage.mesh-layout [data-mesh-id=PAGES_CONTAINERcenteredContent],
+  #masterPage.mesh-layout [data-mesh-id=PAGES_CONTAINERinlineContent] {
+    height: 100%
+  }
+
+  #masterPage.mesh-layout.desktop>* {
+    width: 100%
+  }
+
+  #masterPage.mesh-layout #masterPageinlineContent,
+  #masterPage.mesh-layout #PAGES_CONTAINER,
+  #masterPage.mesh-layout #SITE_FOOTER,
+  #masterPage.mesh-layout #SITE_FOOTER_WRAPPER,
+  #masterPage.mesh-layout #SITE_HEADER,
+  #masterPage.mesh-layout #SITE_HEADER_WRAPPER,
+  #masterPage.mesh-layout #SITE_PAGES,
+  #site-root {
+    position: relative
+  }
+
+  #site-root {
+    top: var(--wix-ads-top-height);
+    min-height: 100%;
+    margin: 0 auto
+  }
+
+  #site-root img:not([src]) {
+    visibility: hidden
+  }
+
+  #site-root svg img:not([src]) {
+    visibility: visible
+  }
+
+  body:not(.responsive) #site-root {
+    width: 100%;
+    min-width: var(--site-width)
+  }
+
+  #SITE_CONTAINER {
+    position: relative
+  }
+
+  .auto-generated-link {
+    color: inherit
+  }
+
+  body:not([data-js-loaded]) [data-hide-prejs] {
+    visibility: hidden
+  }
+
+  #SCROLL_TO_BOTTOM,
+  #SCROLL_TO_TOP {
+    height: 0
+  }
+
+  .has-click-trigger {
+    cursor: pointer
+  }
+
+  [data-z-counter] {
+    z-index: 0
+  }
+
+  [data-z-counter="0"] {
+    z-index: auto
+  }
+
+  .wixSiteProperties {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
+  }