md-date-time-picker-rails 2.0.3a → 2.0.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +2 -1
  3. data/lib/md-date-time-picker-rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/mdDateTimePickerLocale.js +1253 -0
  5. data/vendor/assets/javascripts/moment_locales.js +12051 -0
  6. data/vendor/assets/stylesheets/themes/dark/amber/md-date-time-picker.css.erb +6 -5
  7. data/vendor/assets/stylesheets/themes/dark/blue-grey/md-date-time-picker.css.erb +12 -9
  8. data/vendor/assets/stylesheets/themes/dark/blue/md-date-time-picker.css.erb +12 -10
  9. data/vendor/assets/stylesheets/themes/dark/brown/md-date-time-picker.css.erb +1539 -0
  10. data/vendor/assets/stylesheets/themes/dark/cyan/md-date-time-picker.css.erb +1539 -0
  11. data/vendor/assets/stylesheets/themes/dark/deep-orange/md-date-time-picker.css.erb +1536 -0
  12. data/vendor/assets/stylesheets/themes/dark/deep-purple/md-date-time-picker.css.erb +1536 -0
  13. data/vendor/assets/stylesheets/themes/dark/green/md-date-time-picker.css.erb +1536 -0
  14. data/vendor/assets/stylesheets/themes/dark/grey/md-date-time-picker.css.erb +1536 -0
  15. data/vendor/assets/stylesheets/themes/dark/indigo/md-date-time-picker.css.erb +1536 -0
  16. data/vendor/assets/stylesheets/themes/dark/light-blue/md-date-time-picker.css.erb +1536 -0
  17. data/vendor/assets/stylesheets/themes/dark/light-green/md-date-time-picker.css.erb +1536 -0
  18. data/vendor/assets/stylesheets/themes/dark/lime/md-date-time-picker.css.erb +1536 -0
  19. data/vendor/assets/stylesheets/themes/dark/orange/md-date-time-picker.css.erb +1536 -0
  20. data/vendor/assets/stylesheets/themes/dark/pink/md-date-time-picker.css.erb +1536 -0
  21. data/vendor/assets/stylesheets/themes/dark/purple/md-date-time-picker.css.erb +1536 -0
  22. data/vendor/assets/stylesheets/themes/dark/red/md-date-time-picker.css.erb +1536 -0
  23. data/vendor/assets/stylesheets/themes/dark/teal/md-date-time-picker.css.erb +1536 -0
  24. data/vendor/assets/stylesheets/themes/dark/yellow/md-date-time-picker.css.erb +1536 -0
  25. data/vendor/assets/stylesheets/themes/dark_img.css.erb +16 -0
  26. data/vendor/assets/stylesheets/themes/light/amber/md-date-time-picker.css.erb +1536 -0
  27. data/vendor/assets/stylesheets/themes/light/blue-grey/md-date-time-picker.css.erb +1536 -0
  28. data/vendor/assets/stylesheets/themes/light/blue/md-date-time-picker.css.erb +1536 -0
  29. data/vendor/assets/stylesheets/themes/light/brown/md-date-time-picker.css.erb +1536 -0
  30. data/vendor/assets/stylesheets/themes/light/cyan/md-date-time-picker.css.erb +1536 -0
  31. data/vendor/assets/stylesheets/themes/light/deep-orange/md-date-time-picker.css.erb +1536 -0
  32. data/vendor/assets/stylesheets/themes/light/deep-purple/md-date-time-picker.css.erb +1536 -0
  33. data/vendor/assets/stylesheets/themes/light/green/md-date-time-picker.css.erb +1536 -0
  34. data/vendor/assets/stylesheets/themes/light/grey/md-date-time-picker.css.erb +1536 -0
  35. data/vendor/assets/stylesheets/themes/light/indigo/md-date-time-picker.css.erb +1536 -0
  36. data/vendor/assets/stylesheets/themes/light/light-blue/md-date-time-picker.css.erb +1536 -0
  37. data/vendor/assets/stylesheets/themes/light/light-green/md-date-time-picker.css.erb +1536 -0
  38. data/vendor/assets/stylesheets/themes/light/lime/md-date-time-picker.css.erb +1536 -0
  39. data/vendor/assets/stylesheets/themes/light/orange/md-date-time-picker.css.erb +1536 -0
  40. data/vendor/assets/stylesheets/themes/light/pink/md-date-time-picker.css.erb +1536 -0
  41. data/vendor/assets/stylesheets/themes/light/purple/md-date-time-picker.css.erb +1536 -0
  42. data/vendor/assets/stylesheets/themes/light/red/md-date-time-picker.css.erb +1536 -0
  43. data/vendor/assets/stylesheets/themes/light/teal/md-date-time-picker.css.erb +1536 -0
  44. data/vendor/assets/stylesheets/themes/light/yellow/md-date-time-picker.css.erb +1536 -0
  45. data/vendor/assets/stylesheets/themes/light_img.css.erb +15 -0
  46. metadata +40 -1
@@ -0,0 +1,1539 @@
1
+ /* ========== Color Palettes ========== */
2
+ /* colors.scss */
3
+ /* Typography */
4
+ /* Shadows */
5
+ /* Animations */
6
+ /* Dialog */
7
+
8
+ @import "themes/dark_img";
9
+
10
+ .mddtp-button {
11
+ height: 36px;
12
+ min-width: 64px;
13
+ border: none;
14
+ background-color: transparent;
15
+ border-radius: 3px;
16
+ display: inline-block;
17
+ padding: 0 8px;
18
+ margin-right: 8px;
19
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
20
+ font-size: 15px;
21
+ text-transform: uppercase;
22
+ outline: none;
23
+ cursor: pointer;
24
+ color: #80deea;
25
+ -webkit-appearance: button;
26
+ overflow: visible;
27
+ -webkit-tap-highlight-color: transparent;
28
+ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
29
+
30
+ .mddtp-button:hover,
31
+ .mddtp-button:focus {
32
+ background-color: #616161; }
33
+
34
+ .mddtp-button:active {
35
+ background-color: #757575; }
36
+
37
+ .mddtp-button:disabled {
38
+ color: rgba(255, 255, 255, 0.3);
39
+ cursor: not-allowed; }
40
+
41
+ .mddtp-picker {
42
+ box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
43
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif !important;
44
+ min-width: 280px;
45
+ position: fixed;
46
+ top: 50%;
47
+ left: 50%;
48
+ -webkit-transform: translate3d(-50%, -50%, 0);
49
+ transform: translate3d(-50%, -50%, 0);
50
+ -webkit-transform-origin: 0 0;
51
+ -ms-transform-origin: 0 0;
52
+ transform-origin: 0 0;
53
+ display: table;
54
+ border-radius: 3px;
55
+ line-height: normal;
56
+ overflow: hidden;
57
+ z-index: 99999; }
58
+ .mddtp-picker .mddtp-picker__header {
59
+ width: 100px;
60
+ background-color: #616161;
61
+ padding: 24px 24px 20px; }
62
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title {
63
+ color: rgba(255, 255, 255, 0.7);
64
+ font-family: "Roboto", "Helvetica", "Arial", sans-serif;
65
+ font-size: 28px;
66
+ font-weight: 700; }
67
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
68
+ font-weight: 400;
69
+ font-size: 16px;
70
+ line-height: 20px; }
71
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
72
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
73
+ color: rgba(255, 255, 255, 0.7);
74
+ margin: 0;
75
+ cursor: pointer; }
76
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__color--active {
77
+ color: white; }
78
+ .mddtp-picker .mddtp-picker__body {
79
+ position: relative;
80
+ background-color: #424242; }
81
+ .mddtp-picker .mddtp-picker__body .mddtp-picker__action {
82
+ margin-top: 24px;
83
+ padding: 8px 0;
84
+ text-align: right; }
85
+ .mddtp-picker .mddtp-picker__header,
86
+ .mddtp-picker .mddtp-picker__body {
87
+ display: table-cell;
88
+ vertical-align: top;
89
+ height: 100%; }
90
+ /*
91
+ .mddtp-picker-date .mddtp-picker__left {
92
+ background: url("../images/ic_keyboard_arrow_left_white_24px.svg");
93
+ left: 4px; }
94
+
95
+ .mddtp-picker-date .mddtp-picker__right {
96
+ background: url("../images/ic_keyboard_arrow_right_white_24px.svg");
97
+ right: 4px; }
98
+ */
99
+
100
+ .mddtp-picker-date .mddtp-picker__left,
101
+ .mddtp-picker-date .mddtp-picker__right {
102
+ position: absolute;
103
+ background-repeat: no-repeat;
104
+ background-position: center;
105
+ margin: 0;
106
+ height: 48px;
107
+ width: 48px;
108
+ min-width: 48px;
109
+ top: 4px;
110
+ border-radius: 50%; }
111
+ .mddtp-picker-date .mddtp-picker__left:hover, .mddtp-picker-date .mddtp-picker__left:hover, .mddtp-picker-date .mddtp-picker__left:focus, .mddtp-picker-date .mddtp-picker__left:focus,
112
+ .mddtp-picker-date .mddtp-picker__right:hover,
113
+ .mddtp-picker-date .mddtp-picker__right:hover,
114
+ .mddtp-picker-date .mddtp-picker__right:focus,
115
+ .mddtp-picker-date .mddtp-picker__right:focus {
116
+ background-color: #616161; }
117
+ .mddtp-picker-date .mddtp-picker__left:active, .mddtp-picker-date .mddtp-picker__left:active,
118
+ .mddtp-picker-date .mddtp-picker__right:active,
119
+ .mddtp-picker-date .mddtp-picker__right:active {
120
+ background-color: #757575; }
121
+ .mddtp-picker-date .mddtp-picker__left:disabled, .mddtp-picker-date .mddtp-picker__left:disabled,
122
+ .mddtp-picker-date .mddtp-picker__right:disabled,
123
+ .mddtp-picker-date .mddtp-picker__right:disabled {
124
+ background-repeat: no-repeat;
125
+ background-position: center; }
126
+
127
+ /*
128
+ .mddtp-picker-date .mddtp-picker__left:disabled {
129
+ background-image: url("../images/ic_keyboard_arrow_left_white_disabled_24px.svg"); }
130
+
131
+ .mddtp-picker-date .mddtp-picker__right:disabled {
132
+ background-image: url("../images/ic_keyboard_arrow_right_white_disabled_24px.svg"); }
133
+ */
134
+
135
+ .mddtp-picker__body .mddtp-picker__viewHolder {
136
+ width: 314px;
137
+ overflow: hidden; }
138
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__views {
139
+ list-style: none;
140
+ margin: 0;
141
+ padding: 0;
142
+ font-size: 0;
143
+ width: 2000px; }
144
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view {
145
+ display: inline-block;
146
+ width: 314px;
147
+ text-align: center;
148
+ -webkit-transform: translate3d(-100%, 0, 0);
149
+ transform: translate3d(-100%, 0, 0);
150
+ transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1); }
151
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view .mddtp-picker__month {
152
+ display: inline-block;
153
+ padding: 18px;
154
+ font-size: 13px;
155
+ font-weight: 600;
156
+ color: white; }
157
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--left {
158
+ -webkit-transform: translate3d(-200%, 0, 0);
159
+ transform: translate3d(-200%, 0, 0); }
160
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--right {
161
+ -webkit-transform: translate3d(0, 0, 0);
162
+ transform: translate3d(0, 0, 0); }
163
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__view--pause {
164
+ transition: none; }
165
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid {
166
+ padding: 8px 14px 0; }
167
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span {
168
+ display: inline-block;
169
+ font-size: 13px;
170
+ margin: 2px;
171
+ color: white;
172
+ border-radius: 50%;
173
+ width: 36px;
174
+ height: 36px;
175
+ line-height: 36px;
176
+ vertical-align: middle; }
177
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--today {
178
+ color: #80deea;
179
+ font-weight: 600; }
180
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--selected, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr span.mddtp-picker__cell:hover {
181
+ background-color: #80deea;
182
+ color: #424242; }
183
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid span.mddtp-picker__cell--disabled {
184
+ color: rgba(255, 255, 255, 0.3);
185
+ cursor: not-allowed; }
186
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr {
187
+ padding: 2px 0; }
188
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell {
189
+ pointer-events: all;
190
+ cursor: pointer; }
191
+ .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__th span {
192
+ color: rgba(255, 255, 255, 0.7); }
193
+
194
+ .mddtp-picker__years {
195
+ position: absolute;
196
+ left: 0;
197
+ top: 0;
198
+ list-style: none;
199
+ margin: 0;
200
+ padding: 0;
201
+ width: 100%;
202
+ height: calc(100% - 52px);
203
+ text-align: center;
204
+ overflow: auto; }
205
+ .mddtp-picker__years li {
206
+ font-size: 16px;
207
+ padding: 8px 0;
208
+ color: white;
209
+ cursor: pointer; }
210
+ .mddtp-picker__years .mddtp-picker__li--current {
211
+ font-size: 21px;
212
+ color: #80deea; }
213
+ .mddtp-picker__years--invisible {
214
+ display: none; }
215
+
216
+ .mddtp-picker-time .mddtp-picker__header {
217
+ vertical-align: middle;
218
+ width: 125px; }
219
+ .mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
220
+ text-align: right;
221
+ font-size: 0; }
222
+ .mddtp-picker-time .mddtp-picker__header .mddtp-picker__title span {
223
+ font-size: 45px;
224
+ font-weight: 400;
225
+ line-height: 48px;
226
+ margin: 0 2px; }
227
+ .mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
228
+ margin-top: 8px;
229
+ text-align: center; }
230
+ .mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle div {
231
+ margin-top: 2px; }
232
+
233
+ .mddtp-picker__circularHolder {
234
+ position: relative;
235
+ width: 250px;
236
+ height: 250px;
237
+ margin: 20px;
238
+ border-radius: 50%;
239
+ background-color: #616161; }
240
+
241
+ .mddtp-picker__circularView {
242
+ position: absolute;
243
+ width: 100%;
244
+ height: 100%; }
245
+ .mddtp-picker__circularView .mddtp-picker__cell {
246
+ position: absolute;
247
+ width: 50%;
248
+ top: calc(50% - 18px);
249
+ left: 50%;
250
+ text-align: right;
251
+ -webkit-transform-origin: left center;
252
+ -ms-transform-origin: left center;
253
+ transform-origin: left center; }
254
+ .mddtp-picker__circularView .mddtp-picker__cell span {
255
+ display: inline-block;
256
+ cursor: pointer;
257
+ font-size: 13px;
258
+ color: white;
259
+ border-radius: 50%;
260
+ width: 36px;
261
+ height: 36px;
262
+ line-height: 36px;
263
+ text-align: center;
264
+ margin-right: 8px; }
265
+ .mddtp-picker__circularView .mddtp-picker__cell--selected span, .mddtp-picker__circularView .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__cell:hover span, .mddtp-picker__body .mddtp-picker__viewHolder .mddtp-picker__grid .mddtp-picker__tr .mddtp-picker__circularView .mddtp-picker__cell:hover span {
266
+ color: #424242; }
267
+ .mddtp-picker__circularView--hidden {
268
+ display: none; }
269
+
270
+ .mddtp-picker__circle--fake {
271
+ position: absolute;
272
+ border-radius: 50%;
273
+ height: 36px;
274
+ width: 36px;
275
+ cursor: move;
276
+ /* fallback if grab cursor is unsupported */
277
+ cursor: grab;
278
+ cursor: -webkit-grab; }
279
+ .mddtp-picker__circle--fake.is-pointer-down, .mddtp-picker__circle--fake:active {
280
+ cursor: grabbing;
281
+ cursor: -webkit-grabbing; }
282
+
283
+ .mddtp-picker__selection {
284
+ position: absolute;
285
+ left: 50%;
286
+ top: calc(50% - 18px);
287
+ width: 50%;
288
+ font-size: 0;
289
+ -webkit-transform-origin: left center;
290
+ -ms-transform-origin: left center;
291
+ transform-origin: left center;
292
+ transition: 0.3s cubic-bezier(0.42, 0, 0.58, 1); }
293
+ .mddtp-picker__selection span {
294
+ display: inline-block;
295
+ background-color: #80deea;
296
+ height: 2px;
297
+ vertical-align: middle; }
298
+ .mddtp-picker__selection span.mddtp-picker__dot {
299
+ width: 8px;
300
+ height: 8px;
301
+ border-radius: 50%; }
302
+ .mddtp-picker__selection span.mddtp-picker__line {
303
+ width: calc(100% - 52px); }
304
+ .mddtp-picker__selection span.mddtp-picker__circle {
305
+ border-radius: 50%;
306
+ height: 36px;
307
+ width: 36px; }
308
+ .mddtp-picker__selection--quick {
309
+ transition: none; }
310
+
311
+ .mddtp-picker__cell--rotate-1 {
312
+ -webkit-transform: rotate(-87deg);
313
+ -ms-transform: rotate(-87deg);
314
+ transform: rotate(-87deg); }
315
+ .mddtp-picker__cell--rotate-1 span:not(.mddtp-picker__line) {
316
+ -webkit-transform: rotate(87deg);
317
+ -ms-transform: rotate(87deg);
318
+ transform: rotate(87deg); }
319
+
320
+ .mddtp-picker__cell--rotate-2 {
321
+ -webkit-transform: rotate(-84deg);
322
+ -ms-transform: rotate(-84deg);
323
+ transform: rotate(-84deg); }
324
+ .mddtp-picker__cell--rotate-2 span:not(.mddtp-picker__line) {
325
+ -webkit-transform: rotate(84deg);
326
+ -ms-transform: rotate(84deg);
327
+ transform: rotate(84deg); }
328
+
329
+ .mddtp-picker__cell--rotate-3 {
330
+ -webkit-transform: rotate(-81deg);
331
+ -ms-transform: rotate(-81deg);
332
+ transform: rotate(-81deg); }
333
+ .mddtp-picker__cell--rotate-3 span:not(.mddtp-picker__line) {
334
+ -webkit-transform: rotate(81deg);
335
+ -ms-transform: rotate(81deg);
336
+ transform: rotate(81deg); }
337
+
338
+ .mddtp-picker__cell--rotate-4 {
339
+ -webkit-transform: rotate(-78deg);
340
+ -ms-transform: rotate(-78deg);
341
+ transform: rotate(-78deg); }
342
+ .mddtp-picker__cell--rotate-4 span:not(.mddtp-picker__line) {
343
+ -webkit-transform: rotate(78deg);
344
+ -ms-transform: rotate(78deg);
345
+ transform: rotate(78deg); }
346
+
347
+ .mddtp-picker__cell--rotate-5 {
348
+ -webkit-transform: rotate(-75deg);
349
+ -ms-transform: rotate(-75deg);
350
+ transform: rotate(-75deg); }
351
+ .mddtp-picker__cell--rotate-5 span:not(.mddtp-picker__line) {
352
+ -webkit-transform: rotate(75deg);
353
+ -ms-transform: rotate(75deg);
354
+ transform: rotate(75deg); }
355
+
356
+ .mddtp-picker__cell--rotate-6 {
357
+ -webkit-transform: rotate(-72deg);
358
+ -ms-transform: rotate(-72deg);
359
+ transform: rotate(-72deg); }
360
+ .mddtp-picker__cell--rotate-6 span:not(.mddtp-picker__line) {
361
+ -webkit-transform: rotate(72deg);
362
+ -ms-transform: rotate(72deg);
363
+ transform: rotate(72deg); }
364
+
365
+ .mddtp-picker__cell--rotate-7 {
366
+ -webkit-transform: rotate(-69deg);
367
+ -ms-transform: rotate(-69deg);
368
+ transform: rotate(-69deg); }
369
+ .mddtp-picker__cell--rotate-7 span:not(.mddtp-picker__line) {
370
+ -webkit-transform: rotate(69deg);
371
+ -ms-transform: rotate(69deg);
372
+ transform: rotate(69deg); }
373
+
374
+ .mddtp-picker__cell--rotate-8 {
375
+ -webkit-transform: rotate(-66deg);
376
+ -ms-transform: rotate(-66deg);
377
+ transform: rotate(-66deg); }
378
+ .mddtp-picker__cell--rotate-8 span:not(.mddtp-picker__line) {
379
+ -webkit-transform: rotate(66deg);
380
+ -ms-transform: rotate(66deg);
381
+ transform: rotate(66deg); }
382
+
383
+ .mddtp-picker__cell--rotate-9 {
384
+ -webkit-transform: rotate(-63deg);
385
+ -ms-transform: rotate(-63deg);
386
+ transform: rotate(-63deg); }
387
+ .mddtp-picker__cell--rotate-9 span:not(.mddtp-picker__line) {
388
+ -webkit-transform: rotate(63deg);
389
+ -ms-transform: rotate(63deg);
390
+ transform: rotate(63deg); }
391
+
392
+ .mddtp-picker__cell--rotate-10 {
393
+ -webkit-transform: rotate(-60deg);
394
+ -ms-transform: rotate(-60deg);
395
+ transform: rotate(-60deg); }
396
+ .mddtp-picker__cell--rotate-10 span:not(.mddtp-picker__line) {
397
+ -webkit-transform: rotate(60deg);
398
+ -ms-transform: rotate(60deg);
399
+ transform: rotate(60deg); }
400
+
401
+ .mddtp-picker__cell--rotate-11 {
402
+ -webkit-transform: rotate(-57deg);
403
+ -ms-transform: rotate(-57deg);
404
+ transform: rotate(-57deg); }
405
+ .mddtp-picker__cell--rotate-11 span:not(.mddtp-picker__line) {
406
+ -webkit-transform: rotate(57deg);
407
+ -ms-transform: rotate(57deg);
408
+ transform: rotate(57deg); }
409
+
410
+ .mddtp-picker__cell--rotate-12 {
411
+ -webkit-transform: rotate(-54deg);
412
+ -ms-transform: rotate(-54deg);
413
+ transform: rotate(-54deg); }
414
+ .mddtp-picker__cell--rotate-12 span:not(.mddtp-picker__line) {
415
+ -webkit-transform: rotate(54deg);
416
+ -ms-transform: rotate(54deg);
417
+ transform: rotate(54deg); }
418
+
419
+ .mddtp-picker__cell--rotate-13 {
420
+ -webkit-transform: rotate(-51deg);
421
+ -ms-transform: rotate(-51deg);
422
+ transform: rotate(-51deg); }
423
+ .mddtp-picker__cell--rotate-13 span:not(.mddtp-picker__line) {
424
+ -webkit-transform: rotate(51deg);
425
+ -ms-transform: rotate(51deg);
426
+ transform: rotate(51deg); }
427
+
428
+ .mddtp-picker__cell--rotate-14 {
429
+ -webkit-transform: rotate(-48deg);
430
+ -ms-transform: rotate(-48deg);
431
+ transform: rotate(-48deg); }
432
+ .mddtp-picker__cell--rotate-14 span:not(.mddtp-picker__line) {
433
+ -webkit-transform: rotate(48deg);
434
+ -ms-transform: rotate(48deg);
435
+ transform: rotate(48deg); }
436
+
437
+ .mddtp-picker__cell--rotate-15 {
438
+ -webkit-transform: rotate(-45deg);
439
+ -ms-transform: rotate(-45deg);
440
+ transform: rotate(-45deg); }
441
+ .mddtp-picker__cell--rotate-15 span:not(.mddtp-picker__line) {
442
+ -webkit-transform: rotate(45deg);
443
+ -ms-transform: rotate(45deg);
444
+ transform: rotate(45deg); }
445
+
446
+ .mddtp-picker__cell--rotate-16 {
447
+ -webkit-transform: rotate(-42deg);
448
+ -ms-transform: rotate(-42deg);
449
+ transform: rotate(-42deg); }
450
+ .mddtp-picker__cell--rotate-16 span:not(.mddtp-picker__line) {
451
+ -webkit-transform: rotate(42deg);
452
+ -ms-transform: rotate(42deg);
453
+ transform: rotate(42deg); }
454
+
455
+ .mddtp-picker__cell--rotate-17 {
456
+ -webkit-transform: rotate(-39deg);
457
+ -ms-transform: rotate(-39deg);
458
+ transform: rotate(-39deg); }
459
+ .mddtp-picker__cell--rotate-17 span:not(.mddtp-picker__line) {
460
+ -webkit-transform: rotate(39deg);
461
+ -ms-transform: rotate(39deg);
462
+ transform: rotate(39deg); }
463
+
464
+ .mddtp-picker__cell--rotate-18 {
465
+ -webkit-transform: rotate(-36deg);
466
+ -ms-transform: rotate(-36deg);
467
+ transform: rotate(-36deg); }
468
+ .mddtp-picker__cell--rotate-18 span:not(.mddtp-picker__line) {
469
+ -webkit-transform: rotate(36deg);
470
+ -ms-transform: rotate(36deg);
471
+ transform: rotate(36deg); }
472
+
473
+ .mddtp-picker__cell--rotate-19 {
474
+ -webkit-transform: rotate(-33deg);
475
+ -ms-transform: rotate(-33deg);
476
+ transform: rotate(-33deg); }
477
+ .mddtp-picker__cell--rotate-19 span:not(.mddtp-picker__line) {
478
+ -webkit-transform: rotate(33deg);
479
+ -ms-transform: rotate(33deg);
480
+ transform: rotate(33deg); }
481
+
482
+ .mddtp-picker__cell--rotate-20 {
483
+ -webkit-transform: rotate(-30deg);
484
+ -ms-transform: rotate(-30deg);
485
+ transform: rotate(-30deg); }
486
+ .mddtp-picker__cell--rotate-20 span:not(.mddtp-picker__line) {
487
+ -webkit-transform: rotate(30deg);
488
+ -ms-transform: rotate(30deg);
489
+ transform: rotate(30deg); }
490
+
491
+ .mddtp-picker__cell--rotate-21 {
492
+ -webkit-transform: rotate(-27deg);
493
+ -ms-transform: rotate(-27deg);
494
+ transform: rotate(-27deg); }
495
+ .mddtp-picker__cell--rotate-21 span:not(.mddtp-picker__line) {
496
+ -webkit-transform: rotate(27deg);
497
+ -ms-transform: rotate(27deg);
498
+ transform: rotate(27deg); }
499
+
500
+ .mddtp-picker__cell--rotate-22 {
501
+ -webkit-transform: rotate(-24deg);
502
+ -ms-transform: rotate(-24deg);
503
+ transform: rotate(-24deg); }
504
+ .mddtp-picker__cell--rotate-22 span:not(.mddtp-picker__line) {
505
+ -webkit-transform: rotate(24deg);
506
+ -ms-transform: rotate(24deg);
507
+ transform: rotate(24deg); }
508
+
509
+ .mddtp-picker__cell--rotate-23 {
510
+ -webkit-transform: rotate(-21deg);
511
+ -ms-transform: rotate(-21deg);
512
+ transform: rotate(-21deg); }
513
+ .mddtp-picker__cell--rotate-23 span:not(.mddtp-picker__line) {
514
+ -webkit-transform: rotate(21deg);
515
+ -ms-transform: rotate(21deg);
516
+ transform: rotate(21deg); }
517
+
518
+ .mddtp-picker__cell--rotate-24 {
519
+ -webkit-transform: rotate(-18deg);
520
+ -ms-transform: rotate(-18deg);
521
+ transform: rotate(-18deg); }
522
+ .mddtp-picker__cell--rotate-24 span:not(.mddtp-picker__line) {
523
+ -webkit-transform: rotate(18deg);
524
+ -ms-transform: rotate(18deg);
525
+ transform: rotate(18deg); }
526
+
527
+ .mddtp-picker__cell--rotate-25 {
528
+ -webkit-transform: rotate(-15deg);
529
+ -ms-transform: rotate(-15deg);
530
+ transform: rotate(-15deg); }
531
+ .mddtp-picker__cell--rotate-25 span:not(.mddtp-picker__line) {
532
+ -webkit-transform: rotate(15deg);
533
+ -ms-transform: rotate(15deg);
534
+ transform: rotate(15deg); }
535
+
536
+ .mddtp-picker__cell--rotate-26 {
537
+ -webkit-transform: rotate(-12deg);
538
+ -ms-transform: rotate(-12deg);
539
+ transform: rotate(-12deg); }
540
+ .mddtp-picker__cell--rotate-26 span:not(.mddtp-picker__line) {
541
+ -webkit-transform: rotate(12deg);
542
+ -ms-transform: rotate(12deg);
543
+ transform: rotate(12deg); }
544
+
545
+ .mddtp-picker__cell--rotate-27 {
546
+ -webkit-transform: rotate(-9deg);
547
+ -ms-transform: rotate(-9deg);
548
+ transform: rotate(-9deg); }
549
+ .mddtp-picker__cell--rotate-27 span:not(.mddtp-picker__line) {
550
+ -webkit-transform: rotate(9deg);
551
+ -ms-transform: rotate(9deg);
552
+ transform: rotate(9deg); }
553
+
554
+ .mddtp-picker__cell--rotate-28 {
555
+ -webkit-transform: rotate(-6deg);
556
+ -ms-transform: rotate(-6deg);
557
+ transform: rotate(-6deg); }
558
+ .mddtp-picker__cell--rotate-28 span:not(.mddtp-picker__line) {
559
+ -webkit-transform: rotate(6deg);
560
+ -ms-transform: rotate(6deg);
561
+ transform: rotate(6deg); }
562
+
563
+ .mddtp-picker__cell--rotate-29 {
564
+ -webkit-transform: rotate(-3deg);
565
+ -ms-transform: rotate(-3deg);
566
+ transform: rotate(-3deg); }
567
+ .mddtp-picker__cell--rotate-29 span:not(.mddtp-picker__line) {
568
+ -webkit-transform: rotate(3deg);
569
+ -ms-transform: rotate(3deg);
570
+ transform: rotate(3deg); }
571
+
572
+ .mddtp-picker__cell--rotate-30 {
573
+ -webkit-transform: rotate(0deg);
574
+ -ms-transform: rotate(0deg);
575
+ transform: rotate(0deg); }
576
+ .mddtp-picker__cell--rotate-30 span:not(.mddtp-picker__line) {
577
+ -webkit-transform: rotate(0deg);
578
+ -ms-transform: rotate(0deg);
579
+ transform: rotate(0deg); }
580
+
581
+ .mddtp-picker__cell--rotate-31 {
582
+ -webkit-transform: rotate(3deg);
583
+ -ms-transform: rotate(3deg);
584
+ transform: rotate(3deg); }
585
+ .mddtp-picker__cell--rotate-31 span:not(.mddtp-picker__line) {
586
+ -webkit-transform: rotate(-3deg);
587
+ -ms-transform: rotate(-3deg);
588
+ transform: rotate(-3deg); }
589
+
590
+ .mddtp-picker__cell--rotate-32 {
591
+ -webkit-transform: rotate(6deg);
592
+ -ms-transform: rotate(6deg);
593
+ transform: rotate(6deg); }
594
+ .mddtp-picker__cell--rotate-32 span:not(.mddtp-picker__line) {
595
+ -webkit-transform: rotate(-6deg);
596
+ -ms-transform: rotate(-6deg);
597
+ transform: rotate(-6deg); }
598
+
599
+ .mddtp-picker__cell--rotate-33 {
600
+ -webkit-transform: rotate(9deg);
601
+ -ms-transform: rotate(9deg);
602
+ transform: rotate(9deg); }
603
+ .mddtp-picker__cell--rotate-33 span:not(.mddtp-picker__line) {
604
+ -webkit-transform: rotate(-9deg);
605
+ -ms-transform: rotate(-9deg);
606
+ transform: rotate(-9deg); }
607
+
608
+ .mddtp-picker__cell--rotate-34 {
609
+ -webkit-transform: rotate(12deg);
610
+ -ms-transform: rotate(12deg);
611
+ transform: rotate(12deg); }
612
+ .mddtp-picker__cell--rotate-34 span:not(.mddtp-picker__line) {
613
+ -webkit-transform: rotate(-12deg);
614
+ -ms-transform: rotate(-12deg);
615
+ transform: rotate(-12deg); }
616
+
617
+ .mddtp-picker__cell--rotate-35 {
618
+ -webkit-transform: rotate(15deg);
619
+ -ms-transform: rotate(15deg);
620
+ transform: rotate(15deg); }
621
+ .mddtp-picker__cell--rotate-35 span:not(.mddtp-picker__line) {
622
+ -webkit-transform: rotate(-15deg);
623
+ -ms-transform: rotate(-15deg);
624
+ transform: rotate(-15deg); }
625
+
626
+ .mddtp-picker__cell--rotate-36 {
627
+ -webkit-transform: rotate(18deg);
628
+ -ms-transform: rotate(18deg);
629
+ transform: rotate(18deg); }
630
+ .mddtp-picker__cell--rotate-36 span:not(.mddtp-picker__line) {
631
+ -webkit-transform: rotate(-18deg);
632
+ -ms-transform: rotate(-18deg);
633
+ transform: rotate(-18deg); }
634
+
635
+ .mddtp-picker__cell--rotate-37 {
636
+ -webkit-transform: rotate(21deg);
637
+ -ms-transform: rotate(21deg);
638
+ transform: rotate(21deg); }
639
+ .mddtp-picker__cell--rotate-37 span:not(.mddtp-picker__line) {
640
+ -webkit-transform: rotate(-21deg);
641
+ -ms-transform: rotate(-21deg);
642
+ transform: rotate(-21deg); }
643
+
644
+ .mddtp-picker__cell--rotate-38 {
645
+ -webkit-transform: rotate(24deg);
646
+ -ms-transform: rotate(24deg);
647
+ transform: rotate(24deg); }
648
+ .mddtp-picker__cell--rotate-38 span:not(.mddtp-picker__line) {
649
+ -webkit-transform: rotate(-24deg);
650
+ -ms-transform: rotate(-24deg);
651
+ transform: rotate(-24deg); }
652
+
653
+ .mddtp-picker__cell--rotate-39 {
654
+ -webkit-transform: rotate(27deg);
655
+ -ms-transform: rotate(27deg);
656
+ transform: rotate(27deg); }
657
+ .mddtp-picker__cell--rotate-39 span:not(.mddtp-picker__line) {
658
+ -webkit-transform: rotate(-27deg);
659
+ -ms-transform: rotate(-27deg);
660
+ transform: rotate(-27deg); }
661
+
662
+ .mddtp-picker__cell--rotate-40 {
663
+ -webkit-transform: rotate(30deg);
664
+ -ms-transform: rotate(30deg);
665
+ transform: rotate(30deg); }
666
+ .mddtp-picker__cell--rotate-40 span:not(.mddtp-picker__line) {
667
+ -webkit-transform: rotate(-30deg);
668
+ -ms-transform: rotate(-30deg);
669
+ transform: rotate(-30deg); }
670
+
671
+ .mddtp-picker__cell--rotate-41 {
672
+ -webkit-transform: rotate(33deg);
673
+ -ms-transform: rotate(33deg);
674
+ transform: rotate(33deg); }
675
+ .mddtp-picker__cell--rotate-41 span:not(.mddtp-picker__line) {
676
+ -webkit-transform: rotate(-33deg);
677
+ -ms-transform: rotate(-33deg);
678
+ transform: rotate(-33deg); }
679
+
680
+ .mddtp-picker__cell--rotate-42 {
681
+ -webkit-transform: rotate(36deg);
682
+ -ms-transform: rotate(36deg);
683
+ transform: rotate(36deg); }
684
+ .mddtp-picker__cell--rotate-42 span:not(.mddtp-picker__line) {
685
+ -webkit-transform: rotate(-36deg);
686
+ -ms-transform: rotate(-36deg);
687
+ transform: rotate(-36deg); }
688
+
689
+ .mddtp-picker__cell--rotate-43 {
690
+ -webkit-transform: rotate(39deg);
691
+ -ms-transform: rotate(39deg);
692
+ transform: rotate(39deg); }
693
+ .mddtp-picker__cell--rotate-43 span:not(.mddtp-picker__line) {
694
+ -webkit-transform: rotate(-39deg);
695
+ -ms-transform: rotate(-39deg);
696
+ transform: rotate(-39deg); }
697
+
698
+ .mddtp-picker__cell--rotate-44 {
699
+ -webkit-transform: rotate(42deg);
700
+ -ms-transform: rotate(42deg);
701
+ transform: rotate(42deg); }
702
+ .mddtp-picker__cell--rotate-44 span:not(.mddtp-picker__line) {
703
+ -webkit-transform: rotate(-42deg);
704
+ -ms-transform: rotate(-42deg);
705
+ transform: rotate(-42deg); }
706
+
707
+ .mddtp-picker__cell--rotate-45 {
708
+ -webkit-transform: rotate(45deg);
709
+ -ms-transform: rotate(45deg);
710
+ transform: rotate(45deg); }
711
+ .mddtp-picker__cell--rotate-45 span:not(.mddtp-picker__line) {
712
+ -webkit-transform: rotate(-45deg);
713
+ -ms-transform: rotate(-45deg);
714
+ transform: rotate(-45deg); }
715
+
716
+ .mddtp-picker__cell--rotate-46 {
717
+ -webkit-transform: rotate(48deg);
718
+ -ms-transform: rotate(48deg);
719
+ transform: rotate(48deg); }
720
+ .mddtp-picker__cell--rotate-46 span:not(.mddtp-picker__line) {
721
+ -webkit-transform: rotate(-48deg);
722
+ -ms-transform: rotate(-48deg);
723
+ transform: rotate(-48deg); }
724
+
725
+ .mddtp-picker__cell--rotate-47 {
726
+ -webkit-transform: rotate(51deg);
727
+ -ms-transform: rotate(51deg);
728
+ transform: rotate(51deg); }
729
+ .mddtp-picker__cell--rotate-47 span:not(.mddtp-picker__line) {
730
+ -webkit-transform: rotate(-51deg);
731
+ -ms-transform: rotate(-51deg);
732
+ transform: rotate(-51deg); }
733
+
734
+ .mddtp-picker__cell--rotate-48 {
735
+ -webkit-transform: rotate(54deg);
736
+ -ms-transform: rotate(54deg);
737
+ transform: rotate(54deg); }
738
+ .mddtp-picker__cell--rotate-48 span:not(.mddtp-picker__line) {
739
+ -webkit-transform: rotate(-54deg);
740
+ -ms-transform: rotate(-54deg);
741
+ transform: rotate(-54deg); }
742
+
743
+ .mddtp-picker__cell--rotate-49 {
744
+ -webkit-transform: rotate(57deg);
745
+ -ms-transform: rotate(57deg);
746
+ transform: rotate(57deg); }
747
+ .mddtp-picker__cell--rotate-49 span:not(.mddtp-picker__line) {
748
+ -webkit-transform: rotate(-57deg);
749
+ -ms-transform: rotate(-57deg);
750
+ transform: rotate(-57deg); }
751
+
752
+ .mddtp-picker__cell--rotate-50 {
753
+ -webkit-transform: rotate(60deg);
754
+ -ms-transform: rotate(60deg);
755
+ transform: rotate(60deg); }
756
+ .mddtp-picker__cell--rotate-50 span:not(.mddtp-picker__line) {
757
+ -webkit-transform: rotate(-60deg);
758
+ -ms-transform: rotate(-60deg);
759
+ transform: rotate(-60deg); }
760
+
761
+ .mddtp-picker__cell--rotate-51 {
762
+ -webkit-transform: rotate(63deg);
763
+ -ms-transform: rotate(63deg);
764
+ transform: rotate(63deg); }
765
+ .mddtp-picker__cell--rotate-51 span:not(.mddtp-picker__line) {
766
+ -webkit-transform: rotate(-63deg);
767
+ -ms-transform: rotate(-63deg);
768
+ transform: rotate(-63deg); }
769
+
770
+ .mddtp-picker__cell--rotate-52 {
771
+ -webkit-transform: rotate(66deg);
772
+ -ms-transform: rotate(66deg);
773
+ transform: rotate(66deg); }
774
+ .mddtp-picker__cell--rotate-52 span:not(.mddtp-picker__line) {
775
+ -webkit-transform: rotate(-66deg);
776
+ -ms-transform: rotate(-66deg);
777
+ transform: rotate(-66deg); }
778
+
779
+ .mddtp-picker__cell--rotate-53 {
780
+ -webkit-transform: rotate(69deg);
781
+ -ms-transform: rotate(69deg);
782
+ transform: rotate(69deg); }
783
+ .mddtp-picker__cell--rotate-53 span:not(.mddtp-picker__line) {
784
+ -webkit-transform: rotate(-69deg);
785
+ -ms-transform: rotate(-69deg);
786
+ transform: rotate(-69deg); }
787
+
788
+ .mddtp-picker__cell--rotate-54 {
789
+ -webkit-transform: rotate(72deg);
790
+ -ms-transform: rotate(72deg);
791
+ transform: rotate(72deg); }
792
+ .mddtp-picker__cell--rotate-54 span:not(.mddtp-picker__line) {
793
+ -webkit-transform: rotate(-72deg);
794
+ -ms-transform: rotate(-72deg);
795
+ transform: rotate(-72deg); }
796
+
797
+ .mddtp-picker__cell--rotate-55 {
798
+ -webkit-transform: rotate(75deg);
799
+ -ms-transform: rotate(75deg);
800
+ transform: rotate(75deg); }
801
+ .mddtp-picker__cell--rotate-55 span:not(.mddtp-picker__line) {
802
+ -webkit-transform: rotate(-75deg);
803
+ -ms-transform: rotate(-75deg);
804
+ transform: rotate(-75deg); }
805
+
806
+ .mddtp-picker__cell--rotate-56 {
807
+ -webkit-transform: rotate(78deg);
808
+ -ms-transform: rotate(78deg);
809
+ transform: rotate(78deg); }
810
+ .mddtp-picker__cell--rotate-56 span:not(.mddtp-picker__line) {
811
+ -webkit-transform: rotate(-78deg);
812
+ -ms-transform: rotate(-78deg);
813
+ transform: rotate(-78deg); }
814
+
815
+ .mddtp-picker__cell--rotate-57 {
816
+ -webkit-transform: rotate(81deg);
817
+ -ms-transform: rotate(81deg);
818
+ transform: rotate(81deg); }
819
+ .mddtp-picker__cell--rotate-57 span:not(.mddtp-picker__line) {
820
+ -webkit-transform: rotate(-81deg);
821
+ -ms-transform: rotate(-81deg);
822
+ transform: rotate(-81deg); }
823
+
824
+ .mddtp-picker__cell--rotate-58 {
825
+ -webkit-transform: rotate(84deg);
826
+ -ms-transform: rotate(84deg);
827
+ transform: rotate(84deg); }
828
+ .mddtp-picker__cell--rotate-58 span:not(.mddtp-picker__line) {
829
+ -webkit-transform: rotate(-84deg);
830
+ -ms-transform: rotate(-84deg);
831
+ transform: rotate(-84deg); }
832
+
833
+ .mddtp-picker__cell--rotate-59 {
834
+ -webkit-transform: rotate(87deg);
835
+ -ms-transform: rotate(87deg);
836
+ transform: rotate(87deg); }
837
+ .mddtp-picker__cell--rotate-59 span:not(.mddtp-picker__line) {
838
+ -webkit-transform: rotate(-87deg);
839
+ -ms-transform: rotate(-87deg);
840
+ transform: rotate(-87deg); }
841
+
842
+ .mddtp-picker__cell--rotate-60 {
843
+ -webkit-transform: rotate(90deg);
844
+ -ms-transform: rotate(90deg);
845
+ transform: rotate(90deg); }
846
+ .mddtp-picker__cell--rotate-60 span:not(.mddtp-picker__line) {
847
+ -webkit-transform: rotate(-90deg);
848
+ -ms-transform: rotate(-90deg);
849
+ transform: rotate(-90deg); }
850
+
851
+ .mddtp-picker__cell--rotate-61 {
852
+ -webkit-transform: rotate(93deg);
853
+ -ms-transform: rotate(93deg);
854
+ transform: rotate(93deg); }
855
+ .mddtp-picker__cell--rotate-61 span:not(.mddtp-picker__line) {
856
+ -webkit-transform: rotate(-93deg);
857
+ -ms-transform: rotate(-93deg);
858
+ transform: rotate(-93deg); }
859
+
860
+ .mddtp-picker__cell--rotate-62 {
861
+ -webkit-transform: rotate(96deg);
862
+ -ms-transform: rotate(96deg);
863
+ transform: rotate(96deg); }
864
+ .mddtp-picker__cell--rotate-62 span:not(.mddtp-picker__line) {
865
+ -webkit-transform: rotate(-96deg);
866
+ -ms-transform: rotate(-96deg);
867
+ transform: rotate(-96deg); }
868
+
869
+ .mddtp-picker__cell--rotate-63 {
870
+ -webkit-transform: rotate(99deg);
871
+ -ms-transform: rotate(99deg);
872
+ transform: rotate(99deg); }
873
+ .mddtp-picker__cell--rotate-63 span:not(.mddtp-picker__line) {
874
+ -webkit-transform: rotate(-99deg);
875
+ -ms-transform: rotate(-99deg);
876
+ transform: rotate(-99deg); }
877
+
878
+ .mddtp-picker__cell--rotate-64 {
879
+ -webkit-transform: rotate(102deg);
880
+ -ms-transform: rotate(102deg);
881
+ transform: rotate(102deg); }
882
+ .mddtp-picker__cell--rotate-64 span:not(.mddtp-picker__line) {
883
+ -webkit-transform: rotate(-102deg);
884
+ -ms-transform: rotate(-102deg);
885
+ transform: rotate(-102deg); }
886
+
887
+ .mddtp-picker__cell--rotate-65 {
888
+ -webkit-transform: rotate(105deg);
889
+ -ms-transform: rotate(105deg);
890
+ transform: rotate(105deg); }
891
+ .mddtp-picker__cell--rotate-65 span:not(.mddtp-picker__line) {
892
+ -webkit-transform: rotate(-105deg);
893
+ -ms-transform: rotate(-105deg);
894
+ transform: rotate(-105deg); }
895
+
896
+ .mddtp-picker__cell--rotate-66 {
897
+ -webkit-transform: rotate(108deg);
898
+ -ms-transform: rotate(108deg);
899
+ transform: rotate(108deg); }
900
+ .mddtp-picker__cell--rotate-66 span:not(.mddtp-picker__line) {
901
+ -webkit-transform: rotate(-108deg);
902
+ -ms-transform: rotate(-108deg);
903
+ transform: rotate(-108deg); }
904
+
905
+ .mddtp-picker__cell--rotate-67 {
906
+ -webkit-transform: rotate(111deg);
907
+ -ms-transform: rotate(111deg);
908
+ transform: rotate(111deg); }
909
+ .mddtp-picker__cell--rotate-67 span:not(.mddtp-picker__line) {
910
+ -webkit-transform: rotate(-111deg);
911
+ -ms-transform: rotate(-111deg);
912
+ transform: rotate(-111deg); }
913
+
914
+ .mddtp-picker__cell--rotate-68 {
915
+ -webkit-transform: rotate(114deg);
916
+ -ms-transform: rotate(114deg);
917
+ transform: rotate(114deg); }
918
+ .mddtp-picker__cell--rotate-68 span:not(.mddtp-picker__line) {
919
+ -webkit-transform: rotate(-114deg);
920
+ -ms-transform: rotate(-114deg);
921
+ transform: rotate(-114deg); }
922
+
923
+ .mddtp-picker__cell--rotate-69 {
924
+ -webkit-transform: rotate(117deg);
925
+ -ms-transform: rotate(117deg);
926
+ transform: rotate(117deg); }
927
+ .mddtp-picker__cell--rotate-69 span:not(.mddtp-picker__line) {
928
+ -webkit-transform: rotate(-117deg);
929
+ -ms-transform: rotate(-117deg);
930
+ transform: rotate(-117deg); }
931
+
932
+ .mddtp-picker__cell--rotate-70 {
933
+ -webkit-transform: rotate(120deg);
934
+ -ms-transform: rotate(120deg);
935
+ transform: rotate(120deg); }
936
+ .mddtp-picker__cell--rotate-70 span:not(.mddtp-picker__line) {
937
+ -webkit-transform: rotate(-120deg);
938
+ -ms-transform: rotate(-120deg);
939
+ transform: rotate(-120deg); }
940
+
941
+ .mddtp-picker__cell--rotate-71 {
942
+ -webkit-transform: rotate(123deg);
943
+ -ms-transform: rotate(123deg);
944
+ transform: rotate(123deg); }
945
+ .mddtp-picker__cell--rotate-71 span:not(.mddtp-picker__line) {
946
+ -webkit-transform: rotate(-123deg);
947
+ -ms-transform: rotate(-123deg);
948
+ transform: rotate(-123deg); }
949
+
950
+ .mddtp-picker__cell--rotate-72 {
951
+ -webkit-transform: rotate(126deg);
952
+ -ms-transform: rotate(126deg);
953
+ transform: rotate(126deg); }
954
+ .mddtp-picker__cell--rotate-72 span:not(.mddtp-picker__line) {
955
+ -webkit-transform: rotate(-126deg);
956
+ -ms-transform: rotate(-126deg);
957
+ transform: rotate(-126deg); }
958
+
959
+ .mddtp-picker__cell--rotate-73 {
960
+ -webkit-transform: rotate(129deg);
961
+ -ms-transform: rotate(129deg);
962
+ transform: rotate(129deg); }
963
+ .mddtp-picker__cell--rotate-73 span:not(.mddtp-picker__line) {
964
+ -webkit-transform: rotate(-129deg);
965
+ -ms-transform: rotate(-129deg);
966
+ transform: rotate(-129deg); }
967
+
968
+ .mddtp-picker__cell--rotate-74 {
969
+ -webkit-transform: rotate(132deg);
970
+ -ms-transform: rotate(132deg);
971
+ transform: rotate(132deg); }
972
+ .mddtp-picker__cell--rotate-74 span:not(.mddtp-picker__line) {
973
+ -webkit-transform: rotate(-132deg);
974
+ -ms-transform: rotate(-132deg);
975
+ transform: rotate(-132deg); }
976
+
977
+ .mddtp-picker__cell--rotate-75 {
978
+ -webkit-transform: rotate(135deg);
979
+ -ms-transform: rotate(135deg);
980
+ transform: rotate(135deg); }
981
+ .mddtp-picker__cell--rotate-75 span:not(.mddtp-picker__line) {
982
+ -webkit-transform: rotate(-135deg);
983
+ -ms-transform: rotate(-135deg);
984
+ transform: rotate(-135deg); }
985
+
986
+ .mddtp-picker__cell--rotate-76 {
987
+ -webkit-transform: rotate(138deg);
988
+ -ms-transform: rotate(138deg);
989
+ transform: rotate(138deg); }
990
+ .mddtp-picker__cell--rotate-76 span:not(.mddtp-picker__line) {
991
+ -webkit-transform: rotate(-138deg);
992
+ -ms-transform: rotate(-138deg);
993
+ transform: rotate(-138deg); }
994
+
995
+ .mddtp-picker__cell--rotate-77 {
996
+ -webkit-transform: rotate(141deg);
997
+ -ms-transform: rotate(141deg);
998
+ transform: rotate(141deg); }
999
+ .mddtp-picker__cell--rotate-77 span:not(.mddtp-picker__line) {
1000
+ -webkit-transform: rotate(-141deg);
1001
+ -ms-transform: rotate(-141deg);
1002
+ transform: rotate(-141deg); }
1003
+
1004
+ .mddtp-picker__cell--rotate-78 {
1005
+ -webkit-transform: rotate(144deg);
1006
+ -ms-transform: rotate(144deg);
1007
+ transform: rotate(144deg); }
1008
+ .mddtp-picker__cell--rotate-78 span:not(.mddtp-picker__line) {
1009
+ -webkit-transform: rotate(-144deg);
1010
+ -ms-transform: rotate(-144deg);
1011
+ transform: rotate(-144deg); }
1012
+
1013
+ .mddtp-picker__cell--rotate-79 {
1014
+ -webkit-transform: rotate(147deg);
1015
+ -ms-transform: rotate(147deg);
1016
+ transform: rotate(147deg); }
1017
+ .mddtp-picker__cell--rotate-79 span:not(.mddtp-picker__line) {
1018
+ -webkit-transform: rotate(-147deg);
1019
+ -ms-transform: rotate(-147deg);
1020
+ transform: rotate(-147deg); }
1021
+
1022
+ .mddtp-picker__cell--rotate-80 {
1023
+ -webkit-transform: rotate(150deg);
1024
+ -ms-transform: rotate(150deg);
1025
+ transform: rotate(150deg); }
1026
+ .mddtp-picker__cell--rotate-80 span:not(.mddtp-picker__line) {
1027
+ -webkit-transform: rotate(-150deg);
1028
+ -ms-transform: rotate(-150deg);
1029
+ transform: rotate(-150deg); }
1030
+
1031
+ .mddtp-picker__cell--rotate-81 {
1032
+ -webkit-transform: rotate(153deg);
1033
+ -ms-transform: rotate(153deg);
1034
+ transform: rotate(153deg); }
1035
+ .mddtp-picker__cell--rotate-81 span:not(.mddtp-picker__line) {
1036
+ -webkit-transform: rotate(-153deg);
1037
+ -ms-transform: rotate(-153deg);
1038
+ transform: rotate(-153deg); }
1039
+
1040
+ .mddtp-picker__cell--rotate-82 {
1041
+ -webkit-transform: rotate(156deg);
1042
+ -ms-transform: rotate(156deg);
1043
+ transform: rotate(156deg); }
1044
+ .mddtp-picker__cell--rotate-82 span:not(.mddtp-picker__line) {
1045
+ -webkit-transform: rotate(-156deg);
1046
+ -ms-transform: rotate(-156deg);
1047
+ transform: rotate(-156deg); }
1048
+
1049
+ .mddtp-picker__cell--rotate-83 {
1050
+ -webkit-transform: rotate(159deg);
1051
+ -ms-transform: rotate(159deg);
1052
+ transform: rotate(159deg); }
1053
+ .mddtp-picker__cell--rotate-83 span:not(.mddtp-picker__line) {
1054
+ -webkit-transform: rotate(-159deg);
1055
+ -ms-transform: rotate(-159deg);
1056
+ transform: rotate(-159deg); }
1057
+
1058
+ .mddtp-picker__cell--rotate-84 {
1059
+ -webkit-transform: rotate(162deg);
1060
+ -ms-transform: rotate(162deg);
1061
+ transform: rotate(162deg); }
1062
+ .mddtp-picker__cell--rotate-84 span:not(.mddtp-picker__line) {
1063
+ -webkit-transform: rotate(-162deg);
1064
+ -ms-transform: rotate(-162deg);
1065
+ transform: rotate(-162deg); }
1066
+
1067
+ .mddtp-picker__cell--rotate-85 {
1068
+ -webkit-transform: rotate(165deg);
1069
+ -ms-transform: rotate(165deg);
1070
+ transform: rotate(165deg); }
1071
+ .mddtp-picker__cell--rotate-85 span:not(.mddtp-picker__line) {
1072
+ -webkit-transform: rotate(-165deg);
1073
+ -ms-transform: rotate(-165deg);
1074
+ transform: rotate(-165deg); }
1075
+
1076
+ .mddtp-picker__cell--rotate-86 {
1077
+ -webkit-transform: rotate(168deg);
1078
+ -ms-transform: rotate(168deg);
1079
+ transform: rotate(168deg); }
1080
+ .mddtp-picker__cell--rotate-86 span:not(.mddtp-picker__line) {
1081
+ -webkit-transform: rotate(-168deg);
1082
+ -ms-transform: rotate(-168deg);
1083
+ transform: rotate(-168deg); }
1084
+
1085
+ .mddtp-picker__cell--rotate-87 {
1086
+ -webkit-transform: rotate(171deg);
1087
+ -ms-transform: rotate(171deg);
1088
+ transform: rotate(171deg); }
1089
+ .mddtp-picker__cell--rotate-87 span:not(.mddtp-picker__line) {
1090
+ -webkit-transform: rotate(-171deg);
1091
+ -ms-transform: rotate(-171deg);
1092
+ transform: rotate(-171deg); }
1093
+
1094
+ .mddtp-picker__cell--rotate-88 {
1095
+ -webkit-transform: rotate(174deg);
1096
+ -ms-transform: rotate(174deg);
1097
+ transform: rotate(174deg); }
1098
+ .mddtp-picker__cell--rotate-88 span:not(.mddtp-picker__line) {
1099
+ -webkit-transform: rotate(-174deg);
1100
+ -ms-transform: rotate(-174deg);
1101
+ transform: rotate(-174deg); }
1102
+
1103
+ .mddtp-picker__cell--rotate-89 {
1104
+ -webkit-transform: rotate(177deg);
1105
+ -ms-transform: rotate(177deg);
1106
+ transform: rotate(177deg); }
1107
+ .mddtp-picker__cell--rotate-89 span:not(.mddtp-picker__line) {
1108
+ -webkit-transform: rotate(-177deg);
1109
+ -ms-transform: rotate(-177deg);
1110
+ transform: rotate(-177deg); }
1111
+
1112
+ .mddtp-picker__cell--rotate-90 {
1113
+ -webkit-transform: rotate(180deg);
1114
+ -ms-transform: rotate(180deg);
1115
+ transform: rotate(180deg); }
1116
+ .mddtp-picker__cell--rotate-90 span:not(.mddtp-picker__line) {
1117
+ -webkit-transform: rotate(-180deg);
1118
+ -ms-transform: rotate(-180deg);
1119
+ transform: rotate(-180deg); }
1120
+
1121
+ .mddtp-picker__cell--rotate-91 {
1122
+ -webkit-transform: rotate(183deg);
1123
+ -ms-transform: rotate(183deg);
1124
+ transform: rotate(183deg); }
1125
+ .mddtp-picker__cell--rotate-91 span:not(.mddtp-picker__line) {
1126
+ -webkit-transform: rotate(-183deg);
1127
+ -ms-transform: rotate(-183deg);
1128
+ transform: rotate(-183deg); }
1129
+
1130
+ .mddtp-picker__cell--rotate-92 {
1131
+ -webkit-transform: rotate(186deg);
1132
+ -ms-transform: rotate(186deg);
1133
+ transform: rotate(186deg); }
1134
+ .mddtp-picker__cell--rotate-92 span:not(.mddtp-picker__line) {
1135
+ -webkit-transform: rotate(-186deg);
1136
+ -ms-transform: rotate(-186deg);
1137
+ transform: rotate(-186deg); }
1138
+
1139
+ .mddtp-picker__cell--rotate-93 {
1140
+ -webkit-transform: rotate(189deg);
1141
+ -ms-transform: rotate(189deg);
1142
+ transform: rotate(189deg); }
1143
+ .mddtp-picker__cell--rotate-93 span:not(.mddtp-picker__line) {
1144
+ -webkit-transform: rotate(-189deg);
1145
+ -ms-transform: rotate(-189deg);
1146
+ transform: rotate(-189deg); }
1147
+
1148
+ .mddtp-picker__cell--rotate-94 {
1149
+ -webkit-transform: rotate(192deg);
1150
+ -ms-transform: rotate(192deg);
1151
+ transform: rotate(192deg); }
1152
+ .mddtp-picker__cell--rotate-94 span:not(.mddtp-picker__line) {
1153
+ -webkit-transform: rotate(-192deg);
1154
+ -ms-transform: rotate(-192deg);
1155
+ transform: rotate(-192deg); }
1156
+
1157
+ .mddtp-picker__cell--rotate-95 {
1158
+ -webkit-transform: rotate(195deg);
1159
+ -ms-transform: rotate(195deg);
1160
+ transform: rotate(195deg); }
1161
+ .mddtp-picker__cell--rotate-95 span:not(.mddtp-picker__line) {
1162
+ -webkit-transform: rotate(-195deg);
1163
+ -ms-transform: rotate(-195deg);
1164
+ transform: rotate(-195deg); }
1165
+
1166
+ .mddtp-picker__cell--rotate-96 {
1167
+ -webkit-transform: rotate(198deg);
1168
+ -ms-transform: rotate(198deg);
1169
+ transform: rotate(198deg); }
1170
+ .mddtp-picker__cell--rotate-96 span:not(.mddtp-picker__line) {
1171
+ -webkit-transform: rotate(-198deg);
1172
+ -ms-transform: rotate(-198deg);
1173
+ transform: rotate(-198deg); }
1174
+
1175
+ .mddtp-picker__cell--rotate-97 {
1176
+ -webkit-transform: rotate(201deg);
1177
+ -ms-transform: rotate(201deg);
1178
+ transform: rotate(201deg); }
1179
+ .mddtp-picker__cell--rotate-97 span:not(.mddtp-picker__line) {
1180
+ -webkit-transform: rotate(-201deg);
1181
+ -ms-transform: rotate(-201deg);
1182
+ transform: rotate(-201deg); }
1183
+
1184
+ .mddtp-picker__cell--rotate-98 {
1185
+ -webkit-transform: rotate(204deg);
1186
+ -ms-transform: rotate(204deg);
1187
+ transform: rotate(204deg); }
1188
+ .mddtp-picker__cell--rotate-98 span:not(.mddtp-picker__line) {
1189
+ -webkit-transform: rotate(-204deg);
1190
+ -ms-transform: rotate(-204deg);
1191
+ transform: rotate(-204deg); }
1192
+
1193
+ .mddtp-picker__cell--rotate-99 {
1194
+ -webkit-transform: rotate(207deg);
1195
+ -ms-transform: rotate(207deg);
1196
+ transform: rotate(207deg); }
1197
+ .mddtp-picker__cell--rotate-99 span:not(.mddtp-picker__line) {
1198
+ -webkit-transform: rotate(-207deg);
1199
+ -ms-transform: rotate(-207deg);
1200
+ transform: rotate(-207deg); }
1201
+
1202
+ .mddtp-picker__cell--rotate-100 {
1203
+ -webkit-transform: rotate(210deg);
1204
+ -ms-transform: rotate(210deg);
1205
+ transform: rotate(210deg); }
1206
+ .mddtp-picker__cell--rotate-100 span:not(.mddtp-picker__line) {
1207
+ -webkit-transform: rotate(-210deg);
1208
+ -ms-transform: rotate(-210deg);
1209
+ transform: rotate(-210deg); }
1210
+
1211
+ .mddtp-picker__cell--rotate-101 {
1212
+ -webkit-transform: rotate(213deg);
1213
+ -ms-transform: rotate(213deg);
1214
+ transform: rotate(213deg); }
1215
+ .mddtp-picker__cell--rotate-101 span:not(.mddtp-picker__line) {
1216
+ -webkit-transform: rotate(-213deg);
1217
+ -ms-transform: rotate(-213deg);
1218
+ transform: rotate(-213deg); }
1219
+
1220
+ .mddtp-picker__cell--rotate-102 {
1221
+ -webkit-transform: rotate(216deg);
1222
+ -ms-transform: rotate(216deg);
1223
+ transform: rotate(216deg); }
1224
+ .mddtp-picker__cell--rotate-102 span:not(.mddtp-picker__line) {
1225
+ -webkit-transform: rotate(-216deg);
1226
+ -ms-transform: rotate(-216deg);
1227
+ transform: rotate(-216deg); }
1228
+
1229
+ .mddtp-picker__cell--rotate-103 {
1230
+ -webkit-transform: rotate(219deg);
1231
+ -ms-transform: rotate(219deg);
1232
+ transform: rotate(219deg); }
1233
+ .mddtp-picker__cell--rotate-103 span:not(.mddtp-picker__line) {
1234
+ -webkit-transform: rotate(-219deg);
1235
+ -ms-transform: rotate(-219deg);
1236
+ transform: rotate(-219deg); }
1237
+
1238
+ .mddtp-picker__cell--rotate-104 {
1239
+ -webkit-transform: rotate(222deg);
1240
+ -ms-transform: rotate(222deg);
1241
+ transform: rotate(222deg); }
1242
+ .mddtp-picker__cell--rotate-104 span:not(.mddtp-picker__line) {
1243
+ -webkit-transform: rotate(-222deg);
1244
+ -ms-transform: rotate(-222deg);
1245
+ transform: rotate(-222deg); }
1246
+
1247
+ .mddtp-picker__cell--rotate-105 {
1248
+ -webkit-transform: rotate(225deg);
1249
+ -ms-transform: rotate(225deg);
1250
+ transform: rotate(225deg); }
1251
+ .mddtp-picker__cell--rotate-105 span:not(.mddtp-picker__line) {
1252
+ -webkit-transform: rotate(-225deg);
1253
+ -ms-transform: rotate(-225deg);
1254
+ transform: rotate(-225deg); }
1255
+
1256
+ .mddtp-picker__cell--rotate-106 {
1257
+ -webkit-transform: rotate(228deg);
1258
+ -ms-transform: rotate(228deg);
1259
+ transform: rotate(228deg); }
1260
+ .mddtp-picker__cell--rotate-106 span:not(.mddtp-picker__line) {
1261
+ -webkit-transform: rotate(-228deg);
1262
+ -ms-transform: rotate(-228deg);
1263
+ transform: rotate(-228deg); }
1264
+
1265
+ .mddtp-picker__cell--rotate-107 {
1266
+ -webkit-transform: rotate(231deg);
1267
+ -ms-transform: rotate(231deg);
1268
+ transform: rotate(231deg); }
1269
+ .mddtp-picker__cell--rotate-107 span:not(.mddtp-picker__line) {
1270
+ -webkit-transform: rotate(-231deg);
1271
+ -ms-transform: rotate(-231deg);
1272
+ transform: rotate(-231deg); }
1273
+
1274
+ .mddtp-picker__cell--rotate-108 {
1275
+ -webkit-transform: rotate(234deg);
1276
+ -ms-transform: rotate(234deg);
1277
+ transform: rotate(234deg); }
1278
+ .mddtp-picker__cell--rotate-108 span:not(.mddtp-picker__line) {
1279
+ -webkit-transform: rotate(-234deg);
1280
+ -ms-transform: rotate(-234deg);
1281
+ transform: rotate(-234deg); }
1282
+
1283
+ .mddtp-picker__cell--rotate-109 {
1284
+ -webkit-transform: rotate(237deg);
1285
+ -ms-transform: rotate(237deg);
1286
+ transform: rotate(237deg); }
1287
+ .mddtp-picker__cell--rotate-109 span:not(.mddtp-picker__line) {
1288
+ -webkit-transform: rotate(-237deg);
1289
+ -ms-transform: rotate(-237deg);
1290
+ transform: rotate(-237deg); }
1291
+
1292
+ .mddtp-picker__cell--rotate-110 {
1293
+ -webkit-transform: rotate(240deg);
1294
+ -ms-transform: rotate(240deg);
1295
+ transform: rotate(240deg); }
1296
+ .mddtp-picker__cell--rotate-110 span:not(.mddtp-picker__line) {
1297
+ -webkit-transform: rotate(-240deg);
1298
+ -ms-transform: rotate(-240deg);
1299
+ transform: rotate(-240deg); }
1300
+
1301
+ .mddtp-picker__cell--rotate-111 {
1302
+ -webkit-transform: rotate(243deg);
1303
+ -ms-transform: rotate(243deg);
1304
+ transform: rotate(243deg); }
1305
+ .mddtp-picker__cell--rotate-111 span:not(.mddtp-picker__line) {
1306
+ -webkit-transform: rotate(-243deg);
1307
+ -ms-transform: rotate(-243deg);
1308
+ transform: rotate(-243deg); }
1309
+
1310
+ .mddtp-picker__cell--rotate-112 {
1311
+ -webkit-transform: rotate(246deg);
1312
+ -ms-transform: rotate(246deg);
1313
+ transform: rotate(246deg); }
1314
+ .mddtp-picker__cell--rotate-112 span:not(.mddtp-picker__line) {
1315
+ -webkit-transform: rotate(-246deg);
1316
+ -ms-transform: rotate(-246deg);
1317
+ transform: rotate(-246deg); }
1318
+
1319
+ .mddtp-picker__cell--rotate-113 {
1320
+ -webkit-transform: rotate(249deg);
1321
+ -ms-transform: rotate(249deg);
1322
+ transform: rotate(249deg); }
1323
+ .mddtp-picker__cell--rotate-113 span:not(.mddtp-picker__line) {
1324
+ -webkit-transform: rotate(-249deg);
1325
+ -ms-transform: rotate(-249deg);
1326
+ transform: rotate(-249deg); }
1327
+
1328
+ .mddtp-picker__cell--rotate-114 {
1329
+ -webkit-transform: rotate(252deg);
1330
+ -ms-transform: rotate(252deg);
1331
+ transform: rotate(252deg); }
1332
+ .mddtp-picker__cell--rotate-114 span:not(.mddtp-picker__line) {
1333
+ -webkit-transform: rotate(-252deg);
1334
+ -ms-transform: rotate(-252deg);
1335
+ transform: rotate(-252deg); }
1336
+
1337
+ .mddtp-picker__cell--rotate-115 {
1338
+ -webkit-transform: rotate(255deg);
1339
+ -ms-transform: rotate(255deg);
1340
+ transform: rotate(255deg); }
1341
+ .mddtp-picker__cell--rotate-115 span:not(.mddtp-picker__line) {
1342
+ -webkit-transform: rotate(-255deg);
1343
+ -ms-transform: rotate(-255deg);
1344
+ transform: rotate(-255deg); }
1345
+
1346
+ .mddtp-picker__cell--rotate-116 {
1347
+ -webkit-transform: rotate(258deg);
1348
+ -ms-transform: rotate(258deg);
1349
+ transform: rotate(258deg); }
1350
+ .mddtp-picker__cell--rotate-116 span:not(.mddtp-picker__line) {
1351
+ -webkit-transform: rotate(-258deg);
1352
+ -ms-transform: rotate(-258deg);
1353
+ transform: rotate(-258deg); }
1354
+
1355
+ .mddtp-picker__cell--rotate-117 {
1356
+ -webkit-transform: rotate(261deg);
1357
+ -ms-transform: rotate(261deg);
1358
+ transform: rotate(261deg); }
1359
+ .mddtp-picker__cell--rotate-117 span:not(.mddtp-picker__line) {
1360
+ -webkit-transform: rotate(-261deg);
1361
+ -ms-transform: rotate(-261deg);
1362
+ transform: rotate(-261deg); }
1363
+
1364
+ .mddtp-picker__cell--rotate-118 {
1365
+ -webkit-transform: rotate(264deg);
1366
+ -ms-transform: rotate(264deg);
1367
+ transform: rotate(264deg); }
1368
+ .mddtp-picker__cell--rotate-118 span:not(.mddtp-picker__line) {
1369
+ -webkit-transform: rotate(-264deg);
1370
+ -ms-transform: rotate(-264deg);
1371
+ transform: rotate(-264deg); }
1372
+
1373
+ .mddtp-picker__cell--rotate-119 {
1374
+ -webkit-transform: rotate(267deg);
1375
+ -ms-transform: rotate(267deg);
1376
+ transform: rotate(267deg); }
1377
+ .mddtp-picker__cell--rotate-119 span:not(.mddtp-picker__line) {
1378
+ -webkit-transform: rotate(-267deg);
1379
+ -ms-transform: rotate(-267deg);
1380
+ transform: rotate(-267deg); }
1381
+
1382
+ .mddtp-picker__cell--rotate-120 {
1383
+ -webkit-transform: rotate(270deg);
1384
+ -ms-transform: rotate(270deg);
1385
+ transform: rotate(270deg); }
1386
+ .mddtp-picker__cell--rotate-120 span:not(.mddtp-picker__line) {
1387
+ -webkit-transform: rotate(-270deg);
1388
+ -ms-transform: rotate(-270deg);
1389
+ transform: rotate(-270deg); }
1390
+
1391
+ .mddtp-picker.zoomIn,
1392
+ .mddtp-picker__viewHolder.zoomIn,
1393
+ .mddtp-picker__years.zoomIn {
1394
+ -webkit-animation-name: zoomIn;
1395
+ animation-name: zoomIn; }
1396
+
1397
+ .mddtp-picker.zoomOut,
1398
+ .mddtp-picker__viewHolder.zoomOut,
1399
+ .mddtp-picker__years.zoomOut {
1400
+ -webkit-animation-name: zoomOut;
1401
+ animation-name: zoomOut; }
1402
+
1403
+ .mddtp-picker.animated,
1404
+ .mddtp-picker__viewHolder.animated,
1405
+ .mddtp-picker__years.animated {
1406
+ -webkit-animation-duration: .3s;
1407
+ animation-duration: .3s;
1408
+ -webkit-animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
1409
+ animation-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
1410
+ -webkit-animation-fill-mode: both;
1411
+ animation-fill-mode: both; }
1412
+
1413
+ @media screen and (max-device-width: 425px) and (orientation: portrait) {
1414
+ .mddtp-picker {
1415
+ display: block; }
1416
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
1417
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
1418
+ margin: 0; }
1419
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title span {
1420
+ display: inline-block; }
1421
+ .mddtp-picker .mddtp-picker__header,
1422
+ .mddtp-picker .mddtp-picker__body {
1423
+ display: block;
1424
+ height: 100%;
1425
+ width: 100%; }
1426
+ .mddtp-picker.mddtp-picker-date .mddtp-picker__title div {
1427
+ display: inline-block; }
1428
+ .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
1429
+ margin-left: 8px; }
1430
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header {
1431
+ text-align: right;
1432
+ width: calc(100% - 48px); }
1433
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
1434
+ display: inline-block; }
1435
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
1436
+ display: inline-block;
1437
+ margin-left: 16px; }
1438
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__body {
1439
+ padding-top: 20px; }
1440
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder {
1441
+ margin-top: 0; } }
1442
+
1443
+ @media screen and (max-width: 415px) {
1444
+ .mddtp-picker {
1445
+ display: block; }
1446
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title,
1447
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__subtitle {
1448
+ margin: 0; }
1449
+ .mddtp-picker .mddtp-picker__header .mddtp-picker__title span {
1450
+ display: inline-block; }
1451
+ .mddtp-picker .mddtp-picker__header,
1452
+ .mddtp-picker .mddtp-picker__body {
1453
+ display: block;
1454
+ height: 100%;
1455
+ width: 100%; }
1456
+ .mddtp-picker.mddtp-picker-date .mddtp-picker__title div {
1457
+ display: inline-block; }
1458
+ .mddtp-picker.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
1459
+ margin-left: 8px; }
1460
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header {
1461
+ text-align: right;
1462
+ width: calc(100% - 48px); }
1463
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
1464
+ display: inline-block; }
1465
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
1466
+ display: inline-block;
1467
+ margin-left: 16px; }
1468
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__body {
1469
+ padding-top: 20px; }
1470
+ .mddtp-picker.mddtp-picker-time .mddtp-picker__circularHolder {
1471
+ margin-top: 0; } }
1472
+
1473
+ .mddtp-picker--portrait {
1474
+ display: block; }
1475
+ .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title,
1476
+ .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__subtitle {
1477
+ margin: 0; }
1478
+ .mddtp-picker--portrait .mddtp-picker__header .mddtp-picker__title span {
1479
+ display: inline-block; }
1480
+ .mddtp-picker--portrait .mddtp-picker__header,
1481
+ .mddtp-picker--portrait .mddtp-picker__body {
1482
+ display: block;
1483
+ height: 100%;
1484
+ width: 100%; }
1485
+ .mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div {
1486
+ display: inline-block; }
1487
+ .mddtp-picker--portrait.mddtp-picker-date .mddtp-picker__title div#mddtp-date__titleMonth {
1488
+ margin-left: 8px; }
1489
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header {
1490
+ text-align: right;
1491
+ width: calc(100% - 48px); }
1492
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__title {
1493
+ display: inline-block; }
1494
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__header .mddtp-picker__subtitle {
1495
+ display: inline-block;
1496
+ margin-left: 16px; }
1497
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__body {
1498
+ padding-top: 20px; }
1499
+ .mddtp-picker--portrait.mddtp-picker-time .mddtp-picker__circularHolder {
1500
+ margin-top: 0; }
1501
+
1502
+ .mddtp-picker--inactive {
1503
+ display: none; }
1504
+
1505
+ @-webkit-keyframes zoomIn {
1506
+ from {
1507
+ opacity: 0;
1508
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
1509
+ transform: scale3d(0.3, 0.3, 0.3); }
1510
+ 50% {
1511
+ opacity: 1; } }
1512
+
1513
+ @keyframes zoomIn {
1514
+ from {
1515
+ opacity: 0;
1516
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
1517
+ transform: scale3d(0.3, 0.3, 0.3); }
1518
+ 50% {
1519
+ opacity: 1; } }
1520
+
1521
+ @-webkit-keyframes zoomOut {
1522
+ from {
1523
+ opacity: 1; }
1524
+ 50% {
1525
+ opacity: 0;
1526
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
1527
+ transform: scale3d(0.3, 0.3, 0.3); }
1528
+ to {
1529
+ opacity: 0; } }
1530
+
1531
+ @keyframes zoomOut {
1532
+ from {
1533
+ opacity: 1; }
1534
+ 50% {
1535
+ opacity: 0;
1536
+ -webkit-transform: scale3d(0.3, 0.3, 0.3);
1537
+ transform: scale3d(0.3, 0.3, 0.3); }
1538
+ to {
1539
+ opacity: 0; } }