"use strict";

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

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

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

const ProductImage = styleh_components_1.styled.div`align-self:flex-start;`;
exports.ProductImage = ProductImage;
const CheckoutProductImage = styleh_components_1.styled.withComponent(ProductImage)`flex:0 0 158px;margin-right:30px;align-self:flex-start;svg{width:100%;}@media (max-width:1023px){flex:0 0 118px;}@media (max-width:767px){flex:0 0 112px;margin-right:16px;}`;
exports.CheckoutProductImage = CheckoutProductImage;
const StyledImagePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.ImagePlaceholder)``;
exports.StyledImagePlaceholder = StyledImagePlaceholder;
const ProductDetails = styleh_components_1.styled.div`display:flex;flex-direction:column;flex:1;`;
exports.ProductDetails = ProductDetails;
const BrandNamePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`margin-bottom:8px;`;
exports.BrandNamePlaceholder = BrandNamePlaceholder;
const ProductOptions = styleh_components_1.styled.div`display:flex;flex-direction:column;margin:8px 0;`;
exports.ProductOptions = ProductOptions;
const StyledTextPlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:100px;height:15px;margin-bottom:4px;&:last-child{margin-bottom:none;}`;
exports.StyledTextPlaceholder = StyledTextPlaceholder;
const ProductPrice = styleh_components_1.styled.div``;
exports.ProductPrice = ProductPrice;
const PricePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:50px;height:20px;margin-right:16px;`;
exports.PricePlaceholder = PricePlaceholder;
const QuantityBox = styleh_components_1.styled.div`display:flex;flex:0 0 20%;justify-content:flex-end;align-items:baseline;@media (max-width:767px){flex:0 0 calc(100% - 128px);text-align:left;margin-bottom:8px;}`;
exports.QuantityBox = QuantityBox;
const StyledRectanglePlaceholder = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`width:110px;height:44px;@media (min-width:768px) and (max-width:1023px){width:80px;}`;
exports.StyledRectanglePlaceholder = StyledRectanglePlaceholder;
const ItemPriceBox = styleh_components_1.styled.withComponent(ProductPrice)`display:flex;flex-direction:column;flex-basis:20%;align-items:flex-end;@media (max-width:767px){flex:0 0 calc(100% - 128px);text-align:left;flex-direction:row;align-items:flex-start;}`;
exports.ItemPriceBox = ItemPriceBox;
const StyledItemText = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:100px;height:15px;margin:0 8px 4px 0;`;
exports.StyledItemText = StyledItemText;
const TotalPriceBox = styleh_components_1.styled.div`display:flex;flex-direction:column;flex-basis:20%;align-items:flex-end;@media (max-width:767px){display:none;}`;
exports.TotalPriceBox = TotalPriceBox;
const ProductBox = styleh_components_1.styled.div`display:flex;flex-direction:row;flex:1;@media (max-width:767px){flex-basis:100%;margin-bottom:0.5rem;}`;
exports.ProductBox = ProductBox;
const BaseWrapper = styleh_components_1.styled.section`display:flex;flex-direction:row;padding:1.25rem 0.5rem 1.5rem 0.5rem;border-top:1px solid var(--color-light-grey);@media (max-width:1023px){padding:1rem 0;}`;
exports.BaseWrapper = BaseWrapper;
const Wrapper = styleh_components_1.styled.withComponent(BaseWrapper).attrs({
  'data-qa': 'qa-CheckoutCartBundle-container'
})`@media (max-width:767px){flex-wrap:wrap;justify-content:flex-end;}`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map