1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.3
  6 */
  7md-bottom-sheet {
  8  position: absolute;
  9  left: 0;
 10  right: 0;
 11  bottom: 0;
 12  padding: 8px 16px 88px 16px;
 13  z-index: 70;
 14  border-top-width: 1px;
 15  border-top-style: solid;
 16  -webkit-transform: translate3d(0, 80px, 0);
 17          transform: translate3d(0, 80px, 0);
 18  -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 19  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 20  -webkit-transition-property: -webkit-transform;
 21  transition-property: -webkit-transform;
 22  transition-property: transform;
 23  transition-property: transform, -webkit-transform; }
 24  md-bottom-sheet.md-has-header {
 25    padding-top: 0; }
 26  md-bottom-sheet.ng-enter {
 27    opacity: 0;
 28    -webkit-transform: translate3d(0, 100%, 0);
 29            transform: translate3d(0, 100%, 0); }
 30  md-bottom-sheet.ng-enter-active {
 31    opacity: 1;
 32    display: block;
 33    -webkit-transform: translate3d(0, 80px, 0) !important;
 34            transform: translate3d(0, 80px, 0) !important; }
 35  md-bottom-sheet.ng-leave-active {
 36    -webkit-transform: translate3d(0, 100%, 0) !important;
 37            transform: translate3d(0, 100%, 0) !important;
 38    -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
 39    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
 40  md-bottom-sheet .md-subheader {
 41    background-color: transparent;
 42    font-family: Roboto, "Helvetica Neue", sans-serif;
 43    line-height: 56px;
 44    padding: 0;
 45    white-space: nowrap; }
 46  md-bottom-sheet md-inline-icon {
 47    display: inline-block;
 48    height: 24px;
 49    width: 24px;
 50    fill: #444; }
 51  md-bottom-sheet md-list-item {
 52    display: -webkit-box;
 53    display: -webkit-flex;
 54    display: flex;
 55    outline: none; }
 56    md-bottom-sheet md-list-item:hover {
 57      cursor: pointer; }
 58  md-bottom-sheet.md-list md-list-item {
 59    padding: 0;
 60    -webkit-box-align: center;
 61    -webkit-align-items: center;
 62            align-items: center;
 63    height: 48px; }
 64  md-bottom-sheet.md-grid {
 65    padding-left: 24px;
 66    padding-right: 24px;
 67    padding-top: 0; }
 68    md-bottom-sheet.md-grid md-list {
 69      display: -webkit-box;
 70      display: -webkit-flex;
 71      display: flex;
 72      -webkit-box-orient: horizontal;
 73      -webkit-box-direction: normal;
 74      -webkit-flex-direction: row;
 75              flex-direction: row;
 76      -webkit-flex-wrap: wrap;
 77              flex-wrap: wrap;
 78      -webkit-transition: all 0.5s;
 79      transition: all 0.5s;
 80      -webkit-box-align: center;
 81      -webkit-align-items: center;
 82              align-items: center; }
 83    md-bottom-sheet.md-grid md-list-item {
 84      -webkit-box-orient: vertical;
 85      -webkit-box-direction: normal;
 86      -webkit-flex-direction: column;
 87              flex-direction: column;
 88      -webkit-box-align: center;
 89      -webkit-align-items: center;
 90              align-items: center;
 91      -webkit-transition: all 0.5s;
 92      transition: all 0.5s;
 93      height: 96px;
 94      margin-top: 8px;
 95      margin-bottom: 8px;
 96      /* Mixin for how many grid items to show per row */ }
 97      @media (max-width: 960px) {
 98        md-bottom-sheet.md-grid md-list-item {
 99          -webkit-box-flex: 1;
100          -webkit-flex: 1 1 33.33333%;
101                  flex: 1 1 33.33333%;
102          max-width: 33.33333%; }
103          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
104            -webkit-box-align: start;
105            -webkit-align-items: flex-start;
106                    align-items: flex-start; }
107          md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
108            -webkit-box-align: end;
109            -webkit-align-items: flex-end;
110                    align-items: flex-end; } }
111      @media (min-width: 960px) and (max-width: 1279px) {
112        md-bottom-sheet.md-grid md-list-item {
113          -webkit-box-flex: 1;
114          -webkit-flex: 1 1 25%;
115                  flex: 1 1 25%;
116          max-width: 25%; } }
117      @media (min-width: 1280px) and (max-width: 1919px) {
118        md-bottom-sheet.md-grid md-list-item {
119          -webkit-box-flex: 1;
120          -webkit-flex: 1 1 16.66667%;
121                  flex: 1 1 16.66667%;
122          max-width: 16.66667%; } }
123      @media (min-width: 1920px) {
124        md-bottom-sheet.md-grid md-list-item {
125          -webkit-box-flex: 1;
126          -webkit-flex: 1 1 14.28571%;
127                  flex: 1 1 14.28571%;
128          max-width: 14.28571%; } }
129      md-bottom-sheet.md-grid md-list-item::before {
130        display: none; }
131      md-bottom-sheet.md-grid md-list-item .md-list-item-content {
132        display: -webkit-box;
133        display: -webkit-flex;
134        display: flex;
135        -webkit-box-orient: vertical;
136        -webkit-box-direction: normal;
137        -webkit-flex-direction: column;
138                flex-direction: column;
139        -webkit-box-align: center;
140        -webkit-align-items: center;
141                align-items: center;
142        width: 48px;
143        padding-bottom: 16px; }
144      md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
145        border: 1px solid transparent;
146        display: -webkit-box;
147        display: -webkit-flex;
148        display: flex;
149        -webkit-box-orient: vertical;
150        -webkit-box-direction: normal;
151        -webkit-flex-direction: column;
152                flex-direction: column;
153        -webkit-box-align: center;
154        -webkit-align-items: center;
155                align-items: center;
156        width: 80px; }
157      md-bottom-sheet.md-grid md-list-item .md-grid-text {
158        font-weight: 400;
159        line-height: 16px;
160        font-size: 13px;
161        margin: 0;
162        white-space: nowrap;
163        width: 64px;
164        text-align: center;
165        text-transform: none;
166        padding-top: 8px; }
167
168@media screen and (-ms-high-contrast: active) {
169  md-bottom-sheet {
170    border: 1px solid #fff; } }