import { css } from "styled-components";
import styled from "styled-components";
export var base = css([
    "display:inline-flex;flex-direction:column;"
]);
export var Score = styled.div.withConfig({
    displayName: "Rating.styles__Score",
    componentId: "sc-649ec277-0"
})([
    ""
]);
export var Wrapper = styled.div.withConfig({
    displayName: "Rating.styles__Wrapper",
    componentId: "sc-649ec277-1"
})([
    "display:flex;align-items:flex-start;flex-direction:column;"
]);
export var Content = styled.div.withConfig({
    displayName: "Rating.styles__Content",
    componentId: "sc-649ec277-2"
})([
    "display:flex;align-items:center;width:fit-content;"
]);
export var StarsWrapper = styled.div.withConfig({
    displayName: "Rating.styles__StarsWrapper",
    componentId: "sc-649ec277-3"
})([
    "display:flex;"
]);
export var Star = styled.div.withConfig({
    displayName: "Rating.styles__Star",
    componentId: "sc-649ec277-4"
})([
    "display:flex;"
]);
export var HelperText = styled.span.withConfig({
    displayName: "Rating.styles__HelperText",
    componentId: "sc-649ec277-5"
})([
    "word-break:break-word;"
]);
