resync
[akkoma] / priv / static / static / css / vendors~app.18fea621d430000acc27.css
1 /*!
2 * Cropper.js v1.5.6
3 * https://fengyuanchen.github.io/cropperjs
4 *
5 * Copyright 2015-present Chen Fengyuan
6 * Released under the MIT license
7 *
8 * Date: 2019-10-04T04:33:44.164Z
9 */
10
11 .cropper-container {
12 direction: ltr;
13 font-size: 0;
14 line-height: 0;
15 position: relative;
16 -ms-touch-action: none;
17 touch-action: none;
18 -webkit-user-select: none;
19 -ms-user-select: none;
20 user-select: none;
21 }
22
23 .cropper-container img {
24 display: block;
25 height: 100%;
26 image-orientation: 0deg;
27 max-height: none !important;
28 max-width: none !important;
29 min-height: 0 !important;
30 min-width: 0 !important;
31 width: 100%;
32 }
33
34 .cropper-wrap-box,
35 .cropper-canvas,
36 .cropper-drag-box,
37 .cropper-crop-box,
38 .cropper-modal {
39 bottom: 0;
40 left: 0;
41 position: absolute;
42 right: 0;
43 top: 0;
44 }
45
46 .cropper-wrap-box,
47 .cropper-canvas {
48 overflow: hidden;
49 }
50
51 .cropper-drag-box {
52 background-color: #fff;
53 opacity: 0;
54 }
55
56 .cropper-modal {
57 background-color: #000;
58 opacity: 0.5;
59 }
60
61 .cropper-view-box {
62 display: block;
63 height: 100%;
64 outline: 1px solid #39f;
65 outline-color: rgba(51, 153, 255, 0.75);
66 overflow: hidden;
67 width: 100%;
68 }
69
70 .cropper-dashed {
71 border: 0 dashed #eee;
72 display: block;
73 opacity: 0.5;
74 position: absolute;
75 }
76
77 .cropper-dashed.dashed-h {
78 border-bottom-width: 1px;
79 border-top-width: 1px;
80 height: calc(100% / 3);
81 left: 0;
82 top: calc(100% / 3);
83 width: 100%;
84 }
85
86 .cropper-dashed.dashed-v {
87 border-left-width: 1px;
88 border-right-width: 1px;
89 height: 100%;
90 left: calc(100% / 3);
91 top: 0;
92 width: calc(100% / 3);
93 }
94
95 .cropper-center {
96 display: block;
97 height: 0;
98 left: 50%;
99 opacity: 0.75;
100 position: absolute;
101 top: 50%;
102 width: 0;
103 }
104
105 .cropper-center::before,
106 .cropper-center::after {
107 background-color: #eee;
108 content: ' ';
109 display: block;
110 position: absolute;
111 }
112
113 .cropper-center::before {
114 height: 1px;
115 left: -3px;
116 top: 0;
117 width: 7px;
118 }
119
120 .cropper-center::after {
121 height: 7px;
122 left: 0;
123 top: -3px;
124 width: 1px;
125 }
126
127 .cropper-face,
128 .cropper-line,
129 .cropper-point {
130 display: block;
131 height: 100%;
132 opacity: 0.1;
133 position: absolute;
134 width: 100%;
135 }
136
137 .cropper-face {
138 background-color: #fff;
139 left: 0;
140 top: 0;
141 }
142
143 .cropper-line {
144 background-color: #39f;
145 }
146
147 .cropper-line.line-e {
148 cursor: ew-resize;
149 right: -3px;
150 top: 0;
151 width: 5px;
152 }
153
154 .cropper-line.line-n {
155 cursor: ns-resize;
156 height: 5px;
157 left: 0;
158 top: -3px;
159 }
160
161 .cropper-line.line-w {
162 cursor: ew-resize;
163 left: -3px;
164 top: 0;
165 width: 5px;
166 }
167
168 .cropper-line.line-s {
169 bottom: -3px;
170 cursor: ns-resize;
171 height: 5px;
172 left: 0;
173 }
174
175 .cropper-point {
176 background-color: #39f;
177 height: 5px;
178 opacity: 0.75;
179 width: 5px;
180 }
181
182 .cropper-point.point-e {
183 cursor: ew-resize;
184 margin-top: -3px;
185 right: -3px;
186 top: 50%;
187 }
188
189 .cropper-point.point-n {
190 cursor: ns-resize;
191 left: 50%;
192 margin-left: -3px;
193 top: -3px;
194 }
195
196 .cropper-point.point-w {
197 cursor: ew-resize;
198 left: -3px;
199 margin-top: -3px;
200 top: 50%;
201 }
202
203 .cropper-point.point-s {
204 bottom: -3px;
205 cursor: s-resize;
206 left: 50%;
207 margin-left: -3px;
208 }
209
210 .cropper-point.point-ne {
211 cursor: nesw-resize;
212 right: -3px;
213 top: -3px;
214 }
215
216 .cropper-point.point-nw {
217 cursor: nwse-resize;
218 left: -3px;
219 top: -3px;
220 }
221
222 .cropper-point.point-sw {
223 bottom: -3px;
224 cursor: nesw-resize;
225 left: -3px;
226 }
227
228 .cropper-point.point-se {
229 bottom: -3px;
230 cursor: nwse-resize;
231 height: 20px;
232 opacity: 1;
233 right: -3px;
234 width: 20px;
235 }
236
237 @media (min-width: 768px) {
238 .cropper-point.point-se {
239 height: 15px;
240 width: 15px;
241 }
242 }
243
244 @media (min-width: 992px) {
245 .cropper-point.point-se {
246 height: 10px;
247 width: 10px;
248 }
249 }
250
251 @media (min-width: 1200px) {
252 .cropper-point.point-se {
253 height: 5px;
254 opacity: 0.75;
255 width: 5px;
256 }
257 }
258
259 .cropper-point.point-se::before {
260 background-color: #39f;
261 bottom: -50%;
262 content: ' ';
263 display: block;
264 height: 200%;
265 opacity: 0;
266 position: absolute;
267 right: -50%;
268 width: 200%;
269 }
270
271 .cropper-invisible {
272 opacity: 0;
273 }
274
275 .cropper-bg {
276 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
277 }
278
279 .cropper-hide {
280 display: block;
281 height: 0;
282 position: absolute;
283 width: 0;
284 }
285
286 .cropper-hidden {
287 display: none !important;
288 }
289
290 .cropper-move {
291 cursor: move;
292 }
293
294 .cropper-crop {
295 cursor: crosshair;
296 }
297
298 .cropper-disabled .cropper-drag-box,
299 .cropper-disabled .cropper-face,
300 .cropper-disabled .cropper-line,
301 .cropper-disabled .cropper-point {
302 cursor: not-allowed;
303 }
304
305
306 /*# sourceMappingURL=vendors~app.18fea621d430000acc27.css.map*/