"use strict";

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

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

const MyaccountWrapperArea = styleh_components_1.styled.section`position:relative;`;
exports.MyaccountWrapperArea = MyaccountWrapperArea;
const MyaccountHeaderArea = styleh_components_1.styled.div`position:relative;display:grid;grid-column:auto / auto;grid-template-areas:'headertop' 'headerbottom';`;
exports.MyaccountHeaderArea = MyaccountHeaderArea;
const MyaccountHeaderTopArea = styleh_components_1.styled.div`grid-area:headertop;position:relative;background:#34495e;min-height:44px;`;
exports.MyaccountHeaderTopArea = MyaccountHeaderTopArea;
const MyaccountHeaderBottomArea = styleh_components_1.styled.div`grid-area:headerbottom;position:relative;background:#536d88;min-height:82px;`;
exports.MyaccountHeaderBottomArea = MyaccountHeaderBottomArea;
const MyaccountContentArea = styleh_components_1.styled.div`display:grid;grid-template-areas:'tabarea tabcontentarea tabcontentarea tabcontentarea';grid-template-columns:repeat(4,1fr);position:relative;background:#ccc;min-height:450px;`;
exports.MyaccountContentArea = MyaccountContentArea;
const MyaccountAsideTabArea = styleh_components_1.styled.aside`grid-area:tabarea;position:relative;background:#7f8c8d;width:250px;min-height:450px;`;
exports.MyaccountAsideTabArea = MyaccountAsideTabArea;
const MyaccountTabContentArea = styleh_components_1.styled.div`grid-area:tabcontentarea;position:relative;background:#ccc;min-height:450px;`;
exports.MyaccountTabContentArea = MyaccountTabContentArea; //# sourceMappingURL=styled.js.map