1/*!
 2 * Angular Material Design
 3 * https://github.com/angular/material
 4 * @license MIT
 5 * v1.1.1
 6 */
 7@-webkit-keyframes subheaderStickyHoverIn {
 8  0% {
 9    box-shadow: 0 0 0 0 transparent; }
10  100% {
11    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
12
13@keyframes subheaderStickyHoverIn {
14  0% {
15    box-shadow: 0 0 0 0 transparent; }
16  100% {
17    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
18
19@-webkit-keyframes subheaderStickyHoverOut {
20  0% {
21    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
22  100% {
23    box-shadow: 0 0 0 0 transparent; } }
24
25@keyframes subheaderStickyHoverOut {
26  0% {
27    box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
28  100% {
29    box-shadow: 0 0 0 0 transparent; } }
30
31.md-subheader-wrapper:not(.md-sticky-no-effect) {
32  -webkit-transition: 0.2s ease-out margin;
33  transition: 0.2s ease-out margin; }
34  .md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
35    margin: 0; }
36  .md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
37    z-index: 2; }
38  .md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
39    margin-top: -2px; }
40  .md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
41    -webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
42            animation: subheaderStickyHoverOut 0.3s ease-out both; }
43
44.md-subheader {
45  display: block;
46  font-size: 14px;
47  font-weight: 500;
48  line-height: 1em;
49  margin: 0 0 0 0;
50  position: relative; }
51  .md-subheader .md-subheader-inner {
52    display: block;
53    padding: 16px; }
54  .md-subheader .md-subheader-content {
55    display: block;
56    z-index: 1;
57    position: relative; }