.product-block-skeleton {
  margin: 1rem;
  width: 12rem;
  height: 18rem;
}
@keyframes shimmer {
  0% {
    background-position: -100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.product-block-skeleton .image {
  width: 12rem;
  height: 12rem;
  border-radius: 4px;
  background: linear-gradient(45deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 2.5s infinite;
}
.product-block-skeleton .name {
  background: linear-gradient(45deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 2.5s infinite;
  margin-top: 0.4rem;
  width: 100%;
  border-radius: 4px;
  height: 1.4rem;
}
.product-block-skeleton .price {
  background: linear-gradient(45deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 2.5s infinite;
  margin-top: 0.4rem;
  width: 100%;
  border-radius: 4px;
  height: 1.4rem;
}
.product-block-skeleton .action {
  background: linear-gradient(45deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: shimmer 2.5s infinite;
  margin-top: 0.4rem;
  width: 12rem;
  border-radius: 4px;
  height: 1.4rem;
}

@font-face {
  font-family: "IBMPlexSansThai";
  src: url(//d1ux7dkoypqj9m.cloudfront.net/assets/IBMPlexSansThai-Regular-ee006742bc502823acd5d77a6dab4eef82d4ab963ed144544f35a85ed1aa935a.ttf) format("truetype");
  font-weight: normal;
  font-size: normal;
}
html {
  font-size: 16px;
}

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f6f6f6;
  font-family: "IBMPlexSansThai", sans-serif;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcGxpY2F0aW9uLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLFlBQVk7RUFDWixZQUFZO0VBQ1osYUFBYTtBQUNmO0FBQ0E7RUFDRTtJQUNFLDRCQUE0QjtFQUM5QjtFQUNBO0lBQ0UsMkJBQTJCO0VBQzdCO0FBQ0Y7QUFDQTtFQUNFLFlBQVk7RUFDWixhQUFhO0VBQ2Isa0JBQWtCO0VBQ2xCLHlFQUF5RTtFQUN6RSwwQkFBMEI7RUFDMUIsZ0NBQWdDO0FBQ2xDO0FBQ0E7RUFDRSx5RUFBeUU7RUFDekUsMEJBQTBCO0VBQzFCLGdDQUFnQztFQUNoQyxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLGtCQUFrQjtFQUNsQixjQUFjO0FBQ2hCO0FBQ0E7RUFDRSx5RUFBeUU7RUFDekUsMEJBQTBCO0VBQzFCLGdDQUFnQztFQUNoQyxrQkFBa0I7RUFDbEIsV0FBVztFQUNYLGtCQUFrQjtFQUNsQixjQUFjO0FBQ2hCO0FBQ0E7RUFDRSx5RUFBeUU7RUFDekUsMEJBQTBCO0VBQzFCLGdDQUFnQztFQUNoQyxrQkFBa0I7RUFDbEIsWUFBWTtFQUNaLGtCQUFrQjtFQUNsQixjQUFjO0FBQ2hCOztBQUVBO0VBQ0UsOEJBQThCO0VBQzlCLDBEQUEwRDtFQUMxRCxtQkFBbUI7RUFDbkIsaUJBQWlCO0FBQ25CO0FBQ0E7RUFDRSxlQUFlO0FBQ2pCOztBQUVBO0VBQ0UsWUFBWTtFQUNaLFNBQVM7RUFDVCxVQUFVO0VBQ1YseUJBQXlCO0VBQ3pCLDBDQUEwQztBQUM1QyIsImZpbGUiOiJhcHBsaWNhdGlvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIucHJvZHVjdC1ibG9jay1za2VsZXRvbiB7XG4gIG1hcmdpbjogMXJlbTtcbiAgd2lkdGg6IDEycmVtO1xuICBoZWlnaHQ6IDE4cmVtO1xufVxuQGtleWZyYW1lcyBzaGltbWVyIHtcbiAgMCUge1xuICAgIGJhY2tncm91bmQtcG9zaXRpb246IC0xMDAlIDA7XG4gIH1cbiAgMTAwJSB7XG4gICAgYmFja2dyb3VuZC1wb3NpdGlvbjogMjAwJSAwO1xuICB9XG59XG4ucHJvZHVjdC1ibG9jay1za2VsZXRvbiAuaW1hZ2Uge1xuICB3aWR0aDogMTJyZW07XG4gIGhlaWdodDogMTJyZW07XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDQ1ZGVnLCAjZjBmMGYwIDI1JSwgI2UwZTBlMCA1MCUsICNmMGYwZjAgNzUlKTtcbiAgYmFja2dyb3VuZC1zaXplOiAyMDAlIDEwMCU7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAyLjVzIGluZmluaXRlO1xufVxuLnByb2R1Y3QtYmxvY2stc2tlbGV0b24gLm5hbWUge1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoNDVkZWcsICNmMGYwZjAgMjUlLCAjZTBlMGUwIDUwJSwgI2YwZjBmMCA3NSUpO1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDIuNXMgaW5maW5pdGU7XG4gIG1hcmdpbi10b3A6IDAuNHJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgaGVpZ2h0OiAxLjRyZW07XG59XG4ucHJvZHVjdC1ibG9jay1za2VsZXRvbiAucHJpY2Uge1xuICBiYWNrZ3JvdW5kOiBsaW5lYXItZ3JhZGllbnQoNDVkZWcsICNmMGYwZjAgMjUlLCAjZTBlMGUwIDUwJSwgI2YwZjBmMCA3NSUpO1xuICBiYWNrZ3JvdW5kLXNpemU6IDIwMCUgMTAwJTtcbiAgYW5pbWF0aW9uOiBzaGltbWVyIDIuNXMgaW5maW5pdGU7XG4gIG1hcmdpbi10b3A6IDAuNHJlbTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgaGVpZ2h0OiAxLjRyZW07XG59XG4ucHJvZHVjdC1ibG9jay1za2VsZXRvbiAuYWN0aW9uIHtcbiAgYmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KDQ1ZGVnLCAjZjBmMGYwIDI1JSwgI2UwZTBlMCA1MCUsICNmMGYwZjAgNzUlKTtcbiAgYmFja2dyb3VuZC1zaXplOiAyMDAlIDEwMCU7XG4gIGFuaW1hdGlvbjogc2hpbW1lciAyLjVzIGluZmluaXRlO1xuICBtYXJnaW4tdG9wOiAwLjRyZW07XG4gIHdpZHRoOiAxMnJlbTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBoZWlnaHQ6IDEuNHJlbTtcbn1cblxuQGZvbnQtZmFjZSB7XG4gIGZvbnQtZmFtaWx5OiBcIklCTVBsZXhTYW5zVGhhaVwiO1xuICBzcmM6IHVybChcIklCTVBsZXhTYW5zVGhhaS1SZWd1bGFyLnR0ZlwiKSBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgZm9udC1zaXplOiBub3JtYWw7XG59XG5odG1sIHtcbiAgZm9udC1zaXplOiAxNnB4O1xufVxuXG5odG1sLCBib2R5IHtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtYXJnaW46IDA7XG4gIHBhZGRpbmc6IDA7XG4gIGJhY2tncm91bmQtY29sb3I6ICNmNmY2ZjY7XG4gIGZvbnQtZmFtaWx5OiBcIklCTVBsZXhTYW5zVGhhaVwiLCBzYW5zLXNlcmlmO1xufVxuIl19 */