"use strict";

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

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

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

const ToggleButton = styleh_components_1.styled.withComponent(Placeholder_1.RectanglePlaceholder)`width:6.125rem;height:1.5rem;`;
exports.ToggleButton = ToggleButton;
const StyledToggleButton = styleh_components_1.styled.div`position:absolute;right:0;.arrow-wrapper{height:0.625rem;}`;
exports.StyledToggleButton = StyledToggleButton;
const StyledUserInformation = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:9.375rem;height:1.25rem;margin-bottom:0.5rem;@media (max-width:1023px){width:80%;}@media (max-width:767px){width:10.9375rem;}`;
exports.StyledUserInformation = StyledUserInformation;
const StyledOrderInformation = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:12.5rem;height:1.25rem;margin-bottom:0.5rem;@media (max-width:1023px){width:100%;}@media (max-width:767px){width:15.625rem;}`;
exports.StyledOrderInformation = StyledOrderInformation;
const StyledHeading = styleh_components_1.styled.withComponent(Placeholder_1.TextPlaceholder)`width:18.75rem;height:1.875rem;margin-bottom:0.5rem;@media (max-width:1023px){width:9.375rem;height:3.125rem;rect{height:3.125rem;}}@media (max-width:1023px){width:9.375rem;height:1.875rem;rect{height:1.875rem;}}`;
exports.StyledHeading = StyledHeading;
const OrderInformation = styleh_components_1.styled.div`display:flex;flex:0 0 calc(60% - 1.25rem);flex-direction:column;@media (max-width:767px){flex:unset;padding:1rem 0;}`;
exports.OrderInformation = OrderInformation;
const UserInformation = styleh_components_1.styled.div`display:flex;flex:0 0 40%;flex-direction:column;@media (max-width:767px){flex:unset;}`;
exports.UserInformation = UserInformation;
const Wrapper = styleh_components_1.styled.div`display:flex;position:relative;width:100%;background:var(--color-pure-white);padding:1rem 1rem 1.5rem 1rem;@media (max-width:767px){flex-direction:column;padding:0.5rem 0.5rem;}`;
exports.Wrapper = Wrapper; //# sourceMappingURL=styled.js.map