"use strict";

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

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

const Heading_1 = require("@skava/ui/dist/components/atoms/Text/Heading");

const DetailedList_1 = require("@skava/ui/dist/components/molecules/DetailedList");

const ProductOrderSummaryWrapper = styleh_components_1.styled(DetailedList_1.DetailedList).attrs({
  'data-qa': 'qa-order-summary-container'
})`margin:0;max-width:300px;@media (min-width:768px) and (max-width:1023px){width:232px;}${Heading_1.H3}{margin:0;padding:0 0 10px 0;font-size:20px;color:var(--color-black);font-family:"Roboto";}${DetailedList_1.DetailedListItemPanel}{text-transform:capitalize;line-height:25px;flex-direction:row;margin:0;margin-bottom:0.25rem;${DetailedList_1.DetailedListLabel}{font-family:"Roboto";flex:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}${DetailedList_1.DetailedListValue}{font-family:"Roboto";margin:0;flex:1;text-align:right;text-transform:uppercase;}}.enable-bold{font-weight:700;}.enable-semi{font-weight:500;}.total-count{margin-top:16px;margin-bottom:8px;font-size:18px;}@media (max-width:1023px){${Heading_1.H3}{font-size:18px;}}@media (max-width:767px){.total-count{margin-top:18px}}`;
exports.ProductOrderSummaryWrapper = ProductOrderSummaryWrapper;