"use strict";

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

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

const Placeholder_1 = require("../../../atoms/Placeholder");

const StyledItemText = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:6.25rem;height:0.9375rem;margin-bottom:0.25rem;@media (max-width:767px){&:first-child{margin-right:0.5rem;}}`;
exports.StyledItemText = StyledItemText;
const StyledRectanglePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`width:6.875rem;height:2.75rem;@media (max-width:1023px){width:5rem;}@media (max-width:767px){margin-bottom:0.5rem;}`;
exports.StyledRectanglePlaceholder = StyledRectanglePlaceholder;
const StyledTextPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:6.25rem;height:0.9375rem;margin-bottom:0.25rem;&:last-child{margin-bottom:none;}`;
exports.StyledTextPlaceholder = StyledTextPlaceholder;
const ProductOptions = styleh_components_1.styled.div`display:flex;flex-direction:column;margin:0.5rem 0;`;
exports.ProductOptions = ProductOptions;
const BrandNamePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`margin-bottom:0.5rem;`;
exports.BrandNamePlaceholder = BrandNamePlaceholder;
const ProductDetails = styleh_components_1.styled.div`display:flex;flex-direction:column;flex:1;`;
exports.ProductDetails = ProductDetails;
const StyledImageWrapper = styleh_components_1.styled.div`flex:0 0 9.875rem;margin-right:1.875rem;align-self:flex-start;svg{width:100%;}@media (max-width:1023px){flex:0 0 7.375rem;}@media (max-width:767px){flex:0 0 7rem;margin-right:0.5rem;}`;
exports.StyledImageWrapper = StyledImageWrapper;
const TotalPriceWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-product-total'
})`display:flex;flex:0 0 20%;align-items:flex-end;flex-direction:column;@media (max-width:767px){flex:unset;align-items:flex-start;}`;
exports.TotalPriceWrapper = TotalPriceWrapper;
const PriceWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-product-price'
})`display:flex;flex:0 0 20%;align-items:flex-end;flex-direction:column;flex-wrap:wrap;@media (max-width:767px){flex:unset;align-items:flex-start;flex-direction:row;}`;
exports.PriceWrapper = PriceWrapper;
const QuantityWrapper = styleh_components_1.styled.div.attrs({
  'data-qa': 'qa-product-quantity'
})`display:flex;flex:0 0 20%;justify-content:flex-end;align-items:baseline;@media (max-width:767px){flex:unset;justify-content:flex-start;}`;
exports.QuantityWrapper = QuantityWrapper;
const ProductWrapper = styleh_components_1.styled.div`display:flex;flex:1;flex-direction:row;@media (max-width:767px){flex-direction:column;}`;
exports.ProductWrapper = ProductWrapper;
const Wrapper = styleh_components_1.styled.div`display:flex;flex-direction:row;`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map