tabexseriescomponents 0.0.11 → 0.0.12

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.
@@ -1,812 +0,0 @@
1
- @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
2
- :root {
3
- --cimon: #f76566;
4
- --primary: #022648; /* rgba (2,38,72) */
5
- --secondary: #eac435;
6
- --success: #2f9d64;
7
- --successhover: #1d623f;
8
- --info: #16aaff; /*rgb(22, 170, 255)*/
9
- --infohover: #0071b3; /*rgb(0, 113, 179)*/
10
- --danger: #d92550; /* rgb(217, 37, 80) */
11
- --dangerhover: #991a37; /* rgb(153, 26, 55) */
12
- --fav: #ff1a75; /* rgb(255, 26, 117) */
13
- --favhover: #cc0052; /* rgb(204, 0, 82) */
14
- --light: #999999;
15
- --light2: #808080;
16
- --dark: #454d54;
17
- --darkhover: #343a40;
18
- --focus: #444054;
19
- --cardtitle: rgba(13, 27, 62, 0.7);
20
- --cardheader: #008eb3;
21
- --cardHeaderHover: #007a99;
22
- --darkblue: #0000b3;
23
- --orange: #ff6600;
24
- }
25
- *,
26
- *::before,
27
- *::after {
28
- box-sizing: border-box;
29
- }
30
- html {
31
- width: 100vw;
32
- height: 100vh;
33
- top: 0;
34
- left: 0;
35
- font-family: 'Poppins', sans-serif;
36
- line-height: 1.15;
37
- -webkit-text-size-adjust: 100%;
38
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
39
- }
40
- body {
41
- margin: 0;
42
- font-family: 'Poppins', sans-serif;
43
- font-size: 0.88rem;
44
- font-weight: 400;
45
- line-height: 1.5;
46
- /* color: #022648; */
47
- text-align: left;
48
- background: #fff;
49
- overflow-x: hidden;
50
- width: 100vw;
51
- height: 100vh;
52
- top: 0;
53
- left: 0;
54
- }
55
- body::-webkit-scrollbar {
56
- width: 5px;
57
- }
58
- body::-webkit-scrollbar-track {
59
- box-shadow: inset 0 0 5px grey;
60
- border-radius: 10px;
61
- }
62
- body::-webkit-scrollbar-thumb {
63
- background: #022648;
64
- border-radius: 10px;
65
- }
66
- body::-webkit-scrollbar-thumb:hover {
67
- background: #eac435;
68
- }
69
- .general-module_shadow_bottom__YcJR3 {
70
- box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
71
- transition: 0.3s;
72
- }
73
- .general-module_shadow_bottom__YcJR3:hover {
74
- box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);
75
- }
76
- .general-module_overflowY_scroll__m5upZ {
77
- overflow-y: scroll;
78
- }
79
-
80
- .general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {
81
- width: 5px;
82
- }
83
- .general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {
84
- /* box-shadow: inset 0 0 5px grey; */
85
- border-radius: 10px;
86
- }
87
- .general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {
88
- background: #4d4d4d;
89
- border-radius: 10px;
90
- }
91
- .general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {
92
- background: #999999;
93
- }
94
- /* badges */
95
- .general-module_badge__GTiMs {
96
- display: inline-block;
97
- padding: 0.25em;
98
- font-size: 90%;
99
- font-weight: 700;
100
- line-height: 1;
101
- text-align: center;
102
- white-space: nowrap;
103
- vertical-align: baseline;
104
- border-radius: 50%;
105
- margin-left: -15%;
106
- width: 3vh;
107
- height: 3vh;
108
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
109
- }
110
- @media (prefers-reduced-motion: reduce) {
111
- .general-module_badge__GTiMs {
112
- transition: none;
113
- }
114
- }
115
- .general-module_badge__GTiMs:empty {
116
- display: none;
117
- }
118
- .general-module_badge_secondary__p6ErJ {
119
- min-width: 2.5vh;
120
- height: 2.5vh;
121
- border-radius: 5px;
122
- background: #eac435;
123
- color: white;
124
- font-size: 12px;
125
- /* line-height: 3vh; */
126
- }
127
- a {
128
- color: #022648;
129
- text-decoration: none;
130
- background-color: transparent;
131
- }
132
-
133
- .general-module_divider__WFV-A {
134
- margin-top: 1rem;
135
- margin-bottom: 1rem;
136
- height: 1px;
137
- overflow: hidden;
138
- background: #e9ecef;
139
- }
140
- .general-module_verical_divider__u5DxE {
141
- margin-top: 1rem;
142
- margin-bottom: 1rem;
143
- height: 40px;
144
- overflow: hidden;
145
- background: #e1e6ea;
146
- width: 1px;
147
- }
148
-
149
- /* Table */
150
- table {
151
- border-collapse: collapse;
152
- }
153
- th {
154
- text-align: inherit;
155
- }
156
- .general-module_table__hdcWN {
157
- width: 100%;
158
- margin-bottom: 1rem;
159
- background-color: rgba(0, 0, 0, 0);
160
- }
161
- .general-module_table__hdcWN th,
162
- .general-module_table__hdcWN td {
163
- padding: 0.55rem;
164
- border-top: 1px solid #e9ecef;
165
- }
166
- .general-module_table__hdcWN th.general-module_mw-200__PaU8G,
167
- .general-module_table__hdcWN td.general-module_mw-200__PaU8G {
168
- max-width: 200px;
169
- }
170
- .general-module_table__hdcWN thead th {
171
- vertical-align: bottom;
172
- border-bottom: 2px solid #e9ecef;
173
- font-size: 15px;
174
- }
175
- .general-module_table__hdcWN td {
176
- color: var(--focus);
177
- font-size: 15px;
178
- }
179
- .general-module_table_bordered__JKIJp {
180
- border: 1px solid #e9ecef;
181
- }
182
- .general-module_table_bordered__JKIJp th,
183
- .general-module_table_bordered__JKIJp td {
184
- border: 1px solid #e9ecef;
185
- }
186
- .general-module_table_bordered__JKIJp thead th,
187
- .general-module_table_bordered__JKIJp thead td {
188
- border-bottom-width: 2px;
189
- }
190
- .general-module_table_borderless__OF0cl th,
191
- .general-module_table_borderless__OF0cl td,
192
- .general-module_table_borderless__OF0cl thead th,
193
- .general-module_table_borderless__OF0cl tbody + tbody {
194
- border: 0;
195
- }
196
- .general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {
197
- background-color: rgba(0, 0, 0, 0.03);
198
- }
199
- .general-module_table_hover__EiJha tbody tr:hover {
200
- background-color: #e0f3ff;
201
- }
202
- .general-module_table_responsive__JPCKF {
203
- display: block;
204
- width: 100%;
205
- overflow-x: auto;
206
- -webkit-overflow-scrolling: touch;
207
- -ms-overflow-style: -ms-autohiding-scrollbar;
208
- }
209
- .general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {
210
- border: 0;
211
- }
212
- .general-module_table_translation__x1Rpf {
213
- background: rgba(0, 0, 0, 0.1);
214
- border-radius: 20px;
215
- padding: 5px;
216
- font-weight: 500;
217
- width: 100px;
218
- /* margin-left: auto;
219
- margin-right: auto; */
220
- }
221
- .general-module_table_translation__x1Rpf i {
222
- font-size: 20px;
223
- }
224
- .general-module_table_icon__EMMDI {
225
- font-size: 20px;
226
- transition: 0.3s;
227
- cursor: pointer;
228
- }
229
- .general-module_table_icon__EMMDI:hover {
230
- color: var(--secondary);
231
- }
232
- .general-module_image_table__HqRaH {
233
- width: 5vh;
234
- height: 5vh;
235
- box-shadow: 0 0 10px #ccc;
236
- display: flex;
237
- justify-content: center;
238
- align-items: center;
239
- text-align: center;
240
- border-radius: 5px;
241
- }
242
- .general-module_image_table__HqRaH img {
243
- max-width: 95%;
244
- max-height: 95%;
245
- border-radius: 5px;
246
- }
247
- .general-module_shownumber_cont__34Y5j {
248
- min-width: 3rem;
249
- background: white;
250
- box-shadow: 0 0 10px #ccc;
251
- border: 1px solid #ccc;
252
- border-radius: 10px;
253
- cursor: pointer;
254
- }
255
- .general-module_card_input_table__vVK0p {
256
- min-width: 90%;
257
- height: 35px;
258
- }
259
- .general-module_card_input_table__vVK0p imput {
260
- height: 35px;
261
- }
262
-
263
- /* Buttons */
264
- .general-module_btn__FAb1b {
265
- display: inline-block;
266
- font-weight: 500;
267
- text-align: center;
268
- vertical-align: middle;
269
- -webkit-user-select: none;
270
- -moz-user-select: none;
271
- -ms-user-select: none;
272
- user-select: none;
273
- background-color: transparent;
274
- border-radius: 20px;
275
- height: 35px;
276
- padding: 0 10px;
277
- transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
278
- font-size: 13px;
279
- }
280
- .general-module_btn_rounded__Rkb8o {
281
- width: 5vh !important;
282
- height: 5vh !important;
283
- border-radius: 50% !important;
284
- }
285
- @media screen and (prefers-reduced-motion: reduce) {
286
- .general-module_btn__FAb1b {
287
- transition: none;
288
- }
289
- }
290
- .general-module_btn__FAb1b:hover {
291
- text-decoration: none;
292
- }
293
- .general-module_btn__FAb1b:focus,
294
- .general-module_btn__FAb1b.general-module_focus__8-F6p {
295
- outline: 0;
296
- box-shadow: none;
297
- }
298
- .general-module_btn__FAb1b.general-module_disabled__PRzt-,
299
- .general-module_btn__FAb1b:disabled {
300
- opacity: 0.65;
301
- cursor: not-allowed;
302
- }
303
- .general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {
304
- cursor: pointer;
305
- }
306
- a.general-module_btn__FAb1b.general-module_disabled__PRzt- {
307
- pointer-events: none;
308
- cursor: not-allowed;
309
- }
310
- .general-module_btn_tranparent__GFTRs {
311
- color: #fff;
312
- background-color: tranparent;
313
- border-color: tranparent;
314
- }
315
- .general-module_btn_circle__lOyd4 {
316
- border-radius: 100%;
317
- width: 35px;
318
- height: 35px;
319
- line-height: 20px;
320
- padding: 10px;
321
- display: flex;
322
- justify-content: center;
323
- align-items: center;
324
- }
325
- .general-module_btn_white__H0esd {
326
- color: #fff;
327
- background-color: #fff;
328
- border-color: #fff;
329
- color: var(--primary);
330
- }
331
- .general-module_btn_white__H0esd:hover {
332
- color: #fff;
333
- background-color: var(--secondary);
334
- border-color: var(--secondary);
335
- }
336
- .general-module_btn_white__H0esd.general-module_disabled__PRzt-,
337
- .general-module_btn_white__H0esd:disabled {
338
- color: #fff;
339
- background-color: #fff;
340
- border-color: #fff;
341
- cursor: not-allowed;
342
- opacity: 0.7;
343
- }
344
- .general-module_btn_black__NcqLp {
345
- color: #fff;
346
- background-color: #000;
347
- border-color: #000;
348
- }
349
- .general-module_btn_black__NcqLp:hover {
350
- color: #fff;
351
- background-color: #595959;
352
- border-color: #595959;
353
- }
354
- .general-module_btn_black__NcqLp.general-module_disabled__PRzt-,
355
- .general-module_btn_black__NcqLp:disabled {
356
- color: #fff;
357
- background-color: #000;
358
- border-color: #000;
359
- cursor: not-allowed;
360
- opacity: 0.7;
361
- }
362
- .general-module_btn_primary__C5oTz {
363
- color: #fff;
364
- background-color: var(--primary);
365
- border-color: var(--primary);
366
- }
367
- .general-module_btn_primary__C5oTz:hover {
368
- color: #fff;
369
- background-color: var(--secondary);
370
- border-color: var(--secondary);
371
- }
372
- .general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,
373
- .general-module_btn_primary__C5oTz:disabled {
374
- color: #fff;
375
- background-color: var(--primary);
376
- border-color: var(--primary);
377
- cursor: not-allowed;
378
- opacity: 0.7;
379
- }
380
- .general-module_btn_secondary__MbOCN {
381
- color: #fff;
382
- background-color: var(--secondary);
383
- border-color: var(--secondary);
384
- }
385
- .general-module_btn_secondary__MbOCN:hover {
386
- color: #fff;
387
- background-color: #5a6268;
388
- border-color: #545b62;
389
- }
390
- .general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,
391
- .general-module_btn_secondary__MbOCN:disabled {
392
- color: #fff;
393
- background-color: var(--secondary);
394
- border-color: var(--secondary);
395
- cursor: not-allowed;
396
- opacity: 0.7;
397
- }
398
- .general-module_btn_success__iV5-t {
399
- color: #fff;
400
- background-color: var(--success);
401
- border-color: var(--success);
402
- }
403
- .general-module_btn_success__iV5-t:hover {
404
- color: #fff;
405
- background-color: var(--successhover);
406
- border-color: var(--successhover);
407
- }
408
- .general-module_btn_success__iV5-t.general-module_disabled__PRzt-,
409
- .general-module_btn_success__iV5-t:disabled {
410
- color: #fff;
411
- background-color: var(--success);
412
- border-color: var(--success);
413
- cursor: not-allowed;
414
- opacity: 0.7;
415
- }
416
- .general-module_btn_info__-ClLB {
417
- color: #fff;
418
- background-color: var(--info);
419
- border-color: var(--info);
420
- }
421
- .general-module_btn_info__-ClLB:hover {
422
- color: #fff;
423
- background-color: var(--infohover);
424
- border-color: var(--infohover);
425
- }
426
- .general-module_btn_info__-ClLB.general-module_disabled__PRzt-,
427
- .general-module_btn_info__-ClLB:disabled {
428
- color: #fff;
429
- background-color: var(--info);
430
- border-color: var(--info);
431
- cursor: not-allowed;
432
- opacity: 0.7;
433
- }
434
- .general-module_btn_danger__b0QkM {
435
- color: #fff;
436
- background-color: var(--danger);
437
- border-color: var(--danger);
438
- }
439
- .general-module_btn_danger__b0QkM:hover {
440
- color: #fff;
441
- background-color: var(--dangerhover);
442
- border-color: var(--dangerhover);
443
- }
444
- .general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,
445
- .general-module_btn_danger__b0QkM:disabled {
446
- color: #fff;
447
- background-color: var(--danger);
448
- border-color: var(--danger);
449
- cursor: not-allowed;
450
- opacity: 0.7;
451
- }
452
- .general-module_btn_dark__hSWyC {
453
- color: #fff;
454
- background-color: var(--dark);
455
- border-color: var(--dark);
456
- }
457
- .general-module_btn_dark__hSWyC:hover {
458
- color: #fff;
459
- background-color: var(--darkhover);
460
- border-color: var(--darkhover);
461
- }
462
- .general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,
463
- .general-module_btn_dark__hSWyC:disabled {
464
- color: #fff;
465
- background-color: var(--dark);
466
- border-color: var(--dark);
467
- cursor: not-allowed;
468
- opacity: 0.7;
469
- }
470
- .general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,
471
- .general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {
472
- color: #fff;
473
- background-color: #ccc;
474
- border-color: #ccc;
475
- }
476
- .general-module_btn_grey__fGIYU {
477
- color: #fff;
478
- background-color: var(--focus);
479
- border-color: var(--focus);
480
- }
481
- .general-module_btn_grey__fGIYU:hover {
482
- color: #fff;
483
- background-color: var(--dark);
484
- border-color: var(--dark);
485
- }
486
- .general-module_btn_cardheader__vccWl {
487
- color: #fff;
488
- background-color: var(--cardheader);
489
- border-color: var(--cardheader);
490
- }
491
- .general-module_btn_cardheader__vccWl:hover {
492
- color: #fff;
493
- background-color: #007a99;
494
- border-color: #007a99;
495
- }
496
- .general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,
497
- .general-module_btn_cardheader__vccWl:disabled {
498
- color: #fff;
499
- background-color: #005166;
500
- border-color: #005166;
501
- cursor: not-allowed;
502
- opacity: 0.7;
503
- }
504
-
505
- /* Borders */
506
- .general-module_border_primary__Jqm8o {
507
- border-color: #022648;
508
- }
509
- .general-module_border_secondary__xiHt3 {
510
- border-color: #eac435;
511
- }
512
- .general-module_border_success__kWv6N {
513
- border-color: var(--success);
514
- }
515
- .general-module_border_info__wfOF- {
516
- border-color: #16aaff;
517
- }
518
- .general-module_border_warning__mSIRm {
519
- border-color: #f7b924;
520
- }
521
- .general-module_border_danger__U7veI {
522
- border-color: #d92550;
523
- }
524
- .general-module_border__Pvp44 {
525
- border: 1px solid #dee2e6 !important;
526
- }
527
- .general-module_border_top__0-KRU {
528
- border-top: 1px solid #dee2e6 !important;
529
- }
530
- .general-module_border_right__7QXHH {
531
- border-right: 1px solid #dee2e6 !important;
532
- }
533
- .general-module_border_bottom__Xyy95 {
534
- border-bottom: 1px solid #dee2e6 !important;
535
- }
536
- .general-module_border_left__90qSD {
537
- border-left: 1px solid #dee2e6 !important;
538
- }
539
- .general-module_border_0__YO9qY {
540
- border: 0 !important;
541
- }
542
- .general-module_border_top_0__KFIha {
543
- border-top: 0 !important;
544
- }
545
- .general-module_border_right_0__FaED6 {
546
- border-right: 0 !important;
547
- }
548
- .general-module_border_bottom_0__NZhJm {
549
- border-bottom: 0 !important;
550
- }
551
- .general-module_border_top_0__KFIha {
552
- border-top: 0 !important;
553
- }
554
- .general-module_border_left_0__gjITr {
555
- border-left: 0 !important;
556
- }
557
- /* Inner Content */
558
- .general-module_app_container__-NNzK {
559
- display: flex;
560
- flex-direction: column;
561
- margin: 0;
562
- position: relative !important;
563
- }
564
- .general-module_app_main__3s9rd {
565
- z-index: 8;
566
- position: relative;
567
- }
568
- .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {
569
- flex: 1;
570
- padding: 130px 40px 0;
571
- }
572
- .general-module_app_main_inner_headertwo__UkOlN {
573
- padding: 100px 40px 0 !important;
574
- }
575
- .general-module_app_main_inner_headerfour__slUk1 {
576
- padding: 80px 20px 0 280px !important;
577
- }
578
- @media screen and (max-width: 1025px) {
579
- .general-module_app_main_inner_headerfour__slUk1 {
580
- padding: 80px 10px !important;
581
- }
582
- }
583
- /* Card */
584
- .general-module_card__KT-JI {
585
- position: relative;
586
- display: flex;
587
- flex-direction: column;
588
- min-width: 0;
589
- word-wrap: break-word;
590
- background-color: white !important;
591
- background-clip: border-box;
592
- border-radius: 15px;
593
- padding: 0.5em 0.8em;
594
- transition: all 0.2s;
595
- }
596
- .general-module_card_border_10__M-cl- {
597
- border-radius: 10px !important;
598
- }
599
- /* Responsive */
600
- @media (max-width: 991.98px) {
601
- .general-module_app_main__3s9rd {
602
- display: block;
603
- }
604
- .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {
605
- padding-left: 0 !important;
606
- }
607
- .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {
608
- padding-right: 0;
609
- padding-left: 0;
610
- }
611
- }
612
- @media (max-width: 1025px) {
613
- .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {
614
- padding: 130px 20px 0;
615
- }
616
- }
617
- @media (max-width: 800px) {
618
- .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {
619
- padding: 130px 20px 0 !important;
620
- }
621
- }
622
-
623
- @media (max-width: 600px) {
624
- .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {
625
- padding: 70px 20px !important;
626
- }
627
- }
628
-
629
- /* Pills */
630
- .general-module_pill__gHCcE {
631
- min-width: 9vh;
632
- height: 4vh;
633
- color: white;
634
- padding: 0 1%;
635
- display: flex;
636
- text-align: center;
637
- justify-content: center;
638
- align-items: center;
639
- border-radius: 20px;
640
- font-size: 12px;
641
- }
642
- .general-module_fadeIn__bUx2u {
643
- /* opacity: 1; */
644
- display: block;
645
- visibility: visible;
646
- transition: 1s ease-in-out;
647
- transition-delay: 0s;
648
- }
649
- .general-module_fadeOut__R13Fc {
650
- /* opacity: 0; */
651
- display: none;
652
- visibility: hidden;
653
- transition: 1s ease-in-out;
654
- }
655
- .general-module_fadeInButton__1daVD {
656
- display: block;
657
- }
658
- .general-module_fadeOutButton__8BRUG {
659
- display: none;
660
- }
661
-
662
- /* Section Title */
663
- .general-module_sectiontitlecont__F-e6k {
664
- padding: 0;
665
- display: flex;
666
- align-items: center;
667
- justify-content: center;
668
- position: relative;
669
- }
670
- .general-module_sectiontitlecont__F-e6k span {
671
- position: relative;
672
- white-space: nowrap;
673
- transition: 0.3s;
674
- }
675
- .general-module_sectiontitlecont__F-e6k span::after {
676
- content: '';
677
- position: absolute;
678
- bottom: -3px;
679
- left: 0;
680
- display: block;
681
- height: 3px;
682
- border-radius: 20px;
683
- z-index: 1000;
684
- }
685
- .general-module_homesectiontitlecont__ZfXNm span {
686
- font-size: 25px !important;
687
- }
688
-
689
- .general-module_sectiontitlecont2__mfEaP {
690
- padding: 0;
691
- display: flex;
692
- align-items: center;
693
- justify-content: center;
694
- position: relative;
695
- }
696
- .general-module_sectiontitlecont2__mfEaP span {
697
- position: relative;
698
- white-space: nowrap;
699
- transition: 0.3s;
700
- }
701
- .general-module_sectiontitlecont2__mfEaP span::after {
702
- content: '';
703
- position: absolute;
704
- bottom: -3px;
705
- left: 0;
706
- display: block;
707
- border-radius: 20px;
708
- z-index: 1000;
709
- }
710
-
711
- .Productccard_with_zoominonhover-module_productcard__8ASdR {
712
- position: relative;
713
- }
714
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {
715
- position: absolute;
716
- top: 5px;
717
- right: 5px;
718
- opacity: 0;
719
- transition: .3s
720
- }
721
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl {
722
- position: relative;
723
- z-index: 1
724
- }
725
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {
726
- opacity: 1;
727
- z-index: 8
728
- }
729
- .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {
730
- transform: translateX(10px);
731
- transition: .3s;
732
- transition-property: transform;
733
- display: block
734
-
735
- }
736
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {
737
- transform: translateX(0)
738
- }
739
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_product_details__3SLId {
740
- padding-top: 10px ;
741
-
742
- }
743
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {
744
- /* display: none; */
745
- padding: 0 10px;
746
- /* width: 101% !important;
747
- left: -1px; */
748
- }
749
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK .Productccard_with_zoominonhover-module_price__12djA {
750
- display: none
751
- }
752
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {
753
- display: block;
754
- z-index: 1000 !important
755
- }
756
- @media screen and (max-width:800px) {
757
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {
758
- display: block !important;
759
- /* border:none !important */
760
- }
761
- }
762
- .categorycard3-module_categoryCard__3mSQo {
763
- position: relative;
764
- overflow: hidden;
765
- cursor: pointer;
766
- background-size: cover;
767
- background-repeat: no-repeat;
768
- background-position: center;
769
- transition: 0.3s;
770
- }
771
- .categorycard3-module_categoryCard__3mSQo figcaption {
772
- width: 100%;
773
- height: 100%;
774
- }
775
- .categorycard3-module_categoryCard__3mSQo figcaption::before {
776
- position: absolute;
777
- top: 50%;
778
- right: 30px;
779
- bottom: 50%;
780
- left: 30px;
781
- content: '';
782
- opacity: 0;
783
- -webkit-transition: all 0.4s;
784
- transition: all 0.4s;
785
- -webkit-transition-delay: 0.3s;
786
- transition-delay: 0.3s;
787
- }
788
- .categorycard3-module_categoryCard__3mSQo button {
789
- position: absolute;
790
- left: 0;
791
- /* bottom: 30px; */
792
- position: relative;
793
- /* top: 100px; */
794
- /* opacity: 0; */
795
- display: inline-block;
796
- vertical-align: middle;
797
- transition: 0.15s ease-in-out;
798
- -webkit-transition: all 0.4s ease 0.1s;
799
- -o-transition: all 0.4s ease 0.1s;
800
- transition: all 0.4s ease 0.1s;
801
- }
802
- .categorycard3-module_categoryCard__3mSQo:hover figcaption button {
803
- opacity: 1;
804
- top: 0;
805
- }
806
- .categorycard3-module_categoryCard__3mSQo:hover figcaption::before {
807
- background: rgba(0, 0, 0, 0.1);
808
- top: 30px;
809
- bottom: 30px;
810
- opacity: 1;
811
- }
812
-