1/*
2Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
3This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
4The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
5The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
6Code distributed by Google as part of the polymer project is also
7subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
8*/
9
10:host {
11  display: inline-block;
12  background: #323232;
13  color: #f1f1f1;
14  min-height: 48px;
15  min-width: 288px;
16  padding: 16px 24px 12px;
17  box-sizing: border-box;
18  -moz-box-sizing: border-box;
19  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
20  border-radius: 2px;
21  bottom: 12px;
22  left: 12px;
23  font-size: 14px;
24  cursor: default;
25}
26
27:host(.capsule) {
28  border-radius: 24px;
29}
30
31:host(.fit-bottom) {
32  bottom: 0;
33  left: 0;
34  width: 100%;
35  min-width: 0;
36  border-radius: 0;
37}
38
39:host(.core-transition.dragging) {
40  transition: none;
41}
42
43:host(.core-transition.fade-out-down),
44:host(.core-transition.fade-out-up),
45:host(.core-transition.fade-out-right),
46:host(.core-transition.fade-out-left) {
47  opacity: 0;
48  transition: -webkit-transform 0.08s ease-in-out, opacity 0.08s ease-in-out;
49  transition: transform 0.08s ease-in-out, opacity 0.08s ease-in-out;
50}
51
52:host(.core-transition.fade-out-down) {
53  -webkit-transform: translate(0, 100%);
54  transform: translate(0, 100%);
55}
56
57:host(.core-transition.fade-out-up) {
58  -webkit-transform: translate(0, -100%);
59  transform: translate(0, -100%);
60}
61
62:host(.core-transition.fade-out-right) {
63  -webkit-transform: translate(100%, 0);
64  transform: translate(100%, 0);
65}
66
67:host(.core-transition.fade-out-left) {
68  -webkit-transform: translate(-100%, 0);
69  transform: translate(-100%, 0);
70}
71
72.toast-container {
73  overflow: hidden;
74}
75
76.toast-action {
77  padding-left: 24px;
78  cursor: pointer;
79  text-transform: uppercase;
80}
81