"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});

const styleh_components_1 = require("styleh-components");

const AudioLoaderWrapper = styleh_components_1.styled.ul`display:flex;position:relative;width:90px;height:70px;margin:0;padding:0;list-style:none;`;
exports.AudioLoaderWrapper = AudioLoaderWrapper;
const AudioLoaderElement = styleh_components_1.styled.li`position:absolute;width:3px;height:0;background-color:var(--color-black);bottom:0;&:nth-child(1){left:0;animation:sequence1 1s ease infinite 0s;}&:nth-child(2){left:15px;animation:sequence2 1s ease infinite 0.1s;}&:nth-child(3){left:30px;animation:sequence1 1s ease-in-out infinite 0.2s;}&:nth-child(4){left:45px;animation:sequence2 1s ease-in infinite 0.3s;}&:nth-child(5){left:60px;animation:sequence1 1s ease-in-out infinite 0.4s;}&:nth-child(6){left:75px;animation:sequence2 1s ease infinite 0.5s;}@keyframes sequence1{0%{height:10px;}50%{height:50px;}100%{height:10px;}}@keyframes sequence2{0%{height:20px;}50%{height:65px;}100%{height:20px;}}`;
exports.AudioLoaderElement = AudioLoaderElement; //# sourceMappingURL=styled.js.map