"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const view_container_1 = require("view-container");
const MyaccountWrapperArea = view_container_1.styled.section `
  position: relative;
`;
exports.MyaccountWrapperArea = MyaccountWrapperArea;
const MyaccountHeaderArea = view_container_1.styled.div `
  position: relative;
  display: grid;
  grid-column: auto / auto;
  grid-template-areas: 'headertop' 'headerbottom';
`;
exports.MyaccountHeaderArea = MyaccountHeaderArea;
const MyaccountHeaderTopArea = view_container_1.styled.div `
  grid-area: headertop;
  position: relative;
  background: #34495e;
  min-height: 44px;
`;
exports.MyaccountHeaderTopArea = MyaccountHeaderTopArea;
const MyaccountHeaderBottomArea = view_container_1.styled.div `
  grid-area: headerbottom;
  position: relative;
  background: #536d88;
  min-height: 82px;
`;
exports.MyaccountHeaderBottomArea = MyaccountHeaderBottomArea;
const MyaccountContentArea = view_container_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 = view_container_1.styled.aside `
  grid-area: tabarea;
  position: relative;
  background: #7f8c8d;
  width: 250px;
  min-height: 450px;
`;
exports.MyaccountAsideTabArea = MyaccountAsideTabArea;
const MyaccountTabContentArea = view_container_1.styled.div `
  grid-area: tabcontentarea;
  position: relative;
  background: #ccc;
  min-height: 450px;
`;
exports.MyaccountTabContentArea = MyaccountTabContentArea;
//# sourceMappingURL=styled.js.map