.md-card-area {
  position: relative;
}
.md-card > .md-card-area:not(:last-child) {
  position: relative;
}
.md-card > .md-card-area:not(:last-child):after {
    height: 1px;
    position: absolute;
    bottom: 0;
    content: " ";
}
.md-card > .md-card-area:not(:last-child):not(.md-inset):after {
    right: 0;
    left: 0;
}
.md-card > .md-card-area:not(:last-child).md-inset:after {
    right: 16px;
    left: 16px;
}

.md-card-header {
  padding: 16px;
}
.md-card-header:first-child > .md-title:first-child,
  .md-card-header:first-child > .md-card-header-text > .md-title:first-child {
    margin-top: 8px;
}
.md-card-header:last-child {
    margin-bottom: 8px;
}
.md-card-header.md-card-header-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.md-card-header + .md-card-content {
    padding-top: 0;
}
.md-card-header + .md-card-actions:not(:last-child) {
    padding: 0 8px;
}
.md-card-header > img {
    border-radius: 50%;
}
.md-card-header > img,
  .md-card-header .md-avatar {
    margin-right: 16px;
    float: left;
}
.md-card-header > img ~ .md-title,
    .md-card-header .md-avatar ~ .md-title {
      font-size: 14px;
}
.md-card-header > img ~ .md-title,
    .md-card-header > img ~ .md-subhead,
    .md-card-header .md-avatar ~ .md-title,
    .md-card-header .md-avatar ~ .md-subhead {
      font-weight: 500;
      line-height: 20px;
}
.md-card-header .md-button {
    margin: 0;
}
.md-card-header .md-button:last-child {
      margin-right: -4px;
}
.md-card-header .md-button + .md-button {
      margin-left: 8px;
}
.md-card-header .md-card-header-text {
    -ms-flex: 1;
        flex: 1;
}
.md-card-header .md-card-media {
    width: 80px;
    height: 80px;
    margin-left: 16px;
    -ms-flex: 0 0 80px;
        flex: 0 0 80px;
}
.md-card-header .md-card-media.md-medium {
      width: 120px;
      height: 120px;
      -ms-flex: 0 0 120px;
          flex: 0 0 120px;
}
.md-card-header .md-card-media.md-big {
      width: 160px;
      height: 160px;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
}

.md-card-media {
  position: relative;
}
.md-card-media.md-ratio-16-9 {
    overflow: hidden;
}
.md-card-media.md-ratio-16-9:before {
      width: 100%;
      padding-top: 56.25%;
      display: block;
      content: " ";
}
.md-card-media.md-ratio-16-9 img {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      transform: translateY(-50%);
}
.md-card-media.md-ratio-4-3 {
    overflow: hidden;
}
.md-card-media.md-ratio-4-3:before {
      width: 100%;
      padding-top: 75%;
      display: block;
      content: " ";
}
.md-card-media.md-ratio-4-3 img {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      transform: translateY(-50%);
}
.md-card-media.md-ratio-1-1 {
    overflow: hidden;
}
.md-card-media.md-ratio-1-1:before {
      width: 100%;
      padding-top: 100%;
      display: block;
      content: " ";
}
.md-card-media.md-ratio-1-1 img {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      transform: translateY(-50%);
}
.md-card-media + .md-card-header {
    padding-top: 24px;
}
.md-card-media + .md-card-content:last-child {
    padding-bottom: 16px;
}
.md-card-media img {
    width: 100%;
}

.md-card-media-actions {
  padding: 16px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.md-card-media-actions .md-card-media {
    max-width: 240px;
    max-height: 240px;
    -ms-flex: 1;
        flex: 1;
}
.md-card-media-actions .md-card-actions {
    margin-left: 16px;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-align: center;
        align-items: center;
}
.md-card-media-actions .md-card-actions .md-button + .md-button {
      margin: 8px 0 0;
}

.md-card-media-cover {
  position: relative;
  color: #fff;
}
.md-card-media-cover.md-solid .md-card-area {
    background-color: rgba(0, 0, 0, 0.54);
}
.md-card-media-cover.md-text-scrim .md-card-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.md-card-media-cover .md-card-area {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.md-card-media-cover .md-card-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
}
.md-card-media-cover .md-card-header + .md-card-actions {
      padding-top: 0;
}
.md-card-media-cover .md-subhead {
    opacity: 1;
}
.md-card-media-cover .md-card-header .md-button:not(.md-primary):not(.md-accent),
  .md-card-media-cover .md-card-actions .md-button:not(.md-primary):not(.md-accent) {
    color: #fff !important;
}
.md-card-media-cover .md-card-header .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon,
    .md-card-media-cover .md-card-actions .md-button:not(.md-primary):not(.md-accent).md-icon-button .md-icon {
      color: #fff !important;
}

.md-card-content {
  padding: 16px;
  font-size: 14px;
  line-height: 22px;
}
.md-card-content:last-of-type {
    padding-bottom: 24px;
}

.md-card-expand {
  overflow: hidden;
}
.md-card-expand .md-card-actions {
    position: relative;
    z-index: 2;
}
.md-card-expand .md-card-expand-content {
    position: relative;
    z-index: 1;
}

.md-card-actions {
  padding: 8px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.md-card-actions.md-alignment-right {
    -ms-flex-pack: end;
        justify-content: flex-end;
}
.md-card-actions.md-alignment-left {
    -ms-flex-pack: start;
        justify-content: flex-start;
}
.md-card-actions.md-alignment-space-between {
    -ms-flex-pack: justify;
        justify-content: space-between;
}
.md-card-actions .md-button {
    margin: 0;
}
.md-card-actions .md-button:first-child {
      margin-left: 0;
}
.md-card-actions .md-button:last-child {
      margin-right: 0;
}
.md-card-actions .md-button + .md-button {
      margin-left: 4px;
}

/*# sourceMappingURL=index.css.map*/