mdkcontroller 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (126) hide show
  1. package/Cores/file/dk.css +99 -0
  2. package/Cores/file/dk.js +154 -0
  3. package/Cores/file/dk_table.css +63 -0
  4. package/Cores/file/dk_table.js +252 -0
  5. package/Cores/file/error.png +0 -0
  6. package/Cores/file/information.png +0 -0
  7. package/Cores/file/jquery-3.2.1.min.js +4 -0
  8. package/Cores/file/success.png +0 -0
  9. package/Cores/file/warning.png +0 -0
  10. package/Cores/login/css/main.css +462 -0
  11. package/Cores/login/css/util.css +2993 -0
  12. package/Cores/login/fonts/font-awesome-4.7.0/HELP-US-OUT.txt +7 -0
  13. package/Cores/login/fonts/font-awesome-4.7.0/css/font-awesome.css +2337 -0
  14. package/Cores/login/fonts/font-awesome-4.7.0/css/font-awesome.min.css +4 -0
  15. package/Cores/login/fonts/font-awesome-4.7.0/fonts/FontAwesome.otf +0 -0
  16. package/Cores/login/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.eot +0 -0
  17. package/Cores/login/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.svg +2671 -0
  18. package/Cores/login/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf +0 -0
  19. package/Cores/login/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff +0 -0
  20. package/Cores/login/fonts/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2 +0 -0
  21. package/Cores/login/fonts/font-awesome-4.7.0/less/animated.less +34 -0
  22. package/Cores/login/fonts/font-awesome-4.7.0/less/bordered-pulled.less +25 -0
  23. package/Cores/login/fonts/font-awesome-4.7.0/less/core.less +12 -0
  24. package/Cores/login/fonts/font-awesome-4.7.0/less/fixed-width.less +6 -0
  25. package/Cores/login/fonts/font-awesome-4.7.0/less/font-awesome.less +18 -0
  26. package/Cores/login/fonts/font-awesome-4.7.0/less/icons.less +789 -0
  27. package/Cores/login/fonts/font-awesome-4.7.0/less/larger.less +13 -0
  28. package/Cores/login/fonts/font-awesome-4.7.0/less/list.less +19 -0
  29. package/Cores/login/fonts/font-awesome-4.7.0/less/mixins.less +60 -0
  30. package/Cores/login/fonts/font-awesome-4.7.0/less/path.less +15 -0
  31. package/Cores/login/fonts/font-awesome-4.7.0/less/rotated-flipped.less +20 -0
  32. package/Cores/login/fonts/font-awesome-4.7.0/less/screen-reader.less +5 -0
  33. package/Cores/login/fonts/font-awesome-4.7.0/less/stacked.less +20 -0
  34. package/Cores/login/fonts/font-awesome-4.7.0/less/variables.less +800 -0
  35. package/Cores/login/fonts/font-awesome-4.7.0/scss/_animated.scss +34 -0
  36. package/Cores/login/fonts/font-awesome-4.7.0/scss/_bordered-pulled.scss +25 -0
  37. package/Cores/login/fonts/font-awesome-4.7.0/scss/_core.scss +12 -0
  38. package/Cores/login/fonts/font-awesome-4.7.0/scss/_fixed-width.scss +6 -0
  39. package/Cores/login/fonts/font-awesome-4.7.0/scss/_icons.scss +789 -0
  40. package/Cores/login/fonts/font-awesome-4.7.0/scss/_larger.scss +13 -0
  41. package/Cores/login/fonts/font-awesome-4.7.0/scss/_list.scss +19 -0
  42. package/Cores/login/fonts/font-awesome-4.7.0/scss/_mixins.scss +60 -0
  43. package/Cores/login/fonts/font-awesome-4.7.0/scss/_path.scss +15 -0
  44. package/Cores/login/fonts/font-awesome-4.7.0/scss/_rotated-flipped.scss +20 -0
  45. package/Cores/login/fonts/font-awesome-4.7.0/scss/_screen-reader.scss +5 -0
  46. package/Cores/login/fonts/font-awesome-4.7.0/scss/_stacked.scss +20 -0
  47. package/Cores/login/fonts/font-awesome-4.7.0/scss/_variables.scss +800 -0
  48. package/Cores/login/fonts/font-awesome-4.7.0/scss/font-awesome.scss +18 -0
  49. package/Cores/login/fonts/montserrat/Montserrat-Black.ttf +0 -0
  50. package/Cores/login/fonts/montserrat/Montserrat-BlackItalic.ttf +0 -0
  51. package/Cores/login/fonts/montserrat/Montserrat-Bold.ttf +0 -0
  52. package/Cores/login/fonts/montserrat/Montserrat-BoldItalic.ttf +0 -0
  53. package/Cores/login/fonts/montserrat/Montserrat-ExtraBold.ttf +0 -0
  54. package/Cores/login/fonts/montserrat/Montserrat-ExtraBoldItalic.ttf +0 -0
  55. package/Cores/login/fonts/montserrat/Montserrat-ExtraLight.ttf +0 -0
  56. package/Cores/login/fonts/montserrat/Montserrat-ExtraLightItalic.ttf +0 -0
  57. package/Cores/login/fonts/montserrat/Montserrat-Italic.ttf +0 -0
  58. package/Cores/login/fonts/montserrat/Montserrat-Light.ttf +0 -0
  59. package/Cores/login/fonts/montserrat/Montserrat-LightItalic.ttf +0 -0
  60. package/Cores/login/fonts/montserrat/Montserrat-Medium.ttf +0 -0
  61. package/Cores/login/fonts/montserrat/Montserrat-MediumItalic.ttf +0 -0
  62. package/Cores/login/fonts/montserrat/Montserrat-Regular.ttf +0 -0
  63. package/Cores/login/fonts/montserrat/Montserrat-SemiBold.ttf +0 -0
  64. package/Cores/login/fonts/montserrat/Montserrat-SemiBoldItalic.ttf +0 -0
  65. package/Cores/login/fonts/montserrat/Montserrat-Thin.ttf +0 -0
  66. package/Cores/login/fonts/montserrat/Montserrat-ThinItalic.ttf +0 -0
  67. package/Cores/login/fonts/montserrat/OFL.txt +93 -0
  68. package/Cores/login/fonts/poppins/Poppins-Black.ttf +0 -0
  69. package/Cores/login/fonts/poppins/Poppins-BlackItalic.ttf +0 -0
  70. package/Cores/login/fonts/poppins/Poppins-Bold.ttf +0 -0
  71. package/Cores/login/fonts/poppins/Poppins-BoldItalic.ttf +0 -0
  72. package/Cores/login/fonts/poppins/Poppins-ExtraBold.ttf +0 -0
  73. package/Cores/login/fonts/poppins/Poppins-ExtraBoldItalic.ttf +0 -0
  74. package/Cores/login/fonts/poppins/Poppins-ExtraLight.ttf +0 -0
  75. package/Cores/login/fonts/poppins/Poppins-ExtraLightItalic.ttf +0 -0
  76. package/Cores/login/fonts/poppins/Poppins-Italic.ttf +0 -0
  77. package/Cores/login/fonts/poppins/Poppins-Light.ttf +0 -0
  78. package/Cores/login/fonts/poppins/Poppins-LightItalic.ttf +0 -0
  79. package/Cores/login/fonts/poppins/Poppins-Medium.ttf +0 -0
  80. package/Cores/login/fonts/poppins/Poppins-MediumItalic.ttf +0 -0
  81. package/Cores/login/fonts/poppins/Poppins-Regular.ttf +0 -0
  82. package/Cores/login/fonts/poppins/Poppins-SemiBold.ttf +0 -0
  83. package/Cores/login/fonts/poppins/Poppins-SemiBoldItalic.ttf +0 -0
  84. package/Cores/login/fonts/poppins/Poppins-Thin.ttf +0 -0
  85. package/Cores/login/fonts/poppins/Poppins-ThinItalic.ttf +0 -0
  86. package/Cores/login/images/icons/favicon.ico +0 -0
  87. package/Cores/login/images/img-01.png +0 -0
  88. package/Cores/login/index.html +146 -0
  89. package/Cores/login/js/main.js +57 -0
  90. package/Cores/login/register.html +191 -0
  91. package/Cores/login/vendor/animate/animate.css +1579 -0
  92. package/Cores/login/vendor/bootstrap/css/bootstrap-grid.css +1353 -0
  93. package/Cores/login/vendor/bootstrap/css/bootstrap-grid.css.map +1 -0
  94. package/Cores/login/vendor/bootstrap/css/bootstrap-grid.min.css +2 -0
  95. package/Cores/login/vendor/bootstrap/css/bootstrap-grid.min.css.map +1 -0
  96. package/Cores/login/vendor/bootstrap/css/bootstrap-reboot.css +330 -0
  97. package/Cores/login/vendor/bootstrap/css/bootstrap-reboot.css.map +1 -0
  98. package/Cores/login/vendor/bootstrap/css/bootstrap-reboot.min.css +2 -0
  99. package/Cores/login/vendor/bootstrap/css/bootstrap-reboot.min.css.map +1 -0
  100. package/Cores/login/vendor/bootstrap/css/bootstrap.css +8185 -0
  101. package/Cores/login/vendor/bootstrap/css/bootstrap.css.map +1 -0
  102. package/Cores/login/vendor/bootstrap/css/bootstrap.min.css +7 -0
  103. package/Cores/login/vendor/bootstrap/css/bootstrap.min.css.map +1 -0
  104. package/Cores/login/vendor/bootstrap/js/bootstrap.js +3831 -0
  105. package/Cores/login/vendor/bootstrap/js/bootstrap.min.js +6 -0
  106. package/Cores/login/vendor/bootstrap/js/popper.js +2448 -0
  107. package/Cores/login/vendor/bootstrap/js/popper.min.js +5 -0
  108. package/Cores/login/vendor/bootstrap/js/tooltip.js +539 -0
  109. package/Cores/login/vendor/css-hamburgers/hamburgers.css +626 -0
  110. package/Cores/login/vendor/css-hamburgers/hamburgers.min.css +7 -0
  111. package/Cores/login/vendor/jquery/jquery-3.2.1.min.js +4 -0
  112. package/Cores/login/vendor/select2/select2.css +484 -0
  113. package/Cores/login/vendor/select2/select2.js +6450 -0
  114. package/Cores/login/vendor/select2/select2.min.css +1 -0
  115. package/Cores/login/vendor/select2/select2.min.js +3 -0
  116. package/Cores/login/vendor/tilt/tilt.jquery.min.js +1 -0
  117. package/app.js +105 -0
  118. package/dk_modules/authorization.js +47 -0
  119. package/dk_modules/autoSequence.js +23 -0
  120. package/dk_modules/autohtml.js +99 -0
  121. package/dk_modules/dkdb.js +7 -0
  122. package/dk_modules/dkvar.js +50 -0
  123. package/dk_modules/users.js +143 -0
  124. package/package.json +17 -0
  125. package/projectDB.js +5 -0
  126. package/projectVar.js +3 -0
@@ -0,0 +1,626 @@
1
+ /*!
2
+ * Hamburgers
3
+ * @description Tasty CSS-animated hamburgers
4
+ * @author Jonathan Suh @jonsuh
5
+ * @site https://jonsuh.com/hamburgers
6
+ * @link https://github.com/jonsuh/hamburgers
7
+ */
8
+ .hamburger {
9
+ padding: 15px 15px;
10
+ display: inline-block;
11
+ cursor: pointer;
12
+ transition-property: opacity, filter;
13
+ transition-duration: 0.15s;
14
+ transition-timing-function: linear;
15
+ font: inherit;
16
+ color: inherit;
17
+ text-transform: none;
18
+ background-color: transparent;
19
+ border: 0;
20
+ margin: 0;
21
+ overflow: visible; }
22
+ .hamburger:hover {
23
+ opacity: 0.7; }
24
+
25
+ .hamburger-box {
26
+ width: 40px;
27
+ height: 24px;
28
+ display: inline-block;
29
+ position: relative; }
30
+
31
+ .hamburger-inner {
32
+ display: block;
33
+ top: 50%;
34
+ margin-top: -2px; }
35
+ .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
36
+ width: 40px;
37
+ height: 4px;
38
+ background-color: #000;
39
+ border-radius: 4px;
40
+ position: absolute;
41
+ transition-property: transform;
42
+ transition-duration: 0.15s;
43
+ transition-timing-function: ease; }
44
+ .hamburger-inner::before, .hamburger-inner::after {
45
+ content: "";
46
+ display: block; }
47
+ .hamburger-inner::before {
48
+ top: -10px; }
49
+ .hamburger-inner::after {
50
+ bottom: -10px; }
51
+
52
+ /*
53
+ * 3DX
54
+ */
55
+ .hamburger--3dx .hamburger-box {
56
+ perspective: 80px; }
57
+
58
+ .hamburger--3dx .hamburger-inner {
59
+ transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
60
+ .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
61
+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
62
+
63
+ .hamburger--3dx.is-active .hamburger-inner {
64
+ background-color: transparent;
65
+ transform: rotateY(180deg); }
66
+ .hamburger--3dx.is-active .hamburger-inner::before {
67
+ transform: translate3d(0, 10px, 0) rotate(45deg); }
68
+ .hamburger--3dx.is-active .hamburger-inner::after {
69
+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
70
+
71
+ /*
72
+ * 3DX Reverse
73
+ */
74
+ .hamburger--3dx-r .hamburger-box {
75
+ perspective: 80px; }
76
+
77
+ .hamburger--3dx-r .hamburger-inner {
78
+ transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
79
+ .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
80
+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
81
+
82
+ .hamburger--3dx-r.is-active .hamburger-inner {
83
+ background-color: transparent;
84
+ transform: rotateY(-180deg); }
85
+ .hamburger--3dx-r.is-active .hamburger-inner::before {
86
+ transform: translate3d(0, 10px, 0) rotate(45deg); }
87
+ .hamburger--3dx-r.is-active .hamburger-inner::after {
88
+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
89
+
90
+ /*
91
+ * 3DY
92
+ */
93
+ .hamburger--3dy .hamburger-box {
94
+ perspective: 80px; }
95
+
96
+ .hamburger--3dy .hamburger-inner {
97
+ transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
98
+ .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
99
+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
100
+
101
+ .hamburger--3dy.is-active .hamburger-inner {
102
+ background-color: transparent;
103
+ transform: rotateX(-180deg); }
104
+ .hamburger--3dy.is-active .hamburger-inner::before {
105
+ transform: translate3d(0, 10px, 0) rotate(45deg); }
106
+ .hamburger--3dy.is-active .hamburger-inner::after {
107
+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
108
+
109
+ /*
110
+ * 3DY Reverse
111
+ */
112
+ .hamburger--3dy-r .hamburger-box {
113
+ perspective: 80px; }
114
+
115
+ .hamburger--3dy-r .hamburger-inner {
116
+ transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
117
+ .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
118
+ transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
119
+
120
+ .hamburger--3dy-r.is-active .hamburger-inner {
121
+ background-color: transparent;
122
+ transform: rotateX(180deg); }
123
+ .hamburger--3dy-r.is-active .hamburger-inner::before {
124
+ transform: translate3d(0, 10px, 0) rotate(45deg); }
125
+ .hamburger--3dy-r.is-active .hamburger-inner::after {
126
+ transform: translate3d(0, -10px, 0) rotate(-45deg); }
127
+
128
+ /*
129
+ * Arrow
130
+ */
131
+ .hamburger--arrow.is-active .hamburger-inner::before {
132
+ transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
133
+
134
+ .hamburger--arrow.is-active .hamburger-inner::after {
135
+ transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }
136
+
137
+ /*
138
+ * Arrow Right
139
+ */
140
+ .hamburger--arrow-r.is-active .hamburger-inner::before {
141
+ transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
142
+
143
+ .hamburger--arrow-r.is-active .hamburger-inner::after {
144
+ transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
145
+
146
+ /*
147
+ * Arrow Alt
148
+ */
149
+ .hamburger--arrowalt .hamburger-inner::before {
150
+ transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
151
+
152
+ .hamburger--arrowalt .hamburger-inner::after {
153
+ transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
154
+
155
+ .hamburger--arrowalt.is-active .hamburger-inner::before {
156
+ top: 0;
157
+ transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
158
+ transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
159
+
160
+ .hamburger--arrowalt.is-active .hamburger-inner::after {
161
+ bottom: 0;
162
+ transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
163
+ transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
164
+
165
+ /*
166
+ * Arrow Alt Right
167
+ */
168
+ .hamburger--arrowalt-r .hamburger-inner::before {
169
+ transition: top 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
170
+
171
+ .hamburger--arrowalt-r .hamburger-inner::after {
172
+ transition: bottom 0.1s 0.15s ease, transform 0.15s cubic-bezier(0.165, 0.84, 0.44, 1); }
173
+
174
+ .hamburger--arrowalt-r.is-active .hamburger-inner::before {
175
+ top: 0;
176
+ transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
177
+ transition: top 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
178
+
179
+ .hamburger--arrowalt-r.is-active .hamburger-inner::after {
180
+ bottom: 0;
181
+ transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
182
+ transition: bottom 0.1s ease, transform 0.15s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
183
+
184
+ /*
185
+ * Boring
186
+ */
187
+ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
188
+ transition-property: none; }
189
+
190
+ .hamburger--boring.is-active .hamburger-inner {
191
+ transform: rotate(45deg); }
192
+ .hamburger--boring.is-active .hamburger-inner::before {
193
+ top: 0;
194
+ opacity: 0; }
195
+ .hamburger--boring.is-active .hamburger-inner::after {
196
+ bottom: 0;
197
+ transform: rotate(-90deg); }
198
+
199
+ /*
200
+ * Collapse
201
+ */
202
+ .hamburger--collapse .hamburger-inner {
203
+ top: auto;
204
+ bottom: 0;
205
+ transition-duration: 0.15s;
206
+ transition-delay: 0.15s;
207
+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
208
+ .hamburger--collapse .hamburger-inner::after {
209
+ top: -20px;
210
+ transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
211
+ .hamburger--collapse .hamburger-inner::before {
212
+ transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
213
+
214
+ .hamburger--collapse.is-active .hamburger-inner {
215
+ transform: translate3d(0, -10px, 0) rotate(-45deg);
216
+ transition-delay: 0.32s;
217
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
218
+ .hamburger--collapse.is-active .hamburger-inner::after {
219
+ top: 0;
220
+ opacity: 0;
221
+ transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
222
+ .hamburger--collapse.is-active .hamburger-inner::before {
223
+ top: 0;
224
+ transform: rotate(-90deg);
225
+ transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
226
+
227
+ /*
228
+ * Collapse Reverse
229
+ */
230
+ .hamburger--collapse-r .hamburger-inner {
231
+ top: auto;
232
+ bottom: 0;
233
+ transition-duration: 0.15s;
234
+ transition-delay: 0.15s;
235
+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
236
+ .hamburger--collapse-r .hamburger-inner::after {
237
+ top: -20px;
238
+ transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
239
+ .hamburger--collapse-r .hamburger-inner::before {
240
+ transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
241
+
242
+ .hamburger--collapse-r.is-active .hamburger-inner {
243
+ transform: translate3d(0, -10px, 0) rotate(45deg);
244
+ transition-delay: 0.32s;
245
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
246
+ .hamburger--collapse-r.is-active .hamburger-inner::after {
247
+ top: 0;
248
+ opacity: 0;
249
+ transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.27s linear; }
250
+ .hamburger--collapse-r.is-active .hamburger-inner::before {
251
+ top: 0;
252
+ transform: rotate(90deg);
253
+ transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.42s cubic-bezier(0.215, 0.61, 0.355, 1); }
254
+
255
+ /*
256
+ * Elastic
257
+ */
258
+ .hamburger--elastic .hamburger-inner {
259
+ top: 2px;
260
+ transition-duration: 0.4s;
261
+ transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
262
+ .hamburger--elastic .hamburger-inner::before {
263
+ top: 10px;
264
+ transition: opacity 0.15s 0.4s ease; }
265
+ .hamburger--elastic .hamburger-inner::after {
266
+ top: 20px;
267
+ transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
268
+
269
+ .hamburger--elastic.is-active .hamburger-inner {
270
+ transform: translate3d(0, 10px, 0) rotate(135deg);
271
+ transition-delay: 0.1s; }
272
+ .hamburger--elastic.is-active .hamburger-inner::before {
273
+ transition-delay: 0s;
274
+ opacity: 0; }
275
+ .hamburger--elastic.is-active .hamburger-inner::after {
276
+ transform: translate3d(0, -20px, 0) rotate(-270deg);
277
+ transition-delay: 0.1s; }
278
+
279
+ /*
280
+ * Elastic Reverse
281
+ */
282
+ .hamburger--elastic-r .hamburger-inner {
283
+ top: 2px;
284
+ transition-duration: 0.4s;
285
+ transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
286
+ .hamburger--elastic-r .hamburger-inner::before {
287
+ top: 10px;
288
+ transition: opacity 0.15s 0.4s ease; }
289
+ .hamburger--elastic-r .hamburger-inner::after {
290
+ top: 20px;
291
+ transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
292
+
293
+ .hamburger--elastic-r.is-active .hamburger-inner {
294
+ transform: translate3d(0, 10px, 0) rotate(-135deg);
295
+ transition-delay: 0.1s; }
296
+ .hamburger--elastic-r.is-active .hamburger-inner::before {
297
+ transition-delay: 0s;
298
+ opacity: 0; }
299
+ .hamburger--elastic-r.is-active .hamburger-inner::after {
300
+ transform: translate3d(0, -20px, 0) rotate(270deg);
301
+ transition-delay: 0.1s; }
302
+
303
+ /*
304
+ * Emphatic
305
+ */
306
+ .hamburger--emphatic {
307
+ overflow: hidden; }
308
+ .hamburger--emphatic .hamburger-inner {
309
+ transition: background-color 0.2s 0.25s ease-in; }
310
+ .hamburger--emphatic .hamburger-inner::before {
311
+ left: 0;
312
+ transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
313
+ .hamburger--emphatic .hamburger-inner::after {
314
+ top: 10px;
315
+ right: 0;
316
+ transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
317
+ .hamburger--emphatic.is-active .hamburger-inner {
318
+ transition-delay: 0s;
319
+ transition-timing-function: ease-out;
320
+ background-color: transparent; }
321
+ .hamburger--emphatic.is-active .hamburger-inner::before {
322
+ left: -80px;
323
+ top: -80px;
324
+ transform: translate3d(80px, 80px, 0) rotate(45deg);
325
+ transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
326
+ .hamburger--emphatic.is-active .hamburger-inner::after {
327
+ right: -80px;
328
+ top: -80px;
329
+ transform: translate3d(-80px, 80px, 0) rotate(-45deg);
330
+ transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
331
+
332
+ /*
333
+ * Emphatic Reverse
334
+ */
335
+ .hamburger--emphatic-r {
336
+ overflow: hidden; }
337
+ .hamburger--emphatic-r .hamburger-inner {
338
+ transition: background-color 0.2s 0.25s ease-in; }
339
+ .hamburger--emphatic-r .hamburger-inner::before {
340
+ left: 0;
341
+ transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, left 0.2s 0.25s ease-in; }
342
+ .hamburger--emphatic-r .hamburger-inner::after {
343
+ top: 10px;
344
+ right: 0;
345
+ transition: transform 0.2s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.2s linear, right 0.2s 0.25s ease-in; }
346
+ .hamburger--emphatic-r.is-active .hamburger-inner {
347
+ transition-delay: 0s;
348
+ transition-timing-function: ease-out;
349
+ background-color: transparent; }
350
+ .hamburger--emphatic-r.is-active .hamburger-inner::before {
351
+ left: -80px;
352
+ top: 80px;
353
+ transform: translate3d(80px, -80px, 0) rotate(-45deg);
354
+ transition: left 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
355
+ .hamburger--emphatic-r.is-active .hamburger-inner::after {
356
+ right: -80px;
357
+ top: 80px;
358
+ transform: translate3d(-80px, -80px, 0) rotate(45deg);
359
+ transition: right 0.2s ease-out, top 0.05s 0.2s linear, transform 0.2s 0.25s cubic-bezier(0.075, 0.82, 0.165, 1); }
360
+
361
+ /*
362
+ * Slider
363
+ */
364
+ .hamburger--slider .hamburger-inner {
365
+ top: 2px; }
366
+ .hamburger--slider .hamburger-inner::before {
367
+ top: 10px;
368
+ transition-property: transform, opacity;
369
+ transition-timing-function: ease;
370
+ transition-duration: 0.2s; }
371
+ .hamburger--slider .hamburger-inner::after {
372
+ top: 20px; }
373
+
374
+ .hamburger--slider.is-active .hamburger-inner {
375
+ transform: translate3d(0, 10px, 0) rotate(45deg); }
376
+ .hamburger--slider.is-active .hamburger-inner::before {
377
+ transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
378
+ opacity: 0; }
379
+ .hamburger--slider.is-active .hamburger-inner::after {
380
+ transform: translate3d(0, -20px, 0) rotate(-90deg); }
381
+
382
+ /*
383
+ * Slider Reverse
384
+ */
385
+ .hamburger--slider-r .hamburger-inner {
386
+ top: 2px; }
387
+ .hamburger--slider-r .hamburger-inner::before {
388
+ top: 10px;
389
+ transition-property: transform, opacity;
390
+ transition-timing-function: ease;
391
+ transition-duration: 0.2s; }
392
+ .hamburger--slider-r .hamburger-inner::after {
393
+ top: 20px; }
394
+
395
+ .hamburger--slider-r.is-active .hamburger-inner {
396
+ transform: translate3d(0, 10px, 0) rotate(-45deg); }
397
+ .hamburger--slider-r.is-active .hamburger-inner::before {
398
+ transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
399
+ opacity: 0; }
400
+ .hamburger--slider-r.is-active .hamburger-inner::after {
401
+ transform: translate3d(0, -20px, 0) rotate(90deg); }
402
+
403
+ /*
404
+ * Spring
405
+ */
406
+ .hamburger--spring .hamburger-inner {
407
+ top: 2px;
408
+ transition: background-color 0s 0.15s linear; }
409
+ .hamburger--spring .hamburger-inner::before {
410
+ top: 10px;
411
+ transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
412
+ .hamburger--spring .hamburger-inner::after {
413
+ top: 20px;
414
+ transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
415
+
416
+ .hamburger--spring.is-active .hamburger-inner {
417
+ transition-delay: 0.32s;
418
+ background-color: transparent; }
419
+ .hamburger--spring.is-active .hamburger-inner::before {
420
+ top: 0;
421
+ transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
422
+ transform: translate3d(0, 10px, 0) rotate(45deg); }
423
+ .hamburger--spring.is-active .hamburger-inner::after {
424
+ top: 0;
425
+ transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
426
+ transform: translate3d(0, 10px, 0) rotate(-45deg); }
427
+
428
+ /*
429
+ * Spring Reverse
430
+ */
431
+ .hamburger--spring-r .hamburger-inner {
432
+ top: auto;
433
+ bottom: 0;
434
+ transition-duration: 0.15s;
435
+ transition-delay: 0s;
436
+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
437
+ .hamburger--spring-r .hamburger-inner::after {
438
+ top: -20px;
439
+ transition: top 0.3s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
440
+ .hamburger--spring-r .hamburger-inner::before {
441
+ transition: top 0.12s 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
442
+
443
+ .hamburger--spring-r.is-active .hamburger-inner {
444
+ transform: translate3d(0, -10px, 0) rotate(-45deg);
445
+ transition-delay: 0.32s;
446
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
447
+ .hamburger--spring-r.is-active .hamburger-inner::after {
448
+ top: 0;
449
+ opacity: 0;
450
+ transition: top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.32s linear; }
451
+ .hamburger--spring-r.is-active .hamburger-inner::before {
452
+ top: 0;
453
+ transform: rotate(90deg);
454
+ transition: top 0.12s 0.18s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.15s 0.32s cubic-bezier(0.215, 0.61, 0.355, 1); }
455
+
456
+ /*
457
+ * Stand
458
+ */
459
+ .hamburger--stand .hamburger-inner {
460
+ transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; }
461
+ .hamburger--stand .hamburger-inner::before {
462
+ transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
463
+ .hamburger--stand .hamburger-inner::after {
464
+ transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
465
+
466
+ .hamburger--stand.is-active .hamburger-inner {
467
+ transform: rotate(90deg);
468
+ background-color: transparent;
469
+ transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; }
470
+ .hamburger--stand.is-active .hamburger-inner::before {
471
+ top: 0;
472
+ transform: rotate(-45deg);
473
+ transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
474
+ .hamburger--stand.is-active .hamburger-inner::after {
475
+ bottom: 0;
476
+ transform: rotate(45deg);
477
+ transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
478
+
479
+ /*
480
+ * Stand Reverse
481
+ */
482
+ .hamburger--stand-r .hamburger-inner {
483
+ transition: transform 0.1s 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.1s linear; }
484
+ .hamburger--stand-r .hamburger-inner::before {
485
+ transition: top 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
486
+ .hamburger--stand-r .hamburger-inner::after {
487
+ transition: bottom 0.1s 0.1s ease-in, transform 0.1s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
488
+
489
+ .hamburger--stand-r.is-active .hamburger-inner {
490
+ transform: rotate(-90deg);
491
+ background-color: transparent;
492
+ transition: transform 0.1s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.22s linear; }
493
+ .hamburger--stand-r.is-active .hamburger-inner::before {
494
+ top: 0;
495
+ transform: rotate(-45deg);
496
+ transition: top 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
497
+ .hamburger--stand-r.is-active .hamburger-inner::after {
498
+ bottom: 0;
499
+ transform: rotate(45deg);
500
+ transition: bottom 0.1s 0.12s ease-out, transform 0.1s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }
501
+
502
+ /*
503
+ * Spin
504
+ */
505
+ .hamburger--spin .hamburger-inner {
506
+ transition-duration: 0.3s;
507
+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
508
+ .hamburger--spin .hamburger-inner::before {
509
+ transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
510
+ .hamburger--spin .hamburger-inner::after {
511
+ transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
512
+
513
+ .hamburger--spin.is-active .hamburger-inner {
514
+ transform: rotate(225deg);
515
+ transition-delay: 0.14s;
516
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
517
+ .hamburger--spin.is-active .hamburger-inner::before {
518
+ top: 0;
519
+ opacity: 0;
520
+ transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
521
+ .hamburger--spin.is-active .hamburger-inner::after {
522
+ bottom: 0;
523
+ transform: rotate(-90deg);
524
+ transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
525
+
526
+ /*
527
+ * Spin Reverse
528
+ */
529
+ .hamburger--spin-r .hamburger-inner {
530
+ transition-duration: 0.3s;
531
+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
532
+ .hamburger--spin-r .hamburger-inner::before {
533
+ transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in; }
534
+ .hamburger--spin-r .hamburger-inner::after {
535
+ transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
536
+
537
+ .hamburger--spin-r.is-active .hamburger-inner {
538
+ transform: rotate(-225deg);
539
+ transition-delay: 0.14s;
540
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
541
+ .hamburger--spin-r.is-active .hamburger-inner::before {
542
+ top: 0;
543
+ opacity: 0;
544
+ transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out; }
545
+ .hamburger--spin-r.is-active .hamburger-inner::after {
546
+ bottom: 0;
547
+ transform: rotate(90deg);
548
+ transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
549
+
550
+ /*
551
+ * Squeeze
552
+ */
553
+ .hamburger--squeeze .hamburger-inner {
554
+ transition-duration: 0.1s;
555
+ transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
556
+ .hamburger--squeeze .hamburger-inner::before {
557
+ transition: top 0.1s 0.14s ease, opacity 0.1s ease; }
558
+ .hamburger--squeeze .hamburger-inner::after {
559
+ transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
560
+
561
+ .hamburger--squeeze.is-active .hamburger-inner {
562
+ transform: rotate(45deg);
563
+ transition-delay: 0.14s;
564
+ transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
565
+ .hamburger--squeeze.is-active .hamburger-inner::before {
566
+ top: 0;
567
+ opacity: 0;
568
+ transition: top 0.1s ease, opacity 0.1s 0.14s ease; }
569
+ .hamburger--squeeze.is-active .hamburger-inner::after {
570
+ bottom: 0;
571
+ transform: rotate(-90deg);
572
+ transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); }
573
+
574
+ /*
575
+ * Vortex
576
+ */
577
+ .hamburger--vortex .hamburger-inner {
578
+ transition-duration: 0.3s;
579
+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
580
+ .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
581
+ transition-duration: 0s;
582
+ transition-delay: 0.1s;
583
+ transition-timing-function: linear; }
584
+ .hamburger--vortex .hamburger-inner::before {
585
+ transition-property: top, opacity; }
586
+ .hamburger--vortex .hamburger-inner::after {
587
+ transition-property: bottom, transform; }
588
+
589
+ .hamburger--vortex.is-active .hamburger-inner {
590
+ transform: rotate(765deg);
591
+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
592
+ .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
593
+ transition-delay: 0s; }
594
+ .hamburger--vortex.is-active .hamburger-inner::before {
595
+ top: 0;
596
+ opacity: 0; }
597
+ .hamburger--vortex.is-active .hamburger-inner::after {
598
+ bottom: 0;
599
+ transform: rotate(90deg); }
600
+
601
+ /*
602
+ * Vortex Reverse
603
+ */
604
+ .hamburger--vortex-r .hamburger-inner {
605
+ transition-duration: 0.3s;
606
+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
607
+ .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
608
+ transition-duration: 0s;
609
+ transition-delay: 0.1s;
610
+ transition-timing-function: linear; }
611
+ .hamburger--vortex-r .hamburger-inner::before {
612
+ transition-property: top, opacity; }
613
+ .hamburger--vortex-r .hamburger-inner::after {
614
+ transition-property: bottom, transform; }
615
+
616
+ .hamburger--vortex-r.is-active .hamburger-inner {
617
+ transform: rotate(-765deg);
618
+ transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
619
+ .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
620
+ transition-delay: 0s; }
621
+ .hamburger--vortex-r.is-active .hamburger-inner::before {
622
+ top: 0;
623
+ opacity: 0; }
624
+ .hamburger--vortex-r.is-active .hamburger-inner::after {
625
+ bottom: 0;
626
+ transform: rotate(-90deg); }
@@ -0,0 +1,7 @@
1
+ /*!
2
+ * Hamburgers
3
+ * @description Tasty CSS-animated hamburgers
4
+ * @author Jonathan Suh @jonsuh
5
+ * @site https://jonsuh.com/hamburgers
6
+ * @link https://github.com/jonsuh/hamburgers
7
+ */.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:''}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{perspective:80px}.hamburger--3dx .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{perspective:80px}.hamburger--3dy .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:transform,opacity}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:transform,opacity}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .15s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.32s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .32s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}.hamburger--stand .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s}.hamburger--stand-r .hamburger-inner:before{transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s ease .14s,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .14s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;transform:rotate(-90deg)}