"use strict";

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

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

const ToggleList_1 = require("../../../molecules/ToggleList");

const IconPlaceholder = styled.withComponent(Placeholder_1.CirclePlaceholder)`
  width: rem(18);
  height: rem(18);
  margin-right: rem(20);
`;
exports.IconPlaceholder = IconPlaceholder;
const AddressPlaceholder = styled.withComponent(Placeholder_1.ParagraphPlaceholder)`
  width: rem(300);
  height: auto;

  @phone-or-smaller() {
    width: 100%;
  }
`;
exports.AddressPlaceholder = AddressPlaceholder;
const StyledToggleList = styled.withComponent(ToggleList_1.ToggleList)`
  ${ToggleList_1.ToggleContentWrapper} {
    flex-direction: column;
  }
  ${ToggleList_1.ToggleItemWrapper} {
    align-items: flex-start;
    margin: 0 0 rem(16);
  }
`;
exports.StyledToggleList = StyledToggleList; //# sourceMappingURL=styled.js.map