import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject;
import styled from '@modern-js/runtime/styled';
export var LoadingWrap = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .iconSpinner {\n    pointer-events: none;\n    width: ", "px;\n    height: ", "px;\n    transition: opacity 0.3s;\n  }\n\n  .dot {\n    box-sizing: border-box;\n    background: #9e9e9e;\n    -webkit-transform: rotate(90deg);\n    -ms-transform: rotate(90deg);\n    transform: rotate(90deg);\n    border-radius: 50px;\n    width: ", "px;\n    height: ", "px;\n    position: absolute;\n  }\n\n  .dots {\n    pointer-events: none;\n    opacity: 0;\n    position: absolute;\n    display: flex;\n    place-content: center;\n    align-items: center;\n  }\n\n  .check {\n    opacity: 0;\n    width: ", "px;\n  }\n"])), function (props) {
  return props.size;
}, function (props) {
  return props.size;
}, function (props) {
  return props.size - 24;
}, function (props) {
  return props.size - 22;
}, function (props) {
  return props.size - 10;
});