{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_loaders.scss"],"names":[],"mappings":"AAAA,gBACI,aACA,sBACA,mBACA,uBACA,cAMI,mCACI,aACA,qCACA,gBACA,mBACA,aACA,YAEA,wCACI,WACA,wBACA,+CAEA,qDACI,qBAEJ,qDACI,oBAMhB,sBACI,aAGJ,kBACI,gBACA,gBAIR,wBACI,OACI,oBAEJ,IACI,uBAIR,uCAGY,mCACI,aAGR,sBACI","file":"loaders.css","sourcesContent":[".loader-wrapper {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    margin: 20px 0;\n    //height: 100vh;\n\n    .loader {\n\n\n        &.bar-loader {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            column-gap: 10px;\n            align-items: center;\n            height: 150px;\n            width: 100px;\n\n            .bar {\n                height: 50%;\n                transform-origin: center;\n                animation: verticalGrow 1s ease-in-out infinite;\n\n                &:nth-child(2) {\n                    animation-delay: 0.25s;\n                }\n                &:nth-child(3) {\n                    animation-delay: 0.5s;\n                }\n            }\n        }\n    }\n\n    > .icon {\n        display: none;\n    }\n\n    p {\n        margin-bottom: 0;\n        font-size: 1.2em;\n    }\n}\n\n@keyframes verticalGrow {\n    0%, 80% {\n        transform: scaleY(1);\n    }\n    40% {\n        transform: scaleY(1.5);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .loader-wrapper {\n        .loader {\n            &.bar-loader {\n                display: none;\n            }\n        }\n        .icon {\n            display: block;\n        }\n    }\n\n}\n"]}