import { css } from "styled-components";
import styled from "styled-components";
import { caption } from "../../mixins";
export var base = css([
    "display:flex;align-items:center;"
]);
export var StyledTrack = styled.div.withConfig({
    displayName: "Progress.styles__StyledTrack",
    componentId: "sc-6fc2723e-0"
})([
    "width:100%;position:relative;"
]);
export var StyledProgress = styled.div.withConfig({
    displayName: "Progress.styles__StyledProgress",
    componentId: "sc-6fc2723e-1"
})([
    "position:absolute;left:0;top:50%;transform:translateY(-50%);width:",
    ";"
], function(param) {
    var value = param.value;
    return "".concat(value, "%");
});
export var StyledValue = styled.span.withConfig({
    displayName: "Progress.styles__StyledValue",
    componentId: "sc-6fc2723e-2"
})([
    "",
    ";"
], caption);
