blob: 56d3fda1fe14b42dd34cf2725eca6f16026cbf93 [file] [log] [blame]
avm99963a007d492021-05-02 12:32:03 +02001.TWPT-pane-for-snackbar {
2 height: 48px;
3 position: fixed;
4 left: 0;
5 right: 0;
6 bottom: 0;
7 z-index: 9999;
8 display: flex;
9 pointer-events: none;
10}
11
12.TWPT-snackbar {
13 display: flex;
14 align-self: flex-end;
15 justify-content: center;
16 flex: 1;
17 font-size: 15px;
18 font-weight: 400;
19 overflow: hidden;
20 pointer-events: none!important;
21}
22
23.TWPT-snackbar .TWPT-animation-container {
24 max-width: 616px;
25 min-width: 320px;
26 overflow: hidden;
27 pointer-events: auto;
28 transition: all 218ms cubic-bezier(.4, 0, 1, 1);
29}
30
31.TWPT-notification-bar {
32 background: #323232;
33 border-radius: 2px;
34 box-sizing: border-box;
35 color: #fff;
36 display: flex;
37 height: 48px;
38 padding: 6px 24px;
39}
40
41.TWPT-notification-bar focus-trap {
42 display: flex;
43 width: 100%;
44}
45
46.TWPT-notification-bar .TWPT-focus-content-wrapper {
47 display: flex;
48 height: 100%;
49 width: 100%;
50 max-height: inherit;
51 min-height: inherit;
52}
53
54.TWPT-notification-bar .TWPT-badge {
55 margin: auto 10px auto 0;
56}
57
58.TWPT-notification-bar .TWPT-message {
59 display: flex;
60 margin: auto;
61 flex: 1;
62 white-space: pre-line;
63}
64
65.TWPT-notification-bar .TWPT-action {
66 display: flex;
67 align-items: center;
68 color: #c6dafc;
69 cursor: pointer;
70 font-size: 14px;
71 font-weight: 700;
72 margin-left: 24px;
73 padding: 0;
74 text-transform: uppercase;
75}
76
77.TWPT-snackbar.TWPT-hidden {
78 display: none;
79}