tabexseriescomponents 0.0.10 → 0.0.13

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,807 +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
- user-select: none;
272
- background-color: transparent;
273
- border-radius: 20px;
274
- height: 35px;
275
- padding: 0 10px;
276
- 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;
277
- font-size: 13px;
278
- }
279
- .general-module_btn_rounded__Rkb8o {
280
- width: 5vh !important;
281
- height: 5vh !important;
282
- border-radius: 50% !important;
283
- }
284
- @media screen and (prefers-reduced-motion: reduce) {
285
- .general-module_btn__FAb1b {
286
- transition: none;
287
- }
288
- }
289
- .general-module_btn__FAb1b:hover {
290
- text-decoration: none;
291
- }
292
- .general-module_btn__FAb1b:focus,
293
- .general-module_btn__FAb1b.general-module_focus__8-F6p {
294
- outline: 0;
295
- box-shadow: none;
296
- }
297
- .general-module_btn__FAb1b.general-module_disabled__PRzt-,
298
- .general-module_btn__FAb1b:disabled {
299
- opacity: 0.65;
300
- cursor: not-allowed;
301
- }
302
- .general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {
303
- cursor: pointer;
304
- }
305
- a.general-module_btn__FAb1b.general-module_disabled__PRzt- {
306
- pointer-events: none;
307
- cursor: not-allowed;
308
- }
309
- .general-module_btn_tranparent__GFTRs {
310
- color: #fff;
311
- background-color: tranparent;
312
- border-color: tranparent;
313
- }
314
- .general-module_btn_circle__lOyd4 {
315
- border-radius: 100%;
316
- width: 35px;
317
- height: 35px;
318
- line-height: 20px;
319
- padding: 10px;
320
- display: flex;
321
- justify-content: center;
322
- align-items: center;
323
- }
324
- .general-module_btn_white__H0esd {
325
- color: #fff;
326
- background-color: #fff;
327
- border-color: #fff;
328
- color: var(--primary);
329
- }
330
- .general-module_btn_white__H0esd:hover {
331
- color: #fff;
332
- background-color: var(--secondary);
333
- border-color: var(--secondary);
334
- }
335
- .general-module_btn_white__H0esd.general-module_disabled__PRzt-,
336
- .general-module_btn_white__H0esd:disabled {
337
- color: #fff;
338
- background-color: #fff;
339
- border-color: #fff;
340
- cursor: not-allowed;
341
- opacity: 0.7;
342
- }
343
- .general-module_btn_black__NcqLp {
344
- color: #fff;
345
- background-color: #000;
346
- border-color: #000;
347
- }
348
- .general-module_btn_black__NcqLp:hover {
349
- color: #fff;
350
- background-color: #595959;
351
- border-color: #595959;
352
- }
353
- .general-module_btn_black__NcqLp.general-module_disabled__PRzt-,
354
- .general-module_btn_black__NcqLp:disabled {
355
- color: #fff;
356
- background-color: #000;
357
- border-color: #000;
358
- cursor: not-allowed;
359
- opacity: 0.7;
360
- }
361
- .general-module_btn_primary__C5oTz {
362
- color: #fff;
363
- background-color: var(--primary);
364
- border-color: var(--primary);
365
- }
366
- .general-module_btn_primary__C5oTz:hover {
367
- color: #fff;
368
- background-color: var(--secondary);
369
- border-color: var(--secondary);
370
- }
371
- .general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,
372
- .general-module_btn_primary__C5oTz:disabled {
373
- color: #fff;
374
- background-color: var(--primary);
375
- border-color: var(--primary);
376
- cursor: not-allowed;
377
- opacity: 0.7;
378
- }
379
- .general-module_btn_secondary__MbOCN {
380
- color: #fff;
381
- background-color: var(--secondary);
382
- border-color: var(--secondary);
383
- }
384
- .general-module_btn_secondary__MbOCN:hover {
385
- color: #fff;
386
- background-color: #5a6268;
387
- border-color: #545b62;
388
- }
389
- .general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,
390
- .general-module_btn_secondary__MbOCN:disabled {
391
- color: #fff;
392
- background-color: var(--secondary);
393
- border-color: var(--secondary);
394
- cursor: not-allowed;
395
- opacity: 0.7;
396
- }
397
- .general-module_btn_success__iV5-t {
398
- color: #fff;
399
- background-color: var(--success);
400
- border-color: var(--success);
401
- }
402
- .general-module_btn_success__iV5-t:hover {
403
- color: #fff;
404
- background-color: var(--successhover);
405
- border-color: var(--successhover);
406
- }
407
- .general-module_btn_success__iV5-t.general-module_disabled__PRzt-,
408
- .general-module_btn_success__iV5-t:disabled {
409
- color: #fff;
410
- background-color: var(--success);
411
- border-color: var(--success);
412
- cursor: not-allowed;
413
- opacity: 0.7;
414
- }
415
- .general-module_btn_info__-ClLB {
416
- color: #fff;
417
- background-color: var(--info);
418
- border-color: var(--info);
419
- }
420
- .general-module_btn_info__-ClLB:hover {
421
- color: #fff;
422
- background-color: var(--infohover);
423
- border-color: var(--infohover);
424
- }
425
- .general-module_btn_info__-ClLB.general-module_disabled__PRzt-,
426
- .general-module_btn_info__-ClLB:disabled {
427
- color: #fff;
428
- background-color: var(--info);
429
- border-color: var(--info);
430
- cursor: not-allowed;
431
- opacity: 0.7;
432
- }
433
- .general-module_btn_danger__b0QkM {
434
- color: #fff;
435
- background-color: var(--danger);
436
- border-color: var(--danger);
437
- }
438
- .general-module_btn_danger__b0QkM:hover {
439
- color: #fff;
440
- background-color: var(--dangerhover);
441
- border-color: var(--dangerhover);
442
- }
443
- .general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,
444
- .general-module_btn_danger__b0QkM:disabled {
445
- color: #fff;
446
- background-color: var(--danger);
447
- border-color: var(--danger);
448
- cursor: not-allowed;
449
- opacity: 0.7;
450
- }
451
- .general-module_btn_dark__hSWyC {
452
- color: #fff;
453
- background-color: var(--dark);
454
- border-color: var(--dark);
455
- }
456
- .general-module_btn_dark__hSWyC:hover {
457
- color: #fff;
458
- background-color: var(--darkhover);
459
- border-color: var(--darkhover);
460
- }
461
- .general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,
462
- .general-module_btn_dark__hSWyC:disabled {
463
- color: #fff;
464
- background-color: var(--dark);
465
- border-color: var(--dark);
466
- cursor: not-allowed;
467
- opacity: 0.7;
468
- }
469
- .general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,
470
- .general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {
471
- color: #fff;
472
- background-color: #ccc;
473
- border-color: #ccc;
474
- }
475
- .general-module_btn_grey__fGIYU {
476
- color: #fff;
477
- background-color: var(--focus);
478
- border-color: var(--focus);
479
- }
480
- .general-module_btn_grey__fGIYU:hover {
481
- color: #fff;
482
- background-color: var(--dark);
483
- border-color: var(--dark);
484
- }
485
- .general-module_btn_cardheader__vccWl {
486
- color: #fff;
487
- background-color: var(--cardheader);
488
- border-color: var(--cardheader);
489
- }
490
- .general-module_btn_cardheader__vccWl:hover {
491
- color: #fff;
492
- background-color: #007a99;
493
- border-color: #007a99;
494
- }
495
- .general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,
496
- .general-module_btn_cardheader__vccWl:disabled {
497
- color: #fff;
498
- background-color: #005166;
499
- border-color: #005166;
500
- cursor: not-allowed;
501
- opacity: 0.7;
502
- }
503
-
504
- /* Borders */
505
- .general-module_border_primary__Jqm8o {
506
- border-color: #022648;
507
- }
508
- .general-module_border_secondary__xiHt3 {
509
- border-color: #eac435;
510
- }
511
- .general-module_border_success__kWv6N {
512
- border-color: var(--success);
513
- }
514
- .general-module_border_info__wfOF- {
515
- border-color: #16aaff;
516
- }
517
- .general-module_border_warning__mSIRm {
518
- border-color: #f7b924;
519
- }
520
- .general-module_border_danger__U7veI {
521
- border-color: #d92550;
522
- }
523
- .general-module_border__Pvp44 {
524
- border: 1px solid #dee2e6 !important;
525
- }
526
- .general-module_border_top__0-KRU {
527
- border-top: 1px solid #dee2e6 !important;
528
- }
529
- .general-module_border_right__7QXHH {
530
- border-right: 1px solid #dee2e6 !important;
531
- }
532
- .general-module_border_bottom__Xyy95 {
533
- border-bottom: 1px solid #dee2e6 !important;
534
- }
535
- .general-module_border_left__90qSD {
536
- border-left: 1px solid #dee2e6 !important;
537
- }
538
- .general-module_border_0__YO9qY {
539
- border: 0 !important;
540
- }
541
- .general-module_border_top_0__KFIha {
542
- border-top: 0 !important;
543
- }
544
- .general-module_border_right_0__FaED6 {
545
- border-right: 0 !important;
546
- }
547
- .general-module_border_bottom_0__NZhJm {
548
- border-bottom: 0 !important;
549
- }
550
- .general-module_border_top_0__KFIha {
551
- border-top: 0 !important;
552
- }
553
- .general-module_border_left_0__gjITr {
554
- border-left: 0 !important;
555
- }
556
- /* Inner Content */
557
- .general-module_app_container__-NNzK {
558
- display: flex;
559
- flex-direction: column;
560
- margin: 0;
561
- position: relative !important;
562
- }
563
- .general-module_app_main__3s9rd {
564
- z-index: 8;
565
- position: relative;
566
- }
567
- .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {
568
- flex: 1;
569
- padding: 130px 40px 0;
570
- }
571
- .general-module_app_main_inner_headertwo__UkOlN {
572
- padding: 100px 40px 0 !important;
573
- }
574
- .general-module_app_main_inner_headerfour__slUk1 {
575
- padding: 80px 20px 0 280px !important;
576
- }
577
- @media screen and (max-width: 1025px) {
578
- .general-module_app_main_inner_headerfour__slUk1 {
579
- padding: 80px 10px !important;
580
- }
581
- }
582
- /* Card */
583
- .general-module_card__KT-JI {
584
- position: relative;
585
- display: flex;
586
- flex-direction: column;
587
- min-width: 0;
588
- word-wrap: break-word;
589
- background-color: white !important;
590
- background-clip: border-box;
591
- border-radius: 15px;
592
- padding: 0.5em 0.8em;
593
- transition: all 0.2s;
594
- }
595
- .general-module_card_border_10__M-cl- {
596
- border-radius: 10px !important;
597
- }
598
- /* Responsive */
599
- @media (max-width: 991.98px) {
600
- .general-module_app_main__3s9rd {
601
- display: block;
602
- }
603
- .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {
604
- padding-left: 0 !important;
605
- }
606
- .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {
607
- padding-right: 0;
608
- padding-left: 0;
609
- }
610
- }
611
- @media (max-width: 1025px) {
612
- .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {
613
- padding: 130px 20px 0;
614
- }
615
- }
616
- @media (max-width: 800px) {
617
- .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {
618
- padding: 130px 20px 0 !important;
619
- }
620
- }
621
-
622
- @media (max-width: 600px) {
623
- .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {
624
- padding: 70px 20px !important;
625
- }
626
- }
627
-
628
- /* Pills */
629
- .general-module_pill__gHCcE {
630
- min-width: 9vh;
631
- height: 4vh;
632
- color: white;
633
- padding: 0 1%;
634
- display: flex;
635
- text-align: center;
636
- justify-content: center;
637
- align-items: center;
638
- border-radius: 20px;
639
- font-size: 12px;
640
- }
641
- .general-module_fadeIn__bUx2u {
642
- /* opacity: 1; */
643
- display: block;
644
- visibility: visible;
645
- transition: 1s ease-in-out;
646
- transition-delay: 0s;
647
- }
648
- .general-module_fadeOut__R13Fc {
649
- /* opacity: 0; */
650
- display: none;
651
- visibility: hidden;
652
- transition: 1s ease-in-out;
653
- }
654
- .general-module_fadeInButton__1daVD {
655
- display: block;
656
- }
657
- .general-module_fadeOutButton__8BRUG {
658
- display: none;
659
- }
660
-
661
- /* Section Title */
662
- .general-module_sectiontitlecont__F-e6k {
663
- padding: 0;
664
- display: flex;
665
- align-items: center;
666
- justify-content: center;
667
- position: relative;
668
- }
669
- .general-module_sectiontitlecont__F-e6k span {
670
- position: relative;
671
- white-space: nowrap;
672
- transition: 0.3s;
673
- }
674
- .general-module_sectiontitlecont__F-e6k span::after {
675
- content: '';
676
- position: absolute;
677
- bottom: -3px;
678
- left: 0;
679
- display: block;
680
- height: 3px;
681
- border-radius: 20px;
682
- z-index: 1000;
683
- }
684
- .general-module_homesectiontitlecont__ZfXNm span {
685
- font-size: 25px !important;
686
- }
687
-
688
- .general-module_sectiontitlecont2__mfEaP {
689
- padding: 0;
690
- display: flex;
691
- align-items: center;
692
- justify-content: center;
693
- position: relative;
694
- }
695
- .general-module_sectiontitlecont2__mfEaP span {
696
- position: relative;
697
- white-space: nowrap;
698
- transition: 0.3s;
699
- }
700
- .general-module_sectiontitlecont2__mfEaP span::after {
701
- content: '';
702
- position: absolute;
703
- bottom: -3px;
704
- left: 0;
705
- display: block;
706
- border-radius: 20px;
707
- z-index: 1000;
708
- }
709
-
710
- .Productccard_with_zoominonhover-module_productcard__8ASdR {
711
- position: relative;
712
- }
713
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_thumbnail__xCWyB .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {
714
- position: absolute;
715
- top: 5px;
716
- right: 5px;
717
- opacity: 0;
718
- transition: .3s
719
- }
720
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl {
721
- position: relative;
722
- z-index: 1
723
- }
724
- .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 {
725
- opacity: 1;
726
- z-index: 8
727
- }
728
- .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {
729
- transform: translateX(10px);
730
- transition: .3s;
731
- transition-property: transform;
732
- display: block
733
-
734
- }
735
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_wishlistbtn__-9K6V {
736
- transform: translateX(0)
737
- }
738
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_product_details__3SLId {
739
- padding-top: 10px ;
740
-
741
- }
742
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {
743
- /* display: none; */
744
- padding: 0 10px;
745
- /* width: 101% !important;
746
- left: -1px; */
747
- }
748
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK .Productccard_with_zoominonhover-module_price__12djA {
749
- display: none
750
- }
751
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_inner__-pVNl:hover .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {
752
- display: block;
753
- z-index: 1000 !important
754
- }
755
- @media screen and (max-width:800px) {
756
- .Productccard_with_zoominonhover-module_productcard__8ASdR .Productccard_with_zoominonhover-module_card_informationcontainer__suyHK {
757
- display: block !important;
758
- /* border:none !important */
759
- }
760
- }
761
- .categorycard3-module_categoryCard__3mSQo {
762
- position: relative;
763
- overflow: hidden;
764
- cursor: pointer;
765
- background-size: cover;
766
- background-repeat: no-repeat;
767
- background-position: center;
768
- transition: 0.3s;
769
- }
770
- .categorycard3-module_categoryCard__3mSQo figcaption {
771
- width: 100%;
772
- height: 100%;
773
- }
774
- .categorycard3-module_categoryCard__3mSQo figcaption::before {
775
- position: absolute;
776
- top: 50%;
777
- right: 30px;
778
- bottom: 50%;
779
- left: 30px;
780
- content: '';
781
- opacity: 0;
782
- transition: all 0.4s;
783
- transition-delay: 0.3s;
784
- }
785
- .categorycard3-module_categoryCard__3mSQo button {
786
- position: absolute;
787
- left: 0;
788
- /* bottom: 30px; */
789
- position: relative;
790
- /* top: 100px; */
791
- /* opacity: 0; */
792
- display: inline-block;
793
- vertical-align: middle;
794
- transition: 0.15s ease-in-out;
795
- transition: all 0.4s ease 0.1s;
796
- }
797
- .categorycard3-module_categoryCard__3mSQo:hover figcaption button {
798
- opacity: 1;
799
- top: 0;
800
- }
801
- .categorycard3-module_categoryCard__3mSQo:hover figcaption::before {
802
- background: rgba(0, 0, 0, 0.1);
803
- top: 30px;
804
- bottom: 30px;
805
- opacity: 1;
806
- }
807
-