@import (reference) "../../../assets/css/index";

@backtop-prefix-cls: ~"@{fishd-prefix}-back-top";

.@{backtop-prefix-cls} {
  .reset-component;
  z-index: @zindex-back-top;
  position: fixed;
  right: 100px;
  bottom: 50px;
  height: 40px;
  width: 40px;
  cursor: pointer;

  &-content {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    background-color: @back-top-bg;
    color: @back-top-color;
    text-align: center;
    transition: all 0.3s @ease-in-out;
    overflow: hidden;

    &:hover {
      background-color: @back-top-hover-bg;
      transition: all 0.3s @ease-in-out;
    }
  }

  &-icon {
    margin: 12px auto;
    width: 14px;
    height: 16px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAALQUlEQVR4Xu3d36t9RRnH8efRfl3230T+SL5UWqGVZYpliEVSUXd1VwT9uKu7wotK6IdgFhVhERSUNwkllBdJCmlKGpqimWFlNjE4x84537P3XmvWM2vN88x7337XzF7zeeb1nbXOXj9U+JAACexMQMmGBEhgdwIAYXaQwJ4EAML0IAGAMAdIoC4BVpC63Gg1SAIAGaTQDLMuAYDU5UarQRIAyCCFZph1CQCkLjdaDZIAQAYpNMOsSwAgdbnRapAEADJIoRlmXQIAqcuNVoMkAJBBCs0w6xIASF1utBokAYAMUmiGWZcAQOpyo9UgCQBkkEIzzLoEAFKXG60GSQAggxSaYdYlAJC63Gg1SAIAGaTQDLMuAYDU5UarQRIAyCCFZph1CQCkLjdaDZIAQAYpNMOsSwAgdbnRapAEADJIoRlmXQIAqcuNVoMkAJBBCs0w6xIASF1utBokAYAMUmiGWZcAQOpyo9UgCQBkkEIzzLoEAFKXG60GSQAggxSaYdYlAJC63Gg1SAIAGaTQDLMuAYDU5UarQRIASCeFTim9UkR+VHbn7ar6Qie7NvRuAKSD8h/D8ZayOz8VEZB0UBuAbFyEM3Ac7RFINq5N/nqAbFiEPThAsmFdjn81QDYqxAQcINmoNgDZOPgZOECyca1YQVYuQAUOkKxcI1aQjQJfgAMkG9WMFWSl4A1wgGSlWrGCrBy0IQ6QrFw7VpDGgTfAAZLGNWMFWSnghjhAslINWUEaBb0CDpA0qh0rSONgV8QBksa1ZAUxDngDHCAxriErSKNAN8QBkkY1ZQUxCrYDHCAxqiUriHGQHeE4juRKVX3ReKjDdccKsrDkHeI4GlG+O/FdIFlWYIAsyC+ldKGI3CkiR3cCLuitSVOQLIwVIJUBFhzfz7fGVnaxVjOQLEgaIBXhOcLB4VZFfTlJXxCaQxwgWVBvVpAZ4TnGAZIZdWYFqQgrAA6QVNSdFWRCaIFwgGRCvVlBZoQUEAdIZtSfFWRPWIFxgGQiEoDsCGoAHCCZgAQgZ4Q0EA6QHEACkFMBDYgDJHuQAORYOAPjAMkOJAApwYDj5RnCtVvHsABERMBx3n+fICmRDA8EHDsPwEEy+vtBwHHw75wZydWq+t+DWwbdYNgVBByTZ/T3ROS6UZEMCQQck3EcbTgskuGApJQuEJEfOLgTcPYsbtxgSCRDASk4viMi1zSeTFG7Hw7JMEDAYWZ2KCRDAAGHGY7hzknCAwGHOY6hkIwAJJ9zXNtsmth2/E8ReY1tl017u0NVr2v6DRt3HhpISum7zk7Iz4nIq0Uk/0D3qo3nxtSvD31OEhKIw8Oq50Xkrap6V56VKaUrQDLVZ9vtwgFxiuONqnr38VKDpO3En9p7KCAOcTwnIpefxnFUPJBMncbttgsDxCGOZ0Ukrxz37CsvSNpN/ik9hwDiFMcbVPXeKUUCyZSU2mzjHohDHE+LyLmpODjcajPxp/bqGohTHJeo6n1TC8SJe01Sdm3cAnGI40kRuawWh/OV5FpVTXbTdr2eXAJxiuNiVX3AorQOz0luE5H3e0TiDohDHI+LSD4hN8HheCVxicQVEIc4HhWRS1X1IYuV43QfrCQtUj3ZpxsgTnFcpKqPtCwjSFqmK+ICSEop7+cdji48fLgcVjXFcepwK79t9xVtp4tZ724Ot7oHUnB8S0TeZ1aeth1lHHnleKzt15zsPaV0lYjkt+6CxDD4roE4xPFgOedYFcexlQQkhjhyV90CcYjj/nJY9YRxjWZ1x0oyK66DG3cJxCmO/DvHUwcTX2EDkNiF3B0Qhzh+X34h7wIHh1t2OLo7xHKKI19b9YxtWWx6YyVZnmM3K4hDHL8rV+V2iYOVZDmOblYQpzjy5SN/tylD215YSerz3XwFcYjjN+VOQBc4WEnqcWy+gjjE8atyD/k/lsW+TWtWkvm5b7aCOMWR7yHPD3dz+wHJvNJtAsQhjl+W51a5xsHh1jwcmxxiOcVxhar+e368/bYoK0l+T8qF/e7liT27TVVvWHtfV11BHOL4mYhcGQ3HsZXk3SKSn13sBcmtqvrBNZGsBsQhjh+LyDtV9T9rFmTt70opgWRP6KsAcYrjHar64toTdovvA8nu1JsDcYgjH5e/ZxQcHG7t/y+pKRCnOK4Z9ZXHrCTnY2kGxCGO2/Ndi6PiYCU5eyVpCeTbjm6TvV1Vr9/i+L/H72Ql+X9VmgBJKX1dRD7QY/HP2KdvquqNTvZ1td0EyUtRmwNxhuOrqnrzarPO2ReBxBgIOJwJmLC7oyMxW0Gc4fiyqn58wvxgk5femTjsj4kmQMAR39GoSBYDcYbji6r6yfjTuc0IR0SyCIgzHJ9V1c+0mTrj9FqQ5MfAXuBk1IsucKwG4gzHJ1T1S04K2v1uppTeKyL5cbDhkVQBAUf3c7j5Do6CZDYQZzg+pqpfaT5bBv2CEZDMAgKOQSXsGXZ0JJOBOMPxIVX9GtN5nQQcIrlFVT86JZ1JQBzhyG9SvRkcU0pvu01UJAeBOMNxo6rmv67w2SCBiEj2AnGG43pVzQ8g4LNhAtGQ7ATiCEe+bzzf6ASODWEc/+pISM4E4gxHvkX2h53MDXajJBAFyXlAHOHIj+PJD1cAR6csIyA5AcQRjhfKM6t+0uncYLeCrCQegWQcb1PVnzMLfSRQVpL8jIKDfzXtYEQn7hXydoj1r/IoUHB0MJPm7EJK6SYRyc8q6BnJp1T1C8fH5ekkPePID5G+a05h2LafBDpGsvMHZi9/5n2+vH4AHP3M96o96RBJ/mPPDbt+JvDwQ2HGkV9cc3dVRWjUXQIdIclHJVepan6K/5mfg8eDG/9l67nyyjNwdDfNl+1QB0jya/QuV9X8Wr2dn4NAcsuNkDxbVo57lpWC1r0msCGSp0TkTaqaX+W99zMJyAZIMo78muV7Dw2Af/edwAZI/iIil6rqH6ckNxnIikieFpFz4JhSvhjbrIjkTwXHn6cmNwvICkgyjktU9b6pA2C7GAmsgOQP5ajkr3MSmw2kIZInReQycMwpX6xtGyL5dTkh/9vcxKqANEDyeNH9wNwBsH2sBBog+UW5NKnqFd7VQAyRZByvV9WHYpWa0dQmYIjkThG5esmLWBcBMUDyaDlpAkftbArazgDJN0TkJlXNl5FUfxYDWYAk47hIVR+p3nsahk6gILm1YpBmT+83AVKB5OFyzgGOiuqP1CSl9GERuWXGmD+tqp+fsf3eTc2AzECSceSV4zGrQdBP7AQmImnyyCdTIBOQPFjOOcARe06bj+4Akr1X5C7ZGXMge5DcXw6rnliyw7QdN4EdSA5ekbsksSZAzkCScVysqvkiMT4kUJ3AKSSTrsit/rLWtz+Wq4BfV34hB8eSStH25QRSSh8Rkc+JyJtV9bcto2m2ghztdErptar6TMtB0Pd4Caw1r5oDGa90jDhSAgCJVE3GYp4AQMwjpcNICQAkUjUZi3kCADGPlA4jJQCQSNVkLOYJAMQ8UjqMlABAIlWTsZgnABDzSOkwUgIAiVRNxmKeAEDMI6XDSAkAJFI1GYt5AgAxj5QOIyUAkEjVZCzmCQDEPFI6jJQAQCJVk7GYJwAQ80jpMFICAIlUTcZingBAzCOlw0gJACRSNRmLeQIAMY+UDiMlAJBI1WQs5gkAxDxSOoyUAEAiVZOxmCcAEPNI6TBSAgCJVE3GYp4AQMwjpcNICQAkUjUZi3kCADGPlA4jJQCQSNVkLOYJAMQ8UjqMlABAIlWTsZgnABDzSOkwUgIAiVRNxmKeAEDMI6XDSAkAJFI1GYt5AgAxj5QOIyUAkEjVZCzmCQDEPFI6jJQAQCJVk7GYJwAQ80jpMFIC/wO2P1UFmmoI5QAAAABJRU5ErkJggg==) ~"100%/100%" no-repeat;
  }
}

@import "./responsive";