{"version":3,"file":"D8Aa0zvW.js","sources":["../../../../components/Base/Loader/Loader.vue"],"sourcesContent":["<template>\n  <div class=\"loader\">\n    <div class=\"box\" />\n    <div class=\"box\" />\n    <div class=\"box\" />\n    <div class=\"box\" />\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n  .loader {\n    position: relative;\n    display: block;\n    width: 2.6rem;\n    height: 2.6rem;\n    margin: auto;\n  }\n\n  .box {\n    width: 48%;\n    height: 48%;\n    background: theme('colors.primary');\n    opacity: 0;\n    animation: load 1s linear infinite;\n  }\n\n  .box:nth-of-type(1) {\n    position: absolute;\n    top: 2.5%;\n    left: 2.5%;\n  }\n\n  .box:nth-of-type(2) {\n    position: absolute;\n    top: 2.5%;\n    right: 2.5%;\n    animation-delay: -0.25s;\n  }\n\n  .box:nth-of-type(3) {\n    position: absolute;\n    bottom: 2.5%;\n    right: 2.5%;\n    animation-delay: -0.5s;\n  }\n\n  .box:nth-of-type(4) {\n    position: absolute;\n    bottom: 2.5%;\n    left: 2.5%;\n    animation-delay: -0.75s;\n  }\n\n  @keyframes load {\n    0% {\n      opacity: 0;\n    }\n\n    30% {\n      opacity: 0;\n    }\n\n    90% {\n      opacity: 1;\n    }\n\n    100% {\n      opacity: 0;\n    }\n  }\n</style>\n"],"names":["_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode"],"mappings":"kZACE,SAAAA,EAAAC,EAAAC,EAAA,QACqBC,EAAA,EAAAC,EAAH,MAAAC,EAAAH,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAA,CAChBI,EAAmB,MAAA,CAAd,MAAM,KAAK,EAAA,KAAA,EAAA,EAChBA,EAAmB,MAAA,CAAd,MAAM,KAAK,EAAA,KAAA,EAAA,EAChBA,EAAmB,MAAA,CAAd,MAAM,KAAK,EAAA,KAAA,EAAA"}