MeasureThat.net

 _performance_comparison: DeepClone vs removing/adding eventlisteners (version: 2)

Comparing performance of: Deep Clone vs removing listeners only

Created: one year ago by: Registered User
Jump to the latest result
HTML Preparation code:
​x
 
1
<div id="divContentWrapper" class="ms-edge-shopping-650" style="--scrollbar-width: 15px;"><style type="text/css">
2
        fluent-design-system-provider {
3
            --product-wrapper-border: 1px solid rgb(236, 236, 236);
4
            --text-price-color: rgba(0, 0, 0, 0.83);
5
            --text-red-savings-color: #DE3700;
6
            --text-green-savings-color: #008A21;
7
            --text-retailer-color: rgba(0, 0, 0, 0.83);
8
            --text-normal: #1A1A1A;
9
            --text-neutral-foreground: #7A7A7A;
10
            --text-neutral-foreground-hint: #717171;
11
​
12
            --price-history-increase-color: #D64400;
13
            --price-history-decrease-color: #008A21;
14
            --price-history-stable-color: #166FF5;
15
​
16
            --body-font: 'Segoe UI', 'Roboto', Helvetica, Verdana, sans-serif;
17
​
18
            --section-separator-opacity: 1;
19
​
20
            --show-more-btn-bg-color: inherit;
21
​
22
            --tooltip-background-color: #FFFFFF;
23
​
24
            --coupon-selected-color: #207A90;
25
​
26
            --coupon-success-color: #DE3700;
27
            --coupon-success-bg-start: #FFEEF5;
28
            --coupon-success-bg-mid: #FFFBF0;
29
            --coupon-success-bg-end: #FFFFFF;
30
​
31
            --coupon-success-border: rgba(245, 214, 216, 0.3);
32
​
33
            --coupon-success-hover-bg-start: #FFF1F7;
34
            --coupon-success-hover-bg-mid: #FFFEF0;
35
            --coupon-success-hover-bg-end: #FFFFFF;
36
​
37
            --coupon-control-bg-start: #EDFBFF;
38
            --coupon-control-bg-end: #FFFFFF;
39
​
40
            --coupon-control-border: rgba(201, 225, 231, 0.3);
41
            --coupon-control-hover-bg-start: #FFFFFF;
42
            --coupon-control-hover-bg-end: #EDFBFF;
43
​
44
            --coupon-success-rate-bg-start: #E4008A;
45
            --coupon-success-rate-bg-mid: #FF4B14;
46
            --coupon-success-rate-bg-end: #FF8D24;
47
​
48
            --coupon-title-hover-color: #666666;
49
            --coupon-non-stackable-msg-color: #666666;
50
​
51
            --coupon-single-row-bg: #FFFFFF;
52
​
53
            --notification-header-bottom-border: #EBEBEB;
54
        }
55
        html {
56
            overflow: hidden;
57
            --background-outline-rest: padding-box linear-gradient(#FFFFFF, #FFFFFF), border-box linear-gradient(#efefef 90%, #d6d6d6 100%);
58
            --background-outline-hover: padding-box linear-gradient(#F7F7F7, #F7F7F7), border-box linear-gradient(#e5e5e5 90%, #cecece 100%);
59
            --background-outline-secondary-rest: padding-box linear-gradient(var(--fill-color), var(--fill-color)), border-box linear-gradient(88.14deg, #018DC8 0.49%, #01CC83 53.44%, #0CBFC9 104.22%);
60
        }
61
        msft-edge-shopping::part(header) {
62
            margin-top: 16px!important;
63
        }
64
        fluent-anchor {
65
            font-weight: 600;
66
        }
67
        .imgProduct {
68
            width: auto;
69
            height: auto;
70
            box-sizing: border-box;
71
            place-self: center;
72
            object-fit: cover;
73
        }
74
        .divProductImageContainer {
75
            position: relative;
76
            background-color: #FFFFFF;
77
            background-position: center;
78
            background-size: cover;
79
            font-weight: 600;
80
            font-size: 12px;
81
            line-height: 12px;
82
            text-align: center;
83
            color: #000000;
84
            display: flex;
85
            justify-content: center;
86
            align-items: center;
87
            overflow: hidden;
88
            place-self: center;
89
        }
90
        .divProductImageAlpha {
91
            background: rgba(0, 0, 0, 0.03);
92
            position: absolute;
93
            top: 0px;
94
            left: 0px;
95
            object-fit: cover;
96
        }
97
        msft-shopping-coupon,
98
        msft-shopping-link {
99
            margin-top: 5px;
100
        }
101
        msft-edge-shopping-section {
102
            margin-top: 10px;
103
            width: 100%;
104
        }
105
        msft-shopping-link:first-of-type,
106
        msft-shopping-coupon:first-of-type {
107
            margin-top: 0;
108
        }
109
        fluent-menu-item::part(content) {
110
            width: 100%;
111
            overflow: hidden;
112
            overflow-wrap: break-word;
113
            -webkit-line-clamp: 1;
114
            -webkit-box-orient: vertical;
115
        }
116
        msft-edge-shopping::part(footer){
117
            padding: 0px;
118
            margin-top: 0px;
119
            display: flex;
120
            flex-direction: column;
121
            border-top: none;
122
        }
123
        .noInlinePadding::part(action) {
124
            margin-inline-start: 0px;
125
        }
126
        fluent-anchor,
127
        fluent-button,
128
        fluent-card {
129
            font-size: 12px;
130
        }
131
        #remindLater::part(control) {
132
            display: flex;
133
            align-self: center;
134
        }
135
        #remindLater {
136
            margin-top: 5px;
137
            margin-bottom: 5px;
138
        }
139
        #footerDiv {
140
            display: grid;
141
            column-gap: 12px;
142
            justify-content: center;
143
            width: 100%;
144
            margin-top: 10px;
145
            margin-bottom: 12px;
146
            grid-template-columns: calc(50% - 22px) calc(50% - 22px);
147
        }
148
        .lateralMargin {
149
            width: calc(100% - 32px)!important;
150
            margin: auto;
151
        }
152
        #notshow::part(content), #snoozeWithOptions::part(content) {
153
            display: flex;
154
            flex-direction: row;
155
            width: 100%;
156
            justify-content: space-between;
157
        }
158
        #doNotShowOverlay, #snoozeOverlay {
159
            position: absolute;
160
            right: 20px;
161
            width: 73%;
162
            bottom: 40px;
163
            z-index: 1;
164
        }
165
        #doNotShowOverlay fluent-menu-item, #snoozeOverlay fluent-menu-item {
166
            grid-template-columns: minmax(14px, auto) 1fr minmax(12px, auto);
167
        }
168
        ::part(sections) {
169
            position: relative;
170
            margin-top: 10px;
171
            padding: 0px!important;
172
            overflow: hidden;
173
        }
174
        .noSections::part(sections) {
175
            margin-top: 0px!important;
176
        }
177
        ::part(start-content) {
178
            padding: 0px;
179
        }
180
        ::part(actions) {
181
            width: 100%;
182
            border-bottom: unset;
183
            padding-bottom: 0px;
184
            padding-top: 0px;
185
            display: flex;
186
            flex-direction: column;
187
            justify-content: center;
188
            align-items: center;
189
        }
190
        [slot="actions"] {
191
            margin-top: 10px;
192
            width: 100%;
193
        }
194
        msft-shopping-link:last-of-type {
195
            margin-bottom: 5px;
196
        }
197
        msft-shopping-coupon:last-of-type {
198
            margin-bottom: 5px;
199
        }
200
        ::part(start-content) {
201
            padding-top: 0px;
202
            padding-bottom: 0px;
203
        }
204
        #divContentWrapper {
205
            width: 360px;
206
            height: auto;
207
        }
208
        #divContentWrapperStorybook {
209
            width: 360px;
210
            height: auto;
211
        }
212
        #menuMessage {
213
            margin-left: 22px;
214
        }
215
        #menuSettingsBingPrivacy {
216
            display: flex;
217
            flex-direction: row;
218
            justify-content: flex-start;
219
            color: #767676;
220
            margin-bottom: 6px;
221
            padding-top: 5px;
222
            border-top: 1px solid #F1F1F1
223
        }
224
        body {
225
            margin: 0px;
226
        }
227
        .hide {
228
            display: none;
229
        }
230
        msft-edge-shopping {
231
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
232
            height: auto;
233
            max-height: 580px;
234
        }
235
        #divContentWrapper.ms-edge-shopping-650 msft-edge-shopping {
236
            max-height: 650px;
237
        }
238
        #divContentWrapper.ms-edge-shopping-489 msft-edge-shopping {
239
            height: 489px;
240
        }
241
        fluent-design-system-provider {
242
            width: 360px;
243
            margin: 0px;
244
        }
245
        .txtLarge {
246
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
247
            font-size: 24px;
248
            line-height: 24px;
249
            margin: 0px;
250
            color: var(--neutral-foreground-rest);
251
        }
252
        .txtMedium {
253
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
254
            font-size: 16px;
255
            line-height: 20px;
256
            margin: 0px;
257
            color: var(--neutral-foreground-rest);
258
        }
259
        .txtSmall {
260
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
261
            font-size: 14px;
262
            line-height: 20px;
263
            margin: 0px;
264
            color: var(--neutral-foreground-rest);
265
        }
266
        .txtXSmall {
267
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
268
            font-size: 12px;
269
            font-weight: 400;
270
            line-height: 16px;
271
            margin: 0px;
272
            color: var(--neutral-foreground-rest);
273
        }
274
        .txtEmptyCoupons {
275
            all: initial;
276
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
277
            font-size: 18px;
278
            line-height: 25px;
279
            margin: 0px;
280
            color: rgba(0, 0, 0, 0.83);
281
        }
282
        .txtEmptyCouponsCjk {
283
            all: initial;
284
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
285
            font-size: 18px;
286
            line-height: 25px;
287
            margin: 0px;
288
            color: rgba(0, 0, 0, 0.83);
289
            width: 80%;
290
            text-align: center;
291
        }
292
        .txtSavingsColor {
293
            color: var(--text-green-savings-color);
294
            font-weight: 500;
295
        }
296
        .defaultFontFamily {
297
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
298
        }
299
        msft-shopping-link::part(attribution) {
300
            margin-top: 6px;
301
        }
302
        .sectionSeparator {
303
            position: absolute;
304
            border: 1px solid #000000;
305
            opacity: 0.04;
306
            margin-bottom: 0px;
307
            margin-top: 0px;
308
            border-bottom: unset;
309
            width: 360px;
310
            left: 0px;
311
            right: 0px;
312
        }
313
        ::part(control) {
314
            margin-bottom: 0px;
315
        }
316
        .triviaTitle {
317
            margin: 0px;
318
            display: flex;
319
            column-gap: 3px;
320
            flex-wrap: wrap;
321
            justify-content: center;
322
            font-weight: 400;
323
            font-size: 12px;
324
            line-height: 20px;
325
            vertical-align: middle;
326
            text-align: center;
327
            padding: 8px 10px;
328
        }
329
        .savingsFoundTextContainer {
330
            display: flex;
331
            justify-content: center;
332
            column-gap: 3px;
333
            line-height: normal;
334
            margin-top: 6px;
335
        }
336
        .savingsFoundTextContainer:last-child {
337
            margin-bottom: 6px;
338
        }
339
        .infoicon {
340
            align-self: center;
341
            display: inline;
342
            position: relative;
343
            top: -10px;
344
        }
345
        ::part(tooltip) {
346
            white-space: unset;
347
            font-size: 10px;
348
            hyphens: auto;
349
            padding: 4px 6px;
350
            line-height: 12px;
351
            padding-bottom: 8px;
352
        }
353
        .btnTooltip {
354
            border: none;
355
            outline: none;
356
            border-radius: 4px;
357
            background: transparent;
358
            display: flex;
359
        }
360
        #remindLaterFooter {
361
            font-size: 14px;
362
            margin-left: 10px;
363
            --accent-foreground-hover: none;
364
        }
365
        .btnTooltip:focus-visible {
366
            box-shadow: 0 0 0 2px inset #fbfdfe, 0 0 0 1px #878787;
367
            border: 1px solid #878787;
368
        }
369
        .infoiconsvg {
370
            fill: #000000;
371
        }
372
        .newSeeMore {
373
            width: 100%;
374
            margin: 0px 20px 20px 20px;
375
            font-size: 14px;
376
            font-weight: 400;
377
            line-height: 20px;
378
        }
379
        .cjkNewSeeMore {
380
            font-family: "Segoe UI", "Roboto", Helvetica, Verdana, sans-serif;
381
            font-style: normal;
382
            font-weight: 400;
383
            font-size: 12px;
384
            color: #717171;
385
            width: fit-content;
386
            height: 100%;
387
            margin-left: 16px;
388
            margin-bottom: 16px;
389
        }
390
        .cjkDivNewSeeMore {
391
            background-color: #FFFFFF;
392
        }
393
        .btnSeeMoreSeparate {
394
            margin: 0px!important;
395
        }
396
        .sectionTabs[aria-selected=true] {
397
            color: #036AC4;
398
            border: 1px solid #036AC4;
399
        }
400
        .sectionTabs[aria-selected=false] {
401
            color: #595959;
402
            font-weight: 400;
403
            border: 1px solid #595959;
404
        }
405
        .sectionTabs::active {
406
            border-width: 2px;
407
        }
408
        .sectionTabs {
409
            margin: 0px 5px;
410
            padding: 0px 10px;
411
            border-radius: 100px;
412
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
413
            font-size: 12px;
414
            height: 24px;
415
            display: flex;
416
            flex-direction: column;
417
            background-color: var(--fill-color);
418
            flex-direction: row;
419
            column-gap: 4px;
420
            width: max-content;
421
        }
422
        .sectionTabList::part(activeIndicator) {
423
            display: none;
424
        }
425
        .sectionTabList::part(tablist) {
426
            margin-bottom: 20px;
427
            width: calc(100% - 32px);
428
            margin: auto;
429
            overflow: auto;
430
        }
431
        @keyframes updownAnimation {
432
            0% {
433
              transform: translateY(-40%);
434
            }
435
            50% {
436
              transform: translateY(40%);
437
            }
438
            100% {
439
              transform: translateY(-40%);
440
            }
441
        }
442
        ::part(header-fixed) {
443
            height: 44px;
444
        }
445
        ::part(header-fixed-title) {
446
            font-weight: 400;
447
        }
448
        .btnPrimary {
449
            width: 100%;
450
            height: 44px;
451
            font-weight: 600;
452
            font-size: 16px;
453
            line-height: 20px;
454
            border-radius: 8px;
455
        }
456
        .btnPrimaryColor {
457
            width: 100%;
458
            height: 48px;
459
            font-weight: 600;
460
            font-size: 16px;
461
            line-height: 20px;
462
            color: #FFFFFF;
463
            background: linear-gradient(90.05deg, #8300D4 0.59%, #0048D4 67.54%, #00D4A1 104.11%);
464
        }
465
        .btnPrimaryColor:hover {
466
            background: linear-gradient(90.05deg, #9E00FF 0.59%, #0048D4 67.54%, #00FFC2 104.11%);
467
        }
468
        .btnSimpleOutline {
469
            height: 32px;
470
            font-weight: 400;
471
            font-size: 14px;
472
            border-radius: 4px;
473
            line-height: 20px;
474
        }
475
        .btnSimpleOutline::part(control) {
476
            background: var(--background-outline-rest);
477
        }
478
        .btnSimpleOutline::part(control):hover {
479
            background: var(--background-outline-hover)!important;
480
        }
481
        .btnSecondary {
482
            color: #008076;
483
            height: 32px;
484
            font-weight: 400;
485
            font-size: 14px;
486
            border-radius: 4px;
487
        }
488
        .btnSecondary::part(control) {
489
            background: var(--background-outline-secondary-rest);
490
        }
491
        .btnPrimarySmallNotification {
492
            box-sizing: border-box;
493
            width: 100%;
494
            height: 32px;
495
            font-weight: 400;
496
            font-size: 14px;
497
            line-height: 20px;
498
        }
499
​
500
        @media (-ms-high-contrast: active) {
501
            #disabled-notification-icon path, #notification-icon path, #left-arrow-icon path, #right-arrow-icon path {
502
                fill: buttonText !important;
503
            }
504
        }
505
        section#toastContainer {
506
            position: fixed;
507
            top: 100%;
508
            z-index: 12; /* 10 is the z-index of the price drop decoration "12% OFF" */
509
        }
510
​
511
        #toastWrapper {
512
            display: grid;
513
            justify-content: center;
514
            gap: 10px;
515
            width: 100vw;
516
            will-change: transform;
517
        }
518
​
519
        #toastWrapper .toast {
520
            background: #1A1A1A;
521
            max-width: 80vw;
522
            display: flex;
523
            padding-block: 11px;
524
            margin: auto;
525
            justify-content: space-between;
526
            align-items: center;
527
            border-radius: 4px;
528
            padding-inline: 16px;
529
            font-size: 1rem;
530
            will-change: transform;
531
            transition: 200ms;
532
            animation: slideUp 500ms ease forwards 1;
533
            gap: 10px;
534
        }
535
​
536
        @keyframes slideUp {
537
          from {
538
            transform: translateY(100%);
539
            opacity: 0;
540
          }
541
        }
542
​
543
        #toastWrapper .toast .toastTextContainer {
544
            flex-grow: 1;
545
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
546
        }
547
        #toastWrapper .toast .toastTitle {
548
            display: -webkit-box;
549
            -webkit-line-clamp: 1;
550
            -webkit-box-orient: vertical;
551
            overflow: hidden;
552
            font-size: 14px;
553
            font-weight: 600;
554
            margin: 0;
555
        }
556
        #toastWrapper .toast .toastText {
557
            margin: 0;
558
            display: -webkit-box;
559
            -webkit-line-clamp: 2;
560
            overflow: hidden;
561
            -webkit-box-orient: vertical;
562
            font-size: 14px;
563
            color: #FFFFFF;
564
        }
565
        #toastWrapper .toast .toastText.withTitle {
566
            font-size: 12px;
567
            -webkit-line-clamp: 1;
568
            color: #BABABA;
569
        }
570
        #toastWrapper .toast .toastClose {
571
            border-radius: 50%;
572
            color: #A8A8A8;
573
            font-size: 22px;
574
            background: #333333;
575
            min-width: unset;
576
            height: 24px;
577
            aspect-ratio: 1;
578
        }
579
        #toastWrapper .toast .toastClose p {
580
            margin: 0;
581
            width: 22px;
582
            line-height: 21px;
583
            height: 24px;
584
            text-align: center;
585
            padding: 0;
586
        }
587
        #toastWrapper .toast .toastClose::part(control) {
588
            width: 100%;
589
            padding: 0 0 0 1px;
590
            border: 0;
591
        }
592
        #toastWrapper .toast .toastClose::part(content) {
593
            width: 100%;
594
            height: 100%;
595
            text-align: center;
596
            line-height: normal;
597
        }
598
        #main-background-overlay {
599
            background: #FFFFFF;
600
            opacity: 0.8;
601
            height: 100vh;
602
            width: 100vw;
603
            position: fixed;
604
            top: 40px;
605
            left: 0;
606
            z-index: 100;
607
        }
608
        #divMenuContent {
609
            position: absolute;
610
            z-index: 10000;
611
            right: 10px;
612
            outline: none;
613
            padding: 0px!important;
614
            max-width: 280px!important;
615
        }
616
​
617
        @media (forced-colors: active) {
618
            msft-edge-shopping {
619
                background-image: unset!important;
620
            }
621
            .btnTooltip:focus-visible {
622
                border: 1px solid buttontext;
623
                box-shadow: highlighttext 0px 0px 0px 2px inset;
624
            }
625
            #flyoutCloseWhite>path .viewMorePricesButton>svg>path {
626
                fill: buttonText!important;
627
            }
628
            .sectionTabs {
629
                color: highlight !important;
630
            }
631
        }
632
        @media (-ms-high-contrast: active) {
633
            .infoiconsvg {
634
                fill:Text;
635
            }
636
            .btnTooltip:focus {
637
                outline: auto;
638
            }
639
            .searchMenuItem:hover #search-icon path {
640
                fill: #000000;
641
            }
642
            #bestCouponBtn #copy-icon, #bestCouponBtn #blue-check-icon {
643
                fill: #FFFFFF;
644
            }
645
        }
646
        .txtInstantSavings {
647
            color: #107C10;
648
        }
649
        #btnFlyoutClose #progressCircle {
650
            display: none;
651
        }
652
        .notification-manage-item {
653
            text-transform: capitalize;
654
        }
655
        #left-arrow-icon path, #right-arrow-icon path, #search-icon, .shoprunner-logo {
656
            fill: #000000;
657
        }
658
        #copy-icon, #blue-check-icon {
659
            fill: #0F6CBD;
660
        }
661
        #MS-logo {
662
            fill: #636363;
663
        }
664
        #plus-icon {
665
            fill: #707070;
666
        }
667
        .copyCouponBtn {
668
            font-weight: 600;
669
            font-size: 12px;
670
            line-height: 16px;
671
            border: 1px dashed #0F6CBD;
672
            border-radius: 4px;
673
            color: #0F6CBD;
674
            height: 24px;
675
        }
676
        .copyCouponBtn::part(control) {
677
            padding: 0px 6px;
678
        }
679
        .copyCouponBtn::part(end) {
680
            margin-inline-start: 0px;
681
        }
682
        .tagRightPath {
683
            fill: #0078D4;
684
        }
685
        @media (-ms-high-contrast: active) {
686
            .tagRightPath {
687
                fill: Background;
688
            }
689
        }
690
        </style><section id="toastContainer"><div id="toastWrapper"></div></section><style type="text/css">
691
        #divContentWrapper {
692
            width: 100vw!important;
693
            position: fixed;
694
            height:100vh !important;
695
            display: flex;
696
            flex-direction: column;
697
        }
698
        #divContentWrapperStorybook {
699
            width: 330px!important;
700
            height: auto;
701
        }
702
        #shoppingTab, #searchShopping {
703
            overflow: auto;
704
            flex-grow: 1;
705
        }
706
        ::part(tablist) {
707
            place-self: flex-start;
708
            margin-left: 4px;
709
        }
710
        ::part(header-fixed) {
711
            display: none;
712
        }
713
        msft-edge-shopping::part(start-content) {
714
            margin-top: 0px!important;
715
        }
716
        ::part(actions) {
717
            display: flex;
718
            justify-content: center;
719
            width: 100%;
720
            padding-left: 0px;
721
            padding-right: 0px;
722
        }
723
        ::part(sections) {
724
            margin-top: 0px;
725
        }
726
        .btnPrimary, .btnPrimaryColor {
727
            min-width: 280px;
728
            width: calc(100% - 20px)!important;
729
        }
730
        .lateralMargin {
731
            width: calc(100% - 40px)!important;
732
            margin: auto;
733
        }
734
        .actionBlock .btnPrimary, .btnPrimaryColor {
735
            width: calc(100% - 32px)!important;
736
        }
737
        [slot="actions"] .btnPrimary, .btnPrimaryColor {
738
            width: calc(100% - 12px)!important;
739
        }
740
​
741
        msft-edge-shopping {
742
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
743
            max-height: unset!important;
744
        }
745
        msft-edge-shopping::part(header) {
746
            margin: 0px!important;
747
            text-align: left;
748
        }
749
        msft-edge-shopping-section::part(title) {
750
            font-size: 18px;
751
            line-height: 24px;
752
            font-weight: 600;
753
        }
754
        .accordionPadding::part(title) {
755
            padding: 0 calc(var(--design-unit) * 5 * 1px);
756
            margin: 0px;
757
            display: flex;
758
        }
759
        .headerBlock.no-padding-header::part(header) {
760
            padding: 0;
761
        }
762
        fluent-tab-panel {
763
            padding: 0px;
764
        }
765
        fluent-design-system-provider {
766
            width: 100vw!important;
767
        }
768
        fluent-tabs {
769
            -webkit-user-select: none;
770
            -webkit-touch-callout: none;
771
            -moz-user-select: none;
772
            -ms-user-select: none;
773
            user-select: none;
774
            background-color: #F3F3F3;
775
        }
776
        fluent-tabs::part(tablist) {
777
            row-gap: 5px;
778
        }
779
        #shoppingTab {
780
            background-color: #FEFEFE;
781
        }
782
        .valentines {
783
            background: url(https://www.bing.com/api/shopping/v1/ux/images/momentInTime/valentinesRepeatBG.svg) repeat fixed -20px -30px!important;
784
        }
785
        .valentines msft-edge-shopping::part(content) {
786
            background-color: transparent!important;
787
        }
788
        .valentinesCanary {
789
            background: url(https://www.staging-bing-int.com/api/shopping/v1/ux/images/momentInTime/valentinesRepeatBG.svg) repeat fixed -20px -30px!important;
790
        }
791
        .valentinesCanary msft-edge-shopping::part(content) {
792
            background-color: transparent!important;
793
        }
794
        fluent-tab {
795
            padding: 0px;
796
            margin: 16px 8px 0px;
797
            height: 22px;
798
        }
799
        .paneTabText {
800
            font-style: normal;
801
            font-weight: inherit;
802
            font-size: 14px;
803
            line-height: 20px;
804
            color: inherit;
805
        }
806
        msft-edge-shopping::part(content) {
807
            height: 100%;
808
            background-color: #F3F3F3;
809
        }
810
        ::part(activeIndicator) {
811
            width: -webkit-fill-available;
812
            height: 2px;
813
            margin: 4px 8px 0px;
814
        }
815
        .tabIconActive path {
816
            fill: #417AFF;
817
        }
818
        .tabSeparator {
819
            width: 100%;
820
            justify-content: flex-end;
821
            border: 1px solid #F1F1F1;
822
            margin-bottom: 0px;
823
            margin-top: 0px;
824
            border-bottom: unset;
825
            left: 0px;
826
            right: 0px;
827
        }
828
        .sectionSeparator {
829
            width: 100vw!important;
830
            box-sizing: border-box;
831
        }
832
        #divMainHeader {
833
            height: 56px;
834
            padding-left: 20px;
835
            padding-right: 10px;
836
            display: grid;
837
            grid-template-columns: auto auto;
838
            align-items: center;
839
            border-bottom: 1px solid #DDDDDD;
840
            align-content: center;
841
            background-color: white;
842
            flex: none;
843
        }
844
        #divActions {
845
            display: flex;
846
            flex-direction: row;
847
            justify-content: flex-end;
848
            align-items: center;
849
        }
850
        .bigBlock {
851
            width: 100%;
852
            height: 136px;
853
            border-radius: 8px;
854
            background-color: var(--fill-color);
855
        }
856
        .smallBlock {
857
            width: 120px;
858
            height: 24px;
859
            border-radius: 4px;
860
            background-color: var(--fill-color);
861
        }
862
        .shimmerBlock {
863
            display: inline-block;
864
            -webkit-mask: linear-gradient(-90deg,#000 30%,#0005,#000 70%) right/300% 100%;
865
            background-repeat: no-repeat;
866
            animation: shimmerBlock 2.5s infinite;
867
        }
868
        .previousSection #previousCashBackSection {
869
            margin-left: 0px!important;
870
            margin-right: 0px!important;
871
        }
872
        .previousSection #divCashBackPopup {
873
            margin-top: 4px;
874
        }
875
        .regionBlock {
876
            margin: 0 20px 20px 20px;
877
            background-color: var(--fill-color);
878
            box-sizing: border-box;
879
            border-radius: 8px;
880
        }
881
        .headerBlock::part(header) {
882
            margin: 10px 16px 10px 16px!important;
883
            background-color: var(--fill-color)!important;
884
            box-sizing: border-box;
885
            border-radius: 8px;
886
            padding: 10px;
887
        }
888
        .blockLateralMargin {
889
            width: calc(100% - 12px)!important;
890
        }
891
        .headerBlockSeeMore::part(header) {
892
            margin: 10px 20px 10px 20px!important;
893
            box-sizing: border-box;
894
        }
895
        .noPaddingBlock::part(header) {
896
            padding: 0px!important;
897
        }
898
        @keyframes shimmerBlock {
899
            100% {-webkit-mask-position:left}
900
        }
901
        #myShoppingShopping, #couponsSavingsShopping, #exploreShopping {
902
            height: fit-content !important;
903
        }
904
        #tabMyShopping, #tabCouponsSavings, #tabExplore {
905
            display: flex;
906
            flex-direction: column;
907
        }
908
        #searchBoxWrapper {
909
            flex-direction: column;
910
            z-index: 1000;
911
            position: relative;
912
        }
913
        #searchDiv {
914
            display: flex;
915
            flex-direction: row;
916
            padding: 0px 20px 10px 10px;
917
            border-bottom: 1px solid #DDDDDD;
918
            background-color: white;
919
        }
920
        #searchBox::part(root) {
921
            display: flex;
922
            width: 282px;
923
            height: 32px;
924
            background: #FFFFFF;
925
            border-radius: 99px;
926
            box-shadow: none;
927
            border: 1px solid #D6D6D6;
928
            padding-left: 2px;
929
        }
930
        #searchBox[resultsVisible=true]::part(root) {
931
            border-radius: 8px 8px 0px 0px;
932
        }
933
        #searchBox::part(control) {
934
            padding: 2px 20px 3px 15px;
935
        }
936
        #dismissBtn {
937
            min-width: auto;
938
            height: auto;
939
            background: none;
940
        }
941
        #dismissBtn::part(control) {
942
            padding: 0px;
943
            border: none;
944
        }
945
        #searchResultsMenu {
946
            position: absolute;
947
            width: 100%;
948
            box-sizing: border-box;
949
            padding: 0px 0px 8px;
950
            box-shadow: none;
951
            border: 1px solid #D6D6D6;
952
            border-top: none;
953
            border-radius: 0px 0px 8px 8px;
954
            background: #FFFFFF;
955
        }
956
        .searchMenuItem {
957
            border: none;
958
            margin: 0px;
959
            tabindex: 0 !important;
960
        }
961
        #noResultsDiv {
962
            display: flex;
963
            flex-direction: column;
964
            align-items: center;
965
            justify-content: center;
966
            padding: 20px 20px;
967
        }
968
        #noResultsMsg {
969
            font-size: 16px;
970
            font-weight: 400;
971
            line-height: 21px;
972
            text-align: center;
973
        }
974
        </style><div></div><fluent-tabs id="shoppingTab" orientation="horizontal" activeindicator="" activeid="tabHome" class="horizontal"><fluent-tab id="tabHome" slot="tab" role="tab" aria-selected="true" aria-controls="panelHome" tabindex="0" style="pointer-events: unset; font-weight: 600; grid-column: 1;"><p class="paneTabText" style="color: inherit;">Your Shopping</p></fluent-tab><fluent-tab-panel id="panelHome" slot="tabpanel" role="tabpanel" aria-labelledby="tabHome"><msft-edge-shopping id="homeShopping" fixed-title="Discover"><style type="text/css">
975
        #productCollections::part(title) {
976
            margin-top: 14px;
977
        }
978
        #productCollections fluent-button.btnSeeMore {
979
            width: -webkit-fill-available;
980
        }
981
        #productCollections #TRACKING {
982
            margin-left: 10px;
983
        }
984
        #productCollections msft-product-card {
985
            background-color: var(--fill-color);
986
            border-radius: 8px;
987
        }
988
        #productCollections msft-product-card:hover {
989
            background: #FFFFFF;
990
            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
991
        }
992
        #productCollections msft-wishlist-card {
993
            background-color: var(--fill-color);
994
            border-radius: 8px;
995
        }
996
        #prodCollectionsTabs::part(tablist) {
997
            display: flex;
998
            margin: 4px 10px 12px 10px;
999
        }
1000
        #prodCollectionsTabs li + li {
1001
            margin-top: 12px;
1002
        }
1003
        #prodCollectionsTabs li:before {
1004
            content: counter(item) " ";
1005
            counter-increment: item;
1006
            padding-right: 8px;
1007
        }
1008
        .emptyMessage {
1009
            display: -webkit-box;
1010
            -webkit-line-clamp: 2;
1011
            -webkit-box-orient: vertical;
1012
            font-weight: 600;
1013
            font-size: 16px;
1014
            line-height: 20px;
1015
            text-align: center;
1016
            margin: 5px 20px;
1017
        }
1018
        .emptyMessage fluent-anchor {
1019
            margin-left: 5px;
1020
            cursor: pointer;
1021
            font-weight: inherit;
1022
            font-size: inherit;
1023
            line-height: inherit;
1024
        }
1025
        .viewStepsList {
1026
            display: inline-block;
1027
            padding: 0;
1028
            counter-reset: item;
1029
            list-style-type: none;
1030
        }
1031
        .viewStepsListElement {
1032
            text-align: left;
1033
            margin-left: 22px;
1034
            text-indent: -22px;
1035
            font-size: 16px;
1036
            line-height: 22px;
1037
        }
1038
        .listWrapper {
1039
            border-radius: 8px;
1040
            display: flex;
1041
            flex-direction: column;
1042
            row-gap: 12px;
1043
            margin: 0 20px 12px;
1044
        }
1045
        .imageWrapper {
1046
            display: flex;
1047
            justify-content: center;
1048
            align-items: center;
1049
            height: 160px;
1050
        }
1051
        .zeroStateImage {
1052
            height: 100%;
1053
        }
1054
        .bellIconImg {
1055
            margin-top: 6px;
1056
        }
1057
        #productCollections msft-product-card::part(divTextContent) {
1058
            width: 195px;
1059
        }
1060
        #productCollections msft-product-card.noPrice::part(divTextContent) {
1061
            width: 190px;
1062
        }
1063
        #productCollections msft-product-card::part(txtRetailer) {
1064
            color: var(--text-neutral-foreground-hint);
1065
        }
1066
        fluent-button.recently-viewed-button::part(control) {
1067
            padding: 4px;
1068
            right: 0px;
1069
            position: absolute;
1070
        }
1071
        .consentBanner {
1072
            margin-bottom: 16px;
1073
            border-radius: 8px;
1074
            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 1px 2px 0px rgba(0, 0, 0, 0.14);
1075
        }
1076
        #roamProductsContainer {
1077
            display: flex;
1078
            flex-direction: column;
1079
            justify-content: center;
1080
            align-items: flex-end;
1081
            gap: 12px;
1082
            align-self: stretch;
1083
        }
1084
        #roamProductsContainer .textContainer {
1085
            padding: 0;
1086
        }
1087
        #roamProductsContainer .titleText {
1088
            font-size: 14px;
1089
            font-weight: 600;
1090
            line-height: 20px;
1091
        }
1092
        #roamProductsContainer .consentText {
1093
            font-size: 12px;
1094
        }
1095
        #roamProductsContainer .actionsContainer {
1096
            display: flex;
1097
            justify-content: flex-end;
1098
            margin-top: 12px;
1099
            gap: 8px;
1100
        }
1101
        #roamProductsContainer .actionsContainer > fluent-button {
1102
            margin: 0px;
1103
            border-radius: 4px;
1104
        }
1105
        #signInSection > div {
1106
            display: flex;
1107
            flex-wrap: nowrap;
1108
        }
1109
        #signInSection .iconContainer {
1110
            width: 72px;
1111
            height: 72px;
1112
        }
1113
        #signInSection .textContainer {
1114
            padding-left: 16px;
1115
        }
1116
        #signInSection .actionsContainer {
1117
            display: flex;
1118
            justify-content: space-between;
1119
            padding-top: 12px;
1120
            gap: 8px;
1121
        }
1122
        #signInSection .actionsContainer > fluent-button {
1123
            flex: 1;
1124
            margin: 0px;
1125
            border-radius: 4px;
1126
        }
1127
        .privacyContainer {
1128
            padding: 0px 16px 16px;
1129
            font-size: 12px;
1130
            color: var(--text-neutral-foreground-hint);
1131
        }
1132
        .privacyContainer fluent-anchor::part(control) {
1133
            text-decoration: none;
1134
        }
1135
        .privacyContainer fluent-anchor::part(control):hover {
1136
            text-decoration: underline;
1137
        }
1138
        .privacyContainer fluent-anchor.privacySeeMore::part(control) {
1139
            color: var(--text-neutral-foreground-hint);
1140
            text-decoration: underline;
1141
        }
1142
        </style><style type="text/css">
1143
        #trendingCouponsSection::part(title){
1144
            padding-top: 10px;
1145
        }
1146
        .trendingCouponsListWrapper {
1147
            display: grid;
1148
            grid-template-columns: 100%;
1149
            row-gap: 5px;
1150
            margin-bottom: 10px;
1151
        }
1152
        .trendingCouponRetailerImage {
1153
            width: 18px;
1154
            height: 18px;
1155
            border-radius: 20px;
1156
            margin-right: 5px;
1157
        }
1158
        .trendingCouponTextElement {
1159
            width: 100%;
1160
            display: flex;
1161
            flex-direction: column;
1162
            justify-content: center;
1163
            align-items: flex-start;
1164
            font-size: 12px;
1165
        }
1166
        .trendingCouponsNavigateButton {
1167
            width: 100%;
1168
            display: flex;
1169
            align-items: flex-start;
1170
            background: none;
1171
            font-size: 12px;
1172
        }
1173
        .trendingCouponInfo {
1174
            width: 100%;
1175
            height: 35px;
1176
            display: flex;
1177
            flex-direction: row;
1178
            align-items: center;
1179
            justify-content: space-between;
1180
        }
1181
        .trendingCouponTopText {
1182
            font-weight: 400;
1183
            height: 50%;
1184
            display: flex;
1185
            color: var(--text-normal);
1186
            text-align: left;
1187
            margin-top: 15px;
1188
        }
1189
        .trendingCouponBottomText {
1190
            font-size: 12px;
1191
            font-weight: 400;
1192
            height: 50%;
1193
            display: flex;
1194
            flex-direction: row;
1195
            color: var(--text-normal);
1196
            max-width: 100px;
1197
        }
1198
        @media (-ms-high-contrast: active) {
1199
            .trendingCouponTopText,.trendingCouponBottomText,.trendingCouponsNavigateButton {
1200
                color: ButtonText!important;
1201
            }
1202
        }
1203
        </style><msft-edge-shopping-section id="productCollections" titletext="Product collections" class="actionPane" slot="header-content" expanded="" ispane="" style="margin-top: 0px;"><div id="signInSection" class="lateralMargin consentBanner"><div style="padding: 16px;"><div class="iconContainer"><img class="consentIcon" src="https://www.bing.com/api/shopping/v1/ux/images/productTracking/productTrackingConsent.svg" aria-hidden="true"></div><div class="textContainer"><div class="consentText">Get alerts and save your tracked products across devices</div><div class="actionsContainer"><fluent-button appearance="accent" class="accent" current-value="">Sign in</fluent-button><fluent-button class="neutral" current-value="" appearance="neutral">Not now</fluent-button></div></div></div><div class="privacyContainer"><span>By signing in you agree to <fluent-anchor class="hypertext" href="https://www.microsoft.com/legal/terms-of-use" target="_blank" appearance="hypertext" rel="noopener noreferrer">Microsoft Terms of Use</fluent-anchor> and <fluent-anchor class="hypertext" href="http://go.microsoft.com/fwlink/?LinkId=518021" target="_blank" appearance="hypertext" rel="noopener noreferrer">Microsoft Privacy Statement</fluent-anchor>.<fluent-anchor class="privacySeeMore" appearance="hypertext" href="javascript:void(0)"> Show more</fluent-anchor></span></div></div><fluent-tabs id="prodCollectionsTabs" class="sectionTabList horizontal" orientation="horizontal" activeindicator="" activeid="RECENTS"><fluent-tab id="TRACKING" class="sectionTabs" slot="tab" role="tab" aria-selected="false" aria-controls="TRACKING_MODULE" tabindex="-1" style="grid-column: 1;"><p>Tracked products</p></fluent-tab><fluent-tab-panel id="TRACKING_MODULE" slot="tabpanel" role="tabpanel" aria-labelledby="TRACKING" hidden=""><div id="TRACKING_SECTION" style="margin: 0px 20px;"><msft-wishlist-card id="emptyCard" style="min-height: 250px; height: min-content; max-height: 372px; margin-bottom: 25px;"><div class="emptyMessage" slot="empty-content">Track products and see price drops here!<fluent-anchor title="View steps" class="hypertext" id="viewSteps" href="#" appearance="hypertext">View steps</fluent-anchor></div><div class="imageWrapper" slot="empty-image"><img class="zeroStateImage" src="https://www.bing.com/api/shopping/v1/ux/images/productCollections/trackedLM.png" aria-hidden="true" style="pointer-events: none;"></div><div slot="view-steps"><ol class="viewStepsList"><li class="viewStepsListElement">Go to any product page</li><li class="viewStepsListElement">Under Coupons &amp; Savings tab, look for "Track Price"</li><li class="viewStepsListElement">Switch toggle ON to start tracking</li></ol></div></msft-wishlist-card></div></fluent-tab-panel><fluent-tab id="RECENTS" class="sectionTabs" slot="tab" role="tab" aria-selected="true" aria-controls="RECENTS_MODULE" tabindex="0" style="grid-column: 2;"><p>Recently viewed</p></fluent-tab><fluent-tab-panel id="RECENTS_MODULE" slot="tabpanel" role="tabpanel" aria-labelledby="RECENTS"><div id="RECENTS_SECTION" style="margin-bottom: 10px;"><div class="listWrapper" style="border-radius: 8px; display: flex; flex-direction: column; row-gap: 12px; margin: 0px 20px 12px;"><msft-product-card title="Owala FreeSip Insulated Stainless Steel Water Bottle with Straw for Sports and Travel, BPA-Free, 24oz, Iced Breeze for $27.99" price="27" pricehundredthtext="99" pricecurrency="$" href="#" description="Owala FreeSip Insulated Stainless Steel Water Bottle with Straw for Sports and Travel, BPA-Free, 24oz, Iced Breeze" ispwiloexpactive="true" ariasetsize="3" ariaposinset="1" retailer="Amazon"><img slot="icon" aria-hidden="true" src="https://edge.microsoft.com/favicon/v1/?client=chrome_desktop&amp;nfrp=2&amp;check_seen=true&amp;size=20&amp;fallback_opts=TYPE,SIZE,URL&amp;url=http://amazon.com&amp;origin=shoppingv2" style="max-width: 16px; width: 16px; height: 16px; margin-right: calc(var(--design-unit) * 2px);"><div class="divProductImageContainer" slot="image" style="width: 76px; height: 76px; border-radius: 8px;"><img src="https://m.media-amazon.com/images/I/518uAgWUTgL._AC_SX679_.jpg" class="imgProduct" aria-hidden="true" style="max-width: 66px; max-height: 66px;"><div class="divProductImageAlpha" style="width: 76px; height: 76px;"></div></div><fluent-button class="recently-viewed-button stealth" slot="options" title="delete item" current-value="" appearance="stealth" style="visibility: hidden; width: 20px; min-width: 0px;"><img aria-hidden="true" src="https://www.bing.com/api/shopping/v1/ux/images/productCollections/trashIcon.svg"></fluent-button><fluent-button slot="trackingBell" class="recently-viewed-button" current-value="" appearance="stealth" title="Start tracking" style="visibility: hidden; width: 20px; min-width: 0px;"><img aria-hidden="true" src="https://www.bing.com/api/shopping/v1/ux/images/productTracking/trackProductInactiveWhiteBlack.svg"></fluent-button></msft-product-card><msft-product-card title="KXIAOCHEN 32 oz Insulated Water Bottle with Paracord Handles &amp; Strap, 2 Lids(Straw Lid&amp;Spout Lid), Stainless Steel Reusable Wide Mouth Metal Water Bottle With Straw, Double Walled, Thermo Mug(Black) for $16.99" price="16" pricehundredthtext="99" pricecurrency="$" href="#" description="KXIAOCHEN 32 oz Insulated Water Bottle with Paracord Handles &amp; Strap, 2 Lids(Straw Lid&amp;Spout Lid), Stainless Steel Reusable Wide Mouth Metal Water Bottle With Straw, Double Walled, Thermo Mug(Black)" ispwiloexpactive="true" ariasetsize="3" ariaposinset="2" retailer="Amazon"><img slot="icon" aria-hidden="true" src="https://edge.microsoft.com/favicon/v1/?client=chrome_desktop&amp;nfrp=2&amp;check_seen=true&amp;size=20&amp;fallback_opts=TYPE,SIZE,URL&amp;url=http://amazon.com&amp;origin=shoppingv2" style="max-width: 16px; width: 16px; height: 16px; margin-right: calc(var(--design-unit) * 2px);"><div class="divProductImageContainer" slot="image" style="width: 76px; height: 76px; border-radius: 8px;"><img src="https://m.media-amazon.com/images/I/81hTTYKQHgL._AC_SX679_.jpg" class="imgProduct" aria-hidden="true" style="max-width: 66px; max-height: 66px;"><div class="divProductImageAlpha" style="width: 76px; height: 76px;"></div></div><fluent-button class="recently-viewed-button stealth" slot="options" title="delete item" current-value="" appearance="stealth" style="visibility: hidden; width: 20px; min-width: 0px;"><img aria-hidden="true" src="https://www.bing.com/api/shopping/v1/ux/images/productCollections/trashIcon.svg"></fluent-button><fluent-button slot="trackingBell" class="recently-viewed-button" current-value="" appearance="stealth" title="Start tracking" style="visibility: hidden; width: 20px; min-width: 0px;"><img aria-hidden="true" src="https://www.bing.com/api/shopping/v1/ux/images/productTracking/trackProductInactiveWhiteBlack.svg"></fluent-button></msft-product-card><msft-product-card title="Konokyo Insulated Water Bottle with Straw,24oz 3 Lids Metal Bottles Stainless Steel Water Flask,Bamboo Grove for $11.21" price="11" pricehundredthtext="21" pricecurrency="$" href="#" description="Konokyo Insulated Water Bottle with Straw,24oz 3 Lids Metal Bottles Stainless Steel Water Flask,Bamboo Grove" ispwiloexpactive="true" ariasetsize="3" ariaposinset="3" retailer="Amazon"><img slot="icon" aria-hidden="true" src="https://edge.microsoft.com/favicon/v1/?client=chrome_desktop&amp;nfrp=2&amp;check_seen=true&amp;size=20&amp;fallback_opts=TYPE,SIZE,URL&amp;url=http://amazon.com&amp;origin=shoppingv2" style="max-width: 16px; width: 16px; height: 16px; margin-right: calc(var(--design-unit) * 2px);"><div class="divProductImageContainer" slot="image" style="width: 76px; height: 76px; border-radius: 8px;"><img src="https://m.media-amazon.com/images/I/61w14yNTA5L._AC_SX679_.jpg" class="imgProduct" aria-hidden="true" style="max-width: 66px; max-height: 66px;"><div class="divProductImageAlpha" style="width: 76px; height: 76px;"></div></div><fluent-button class="recently-viewed-button stealth" slot="options" title="delete item" current-value="" appearance="stealth" style="visibility: hidden; width: 20px; min-width: 0px;"><img aria-hidden="true" src="https://www.bing.com/api/shopping/v1/ux/images/productCollections/trashIcon.svg"></fluent-button><fluent-button slot="trackingBell" class="recently-viewed-button" current-value="" appearance="stealth" title="Start tracking" style="visibility: hidden; width: 20px; min-width: 0px;"><img aria-hidden="true" src="https://www.bing.com/api/shopping/v1/ux/images/productTracking/trackProductInactiveWhiteBlack.svg"></fluent-button></msft-product-card></div></div></fluent-tab-panel></fluent-tabs></msft-edge-shopping-section><hr class="sectionSeparator" aria-hidden="true"><msft-edge-shopping-section id="trendingCouponsSection" titletext="Best coupons on the web" class="actionPane noInlinePadding" expanded="" ispane="" accordion=""><div class="trendingCouponsListWrapper lateralMargin"><div dir="ltr" class="fui-FluentProvider fui-FluentProviderr0 ___jdtuxv0_17k0bs4 f19n0e5 fxugw4r f1o700av fk6fouc fkhj508 figsok6 f1i3iumi" style="background-color: transparent;"><div class="___fl6g6g0_parkaa0 f22iagw f1vx9l62 f1wn3y0l f122n59" style="width: 100%; grid-template-columns: repeat(1, 1fr);"><div class="trendingCouponContainer" style="display: contents;"><div class="___3hg6i60_1j828mq f10tiqix fr5vbr0 f1k6fduh f1f9cwe3 f1prkbi7 fk3ynww fjv4muc f8u2x2b fdntqcm f17b1o1r f1m6vfju f29gdsx f1ei5377 fwetkms" title="80% off with coupon code" style="width: 100%;"><div class="___1hpjs2c_a25g8j0 f5q6cfr fupv0jl f1ehz9de fmpuflr fmb70yw f1159j7y f22iagw f1063pyq fls68af f1p9o1ba f1sil6mw"><div class="___1eft5ee_0000000 fxugw4r f22iagw f1063pyq"><div class="___1k4oqmm_1szuih0 ftj25p4 f22iagw f1vx9l62 f122n59 f4d9j23 f3xbvq9 fbyavb5 fw0ntz4 f41qdom f1aa9q02 f16jpd5f f1jar5jt fyu767a" style="background-color: transparent;"><div><div class="___1uxf9xy_0000000 f22iagw f1063pyq fz6m8hx f6jr5hl"><div class="___11oa6p9_0000000 fk6fouc f1x0m3f5 fl43uef f5lt7tx f16muhyy"> 80% </div><div class="___trv67t0_0000000 fk6fouc fy9rknc fl43uef fwrc4pm f19n0e5">off</div></div></div></div></div><div class="___1rayr48_0000000 fls68af foyde1o"><svg width="11" height="70" viewBox="0 0 11 70" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000353813 5.22733e-05H2.50043C3.32886 5.22733e-05 4.00043 0.671625 4.00043 1.50005C4.00043 2.32848 4.672 3.00005 5.50043 3.00005C6.32887 3.00005 7.00043 2.32848 7.00043 1.50005C7.00043 0.671625 7.67202 5.22733e-05 8.50044 5.22733e-05L11.0005 0V70.0001H8.50044C7.67201 70.0001 7.00043 69.3285 7.00043 68.5001C7.00043 67.6716 6.32887 67.0001 5.50043 67.0001C4.672 67.0001 4.00043 67.6716 4.00043 68.5001C4.00043 69.3285 3.32886 70.0001 2.50043 70.0001H0C0 63.5621 0.000353813 5.22733e-05 0.000353813 5.22733e-05ZM7.00043 12.5001C7.00043 11.6716 6.32887 11.0001 5.50043 11.0001C4.672 11.0001 4.00043 11.6716 4.00043 12.5001V15.5001C4.00043 16.3285 4.672 17.0001 5.50043 17.0001C6.32887 17.0001 7.00043 16.3285 7.00043 15.5001V12.5001ZM5.50043 25.0001C6.32887 25.0001 7.00043 25.6716 7.00043 26.5001V29.5001C7.00043 30.3285 6.32887 31.0001 5.50043 31.0001C4.672 31.0001 4.00043 30.3285 4.00043 29.5001V26.5001C4.00043 25.6716 4.672 25.0001 5.50043 25.0001ZM7.00043 40.5C7.00043 39.6716 6.32887 39 5.50043 39C4.672 39 4.00043 39.6716 4.00043 40.5V43.5C4.00043 44.3285 4.672 45 5.50043 45C6.32887 45 7.00043 44.3285 7.00043 43.5V40.5ZM5.50043 53C6.32887 53 7.00043 53.6716 7.00043 54.5V57.5C7.00043 58.3285 6.32887 59 5.50043 59C4.672 59 4.00043 58.3285 4.00043 57.5V54.5C4.00043 53.6716 4.672 53 5.50043 53Z"></path></svg></div><div class="___14oacgo_0000000 f22iagw fqerorx f10tiqix fxugw4r f1vx9l62"><div class="___7xz5wz0_nhknwa0 fkujibs f1f5gg8d f1kwiid1 f5b47ha f22iagw fqerorx f1vx9l62 f6jr5hl f1j0q4x9 f4d9j23 f1p9o1ba f1sil6mw"><div class="___1ac9xi7_1kxct3t f1rvi9lw fpfc2by fhjrts3 f1k6ysdl fly5x3f fk6fouc fy9rknc figsok6 fwrc4pm f19n0e5 f1p9o1ba f1sil6mw f1cmbuwj fvvof4m">80% off with coupon code</div><div class="___1ujqghl_1jot9xw fhjrts3 f1k6ysdl fbn2sjv fly5x3f f19n0e5 fk6fouc f13mqy1h figsok6 fcpl73t f1p9o1ba f1sil6mw fz5stix f1cmbuwj">Used 44min ago <span><strong>93%</strong> success</span></div><div class="___1jyasl7_0000000 fhjrts3 f1k6ysdl fk6fouc f13mqy1h figsok6 fcpl73t f11d4kpn fly5x3f f1p9o1ba f1sil6mw fz5stix f1cmbuwj"><strong>XANTHELF</strong> • lookfantastic.com</div></div></div><div class="___jv0tqd0_0000000 f22iagw fxugw4r f1vx9l62"><div class="___h2c4df0_0000000 f1l02sjl f22iagw f1vx9l62 f122n59 f4d9j23 f1vdfbxk"><button type="button" class="fui-Button r1alrhcs ___vv4r2t0_15uzuf0 f1c21dwh f1knas48 fwiml72 fh7ncta f1khb0e9 f1vdfbxk f1jnq6q7 f1f5gg8d f1aa9q02 f16jpd5f f1jar5jt fyu767a fy9rknc figsok6 fwrc4pm fg3gtdo fwii5mg f1palphq f12nxie7">Copy</button></div></div><div class="___1lssrhe_0000000 fls68af f2bxnzh"><svg width="9" height="70" viewBox="0 0 9 70" xmlns="http://www.w3.org/2000/svg"><path d="M0.000976562 0.0002942C0.000976562 23.3335 0.00149198 69.2708 0.00121438 70H3.00098C6.31468 70 9.00097 67.3883 9.00097 64.1667V47.0333C9.00097 45.5483 7.81819 44.3479 6.42145 43.7469C3.22246 42.3702 0.983881 39.2006 0.983881 35.5106C0.983881 31.8205 3.22246 28.6509 6.42146 27.2743C7.8182 26.6732 9.00098 25.4728 9.00098 23.9878V5.83359C9.00098 2.61194 6.31469 0.000279575 3.00098 0.000279575C-4.49902 0.000279575 7.50097 -0.000359108 0.000976562 0.0002942Z"></path></svg></div></div></div></div><div class="trendingCouponContainer" style="display: contents;"><div class="___3hg6i60_1j828mq f10tiqix fr5vbr0 f1k6fduh f1f9cwe3 f1prkbi7 fk3ynww fjv4muc f8u2x2b fdntqcm f17b1o1r f1m6vfju f29gdsx f1ei5377 fwetkms" title="70% off with coupon code" style="width: 100%;"><div class="___1hpjs2c_a25g8j0 f5q6cfr fupv0jl f1ehz9de fmpuflr fmb70yw f1159j7y f22iagw f1063pyq fls68af f1p9o1ba f1sil6mw"><div class="___1eft5ee_0000000 fxugw4r f22iagw f1063pyq"><div class="___1k4oqmm_1szuih0 ftj25p4 f22iagw f1vx9l62 f122n59 f4d9j23 f3xbvq9 fbyavb5 fw0ntz4 f41qdom f1aa9q02 f16jpd5f f1jar5jt fyu767a" style="background-color: transparent;"><div><div class="___1uxf9xy_0000000 f22iagw f1063pyq fz6m8hx f6jr5hl"><div class="___11oa6p9_0000000 fk6fouc f1x0m3f5 fl43uef f5lt7tx f16muhyy"> 70% </div><div class="___trv67t0_0000000 fk6fouc fy9rknc fl43uef fwrc4pm f19n0e5">off</div></div></div></div></div><div class="___1rayr48_0000000 fls68af foyde1o"><svg width="11" height="70" viewBox="0 0 11 70" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000353813 5.22733e-05H2.50043C3.32886 5.22733e-05 4.00043 0.671625 4.00043 1.50005C4.00043 2.32848 4.672 3.00005 5.50043 3.00005C6.32887 3.00005 7.00043 2.32848 7.00043 1.50005C7.00043 0.671625 7.67202 5.22733e-05 8.50044 5.22733e-05L11.0005 0V70.0001H8.50044C7.67201 70.0001 7.00043 69.3285 7.00043 68.5001C7.00043 67.6716 6.32887 67.0001 5.50043 67.0001C4.672 67.0001 4.00043 67.6716 4.00043 68.5001C4.00043 69.3285 3.32886 70.0001 2.50043 70.0001H0C0 63.5621 0.000353813 5.22733e-05 0.000353813 5.22733e-05ZM7.00043 12.5001C7.00043 11.6716 6.32887 11.0001 5.50043 11.0001C4.672 11.0001 4.00043 11.6716 4.00043 12.5001V15.5001C4.00043 16.3285 4.672 17.0001 5.50043 17.0001C6.32887 17.0001 7.00043 16.3285 7.00043 15.5001V12.5001ZM5.50043 25.0001C6.32887 25.0001 7.00043 25.6716 7.00043 26.5001V29.5001C7.00043 30.3285 6.32887 31.0001 5.50043 31.0001C4.672 31.0001 4.00043 30.3285 4.00043 29.5001V26.5001C4.00043 25.6716 4.672 25.0001 5.50043 25.0001ZM7.00043 40.5C7.00043 39.6716 6.32887 39 5.50043 39C4.672 39 4.00043 39.6716 4.00043 40.5V43.5C4.00043 44.3285 4.672 45 5.50043 45C6.32887 45 7.00043 44.3285 7.00043 43.5V40.5ZM5.50043 53C6.32887 53 7.00043 53.6716 7.00043 54.5V57.5C7.00043 58.3285 6.32887 59 5.50043 59C4.672 59 4.00043 58.3285 4.00043 57.5V54.5C4.00043 53.6716 4.672 53 5.50043 53Z"></path></svg></div><div class="___14oacgo_0000000 f22iagw fqerorx f10tiqix fxugw4r f1vx9l62"><div class="___7xz5wz0_nhknwa0 fkujibs f1f5gg8d f1kwiid1 f5b47ha f22iagw fqerorx f1vx9l62 f6jr5hl f1j0q4x9 f4d9j23 f1p9o1ba f1sil6mw"><div class="___1ac9xi7_1kxct3t f1rvi9lw fpfc2by fhjrts3 f1k6ysdl fly5x3f fk6fouc fy9rknc figsok6 fwrc4pm f19n0e5 f1p9o1ba f1sil6mw f1cmbuwj fvvof4m">70% off with coupon code</div><div class="___1ujqghl_1jot9xw fhjrts3 f1k6ysdl fbn2sjv fly5x3f f19n0e5 fk6fouc f13mqy1h figsok6 fcpl73t f1p9o1ba f1sil6mw fz5stix f1cmbuwj">Used 37min ago <span><strong>100%</strong> success</span></div><div class="___1jyasl7_0000000 fhjrts3 f1k6ysdl fk6fouc f13mqy1h figsok6 fcpl73t f11d4kpn fly5x3f f1p9o1ba f1sil6mw fz5stix f1cmbuwj"><strong>SKIDKOV</strong> • laredoute.ru</div></div></div><div class="___jv0tqd0_0000000 f22iagw fxugw4r f1vx9l62"><div class="___h2c4df0_0000000 f1l02sjl f22iagw f1vx9l62 f122n59 f4d9j23 f1vdfbxk"><button type="button" class="fui-Button r1alrhcs ___vv4r2t0_15uzuf0 f1c21dwh f1knas48 fwiml72 fh7ncta f1khb0e9 f1vdfbxk f1jnq6q7 f1f5gg8d f1aa9q02 f16jpd5f f1jar5jt fyu767a fy9rknc figsok6 fwrc4pm fg3gtdo fwii5mg f1palphq f12nxie7">Copy</button></div></div><div class="___1lssrhe_0000000 fls68af f2bxnzh"><svg width="9" height="70" viewBox="0 0 9 70" xmlns="http://www.w3.org/2000/svg"><path d="M0.000976562 0.0002942C0.000976562 23.3335 0.00149198 69.2708 0.00121438 70H3.00098C6.31468 70 9.00097 67.3883 9.00097 64.1667V47.0333C9.00097 45.5483 7.81819 44.3479 6.42145 43.7469C3.22246 42.3702 0.983881 39.2006 0.983881 35.5106C0.983881 31.8205 3.22246 28.6509 6.42146 27.2743C7.8182 26.6732 9.00098 25.4728 9.00098 23.9878V5.83359C9.00098 2.61194 6.31469 0.000279575 3.00098 0.000279575C-4.49902 0.000279575 7.50097 -0.000359108 0.000976562 0.0002942Z"></path></svg></div></div></div></div><div class="trendingCouponContainer" style="display: contents;"><div class="___3hg6i60_1j828mq f10tiqix fr5vbr0 f1k6fduh f1f9cwe3 f1prkbi7 fk3ynww fjv4muc f8u2x2b fdntqcm f17b1o1r f1m6vfju f29gdsx f1ei5377 fwetkms" title="50% off with coupon code" style="width: 100%;"><div class="___1hpjs2c_a25g8j0 f5q6cfr fupv0jl f1ehz9de fmpuflr fmb70yw f1159j7y f22iagw f1063pyq fls68af f1p9o1ba f1sil6mw"><div class="___1eft5ee_0000000 fxugw4r f22iagw f1063pyq"><div class="___1k4oqmm_1szuih0 ftj25p4 f22iagw f1vx9l62 f122n59 f4d9j23 f3xbvq9 fbyavb5 fw0ntz4 f41qdom f1aa9q02 f16jpd5f f1jar5jt fyu767a" style="background-color: transparent;"><div><div class="___1uxf9xy_0000000 f22iagw f1063pyq fz6m8hx f6jr5hl"><div class="___11oa6p9_0000000 fk6fouc f1x0m3f5 fl43uef f5lt7tx f16muhyy"> 50% </div><div class="___trv67t0_0000000 fk6fouc fy9rknc fl43uef fwrc4pm f19n0e5">off</div></div></div></div></div><div class="___1rayr48_0000000 fls68af foyde1o"><svg width="11" height="70" viewBox="0 0 11 70" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0.000353813 5.22733e-05H2.50043C3.32886 5.22733e-05 4.00043 0.671625 4.00043 1.50005C4.00043 2.32848 4.672 3.00005 5.50043 3.00005C6.32887 3.00005 7.00043 2.32848 7.00043 1.50005C7.00043 0.671625 7.67202 5.22733e-05 8.50044 5.22733e-05L11.0005 0V70.0001H8.50044C7.67201 70.0001 7.00043 69.3285 7.00043 68.5001C7.00043 67.6716 6.32887 67.0001 5.50043 67.0001C4.672 67.0001 4.00043 67.6716 4.00043 68.5001C4.00043 69.3285 3.32886 70.0001 2.50043 70.0001H0C0 63.5621 0.000353813 5.22733e-05 0.000353813 5.22733e-05ZM7.00043 12.5001C7.00043 11.6716 6.32887 11.0001 5.50043 11.0001C4.672 11.0001 4.00043 11.6716 4.00043 12.5001V15.5001C4.00043 16.3285 4.672 17.0001 5.50043 17.0001C6.32887 17.0001 7.00043 16.3285 7.00043 15.5001V12.5001ZM5.50043 25.0001C6.32887 25.0001 7.00043 25.6716 7.00043 26.5001V29.5001C7.00043 30.3285 6.32887 31.0001 5.50043 31.0001C4.672 31.0001 4.00043 30.3285 4.00043 29.5001V26.5001C4.00043 25.6716 4.672 25.0001 5.50043 25.0001ZM7.00043 40.5C7.00043 39.6716 6.32887 39 5.50043 39C4.672 39 4.00043 39.6716 4.00043 40.5V43.5C4.00043 44.3285 4.672 45 5.50043 45C6.32887 45 7.00043 44.3285 7.00043 43.5V40.5ZM5.50043 53C6.32887 53 7.00043 53.6716 7.00043 54.5V57.5C7.00043 58.3285 6.32887 59 5.50043 59C4.672 59 4.00043 58.3285 4.00043 57.5V54.5C4.00043 53.6716 4.672 53 5.50043 53Z"></path></svg></div><div class="___14oacgo_0000000 f22iagw fqerorx f10tiqix fxugw4r f1vx9l62"><div class="___7xz5wz0_nhknwa0 fkujibs f1f5gg8d f1kwiid1 f5b47ha f22iagw fqerorx f1vx9l62 f6jr5hl f1j0q4x9 f4d9j23 f1p9o1ba f1sil6mw"><div class="___1ac9xi7_1kxct3t f1rvi9lw fpfc2by fhjrts3 f1k6ysdl fly5x3f fk6fouc fy9rknc figsok6 fwrc4pm f19n0e5 f1p9o1ba f1sil6mw f1cmbuwj fvvof4m">50% off with coupon code</div><div class="___1ujqghl_1jot9xw fhjrts3 f1k6ysdl fbn2sjv fly5x3f f19n0e5 fk6fouc f13mqy1h figsok6 fcpl73t f1p9o1ba f1sil6mw fz5stix f1cmbuwj">Used 54min ago <span><strong>93%</strong> success</span></div><div class="___1jyasl7_0000000 fhjrts3 f1k6ysdl fk6fouc f13mqy1h figsok6 fcpl73t f11d4kpn fly5x3f f1p9o1ba f1sil6mw fz5stix f1cmbuwj"><strong>FEBSALE</strong> • photo.walgreens.com</div></div></div><div class="___jv0tqd0_0000000 f22iagw fxugw4r f1vx9l62"><div class="___h2c4df0_0000000 f1l02sjl f22iagw f1vx9l62 f122n59 f4d9j23 f1vdfbxk"><button type="button" class="fui-Button r1alrhcs ___vv4r2t0_15uzuf0 f1c21dwh f1knas48 fwiml72 fh7ncta f1khb0e9 f1vdfbxk f1jnq6q7 f1f5gg8d f1aa9q02 f16jpd5f f1jar5jt fyu767a fy9rknc figsok6 fwrc4pm fg3gtdo fwii5mg f1palphq f12nxie7">Copy</button></div></div><div class="___1lssrhe_0000000 fls68af f2bxnzh"><svg width="9" height="70" viewBox="0 0 9 70" xmlns="http://www.w3.org/2000/svg"><path d="M0.000976562 0.0002942C0.000976562 23.3335 0.00149198 69.2708 0.00121438 70H3.00098C6.31468 70 9.00097 67.3883 9.00097 64.1667V47.0333C9.00097 45.5483 7.81819 44.3479 6.42145 43.7469C3.22246 42.3702 0.983881 39.2006 0.983881 35.5106C0.983881 31.8205 3.22246 28.6509 6.42146 27.2743C7.8182 26.6732 9.00098 25.4728 9.00098 23.9878V5.83359C9.00098 2.61194 6.31469 0.000279575 3.00098 0.000279575C-4.49902 0.000279575 7.50097 -0.000359108 0.000976562 0.0002942Z"></path></svg></div></div></div></div></div></div></div><fluent-button slot="action" class="action btnSeeMore newSeeMore neutral" tabindex="0" aria-label="Show more
1204
1205
         of Best coupons on the web" current-value="" appearance="neutral" style="color: rgb(26, 26, 26);">Show more<div style="display: inline-block; padding-left: 10px;"><svg width="12" height="7" viewBox="0 0 12 7" fill="inherit" xmlns="http://www.w3.org/2000/svg">
1206
        <path d="M5.99935 4.94942L1.60796 0.558057C1.36388 0.313981 0.968148 0.313981 0.724072 0.558057C0.479997 0.802132 0.479997 1.19786 0.724072 1.44194L0.724073 1.44194L5.55743 6.27525C5.80151 6.51933 6.19719 6.51933 6.44127 6.27525L11.2746 1.44194C11.5187 1.19787 11.5187 0.802131 11.2746 0.558055C11.0305 0.313982 10.6348 0.313982 10.3908 0.558055L5.99935 4.94942Z" stroke="inherit" stroke-width="1"></path>
1207
        </svg></div></fluent-button></msft-edge-shopping-section><hr class="sectionSeparator" aria-hidden="true"><section id="inboxCouponSection" class="actionPane"><div dir="ltr"><div id="inboxCouponsModuleContainer" title=""><span role="status" aria-live="polite" aria-atomic="true" aria-label=""></span><div class="sc-jEACwC cyWWfN"><div class="sc-jEACwC iLBHqo"><div class="sc-jEACwC cGEiRi"><div class="sc-jEACwC jgZiJp"><h2 class="sc-cPiKLX eFROTu">Inbox coupons</h2><a href="https://aka.ms/inboxcoupons" title="Learn more about how inbox coupons works" target="_blank" class="sc-dLMFU jhIwwg"><img src="https://www.bing.com/api/shopping/v1/ux/images/common/infoIcon.svg"></a></div></div></div><div class="sc-dCFHLb gLjWDw" style="max-height: 700px; transition: all 250ms ease-in-out 0s; overflow-x: hidden;"><div class="sc-jEACwC cdetKn sc-fhzFiK fMMncC"><div class="sc-eBMEME tDKdg"><div class="sc-esYiGF ctGVsa"><div class="sc-jxOSlx dhnGTv" style="margin-bottom: 0px; line-height: 0;"><img src="https://www.bing.com/api/shopping/v1/ux/images/inboxCoupons/common/Light/Awareness_Signin_150X100_3X.png?02072023" alt="Inbox coupons logo" class="sc-kdBSHD eeCgop" style="height: 100px; width: auto;"></div><h3 class="sc-fXSgeo fNSYTb"><div><span>Don't miss out on savings</span><br><span>hidden in your inbox</span></div></h3><div class="sc-JrDLc jLCztt" style="font-size: 14px; line-height: 20px; overflow: hidden; margin: 0px; width: 85%;">It's easy. Just sign in with your email and we'll scan your inbox to find active coupons.</div></div></div><div class="sc-jEACwC fUXdYf"><div class="sc-dhKdcB gLvvVH" style="width: 32px;"><button aria-label="Previous" class="sc-kpDqfm bXpzkh"><div class="sc-jlZhew gpbwXY"><svg viewBox="0 0 2048 2048" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: var(--neutral-foreground-rest); width: 12px; height: 12px;"><path d="M1443 2045L421 1024 1443 3l90 90-930 931 930 931-90 90z"></path></svg></div></button></div><div class="sc-jEACwC bAIOTv"><div style="display: flex;"><svg viewBox="0 0 2048 2048" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: var(--neutral-foreground-rest); width: 7px; height: 7px; padding: 0px 6px;"><path d="M32 1024q0-137 35-264t100-237 155-200 201-155T760 68t264-36q137 0 264 35t237 100 200 155 155 201 100 237 36 264q0 137-35 264t-100 237-155 200-201 155-237 100-264 36q-137 0-264-35t-237-100-200-155-155-201-100-237-36-264z"></path></svg></div><div style="display: flex;"><svg viewBox="0 0 2048 2048" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: var(--neutral-foreground-rest); width: 7px; height: 7px; padding: 0px 6px;"><path d="M1024 0q141 0 272 36t244 104 207 160 161 207 103 245 37 272q0 141-36 272t-104 244-160 207-207 161-245 103-272 37q-141 0-272-36t-244-104-207-160-161-207-103-245-37-272q0-141 36-272t104-244 160-207 207-161T752 37t272-37zm0 1920q124 0 238-32t214-90 181-140 140-181 91-214 32-239q0-124-32-238t-90-214-140-181-181-140-214-91-239-32q-124 0-238 32t-214 90-181 140-140 181-91 214-32 239q0 124 32 238t90 214 140 181 181 140 214 91 239 32z"></path></svg></div><div style="display: flex;"><svg viewBox="0 0 2048 2048" fill="none" xmlns="http://www.w3.org/2000/svg" style="fill: var(--neutral-foreground-rest); width: 7px; height: 7px; padding: 0px 6px;"><path d="M1024 0q141 0 272 36t244 104 207 160 161 207 103 245 37 272q0 141-36 272t-104 244-160 207-207 161-245 103-272 37q-141 0-272-36t-244-104-207-160-161-207-103-245-37-272q0-141 36-272t104-244 160-207 207-161T752 37t272-37zm0 1920q124 0 238-32t214-90 181-140 140-181 91-214 32-239q0-124-32-238t-90-214-140-181-181-140-214-91-239-32q-124 0-238 32t-214 90-181 140-140 181-91 214-32 239q0 124 32 238t90 214 140 181 181 140 214 91 239 32z"></path></svg></div></div><div class="sc-dhKdcB gLvvVH" style="width: 32px;"><button aria-label="Next" class="sc-kpDqfm bXpzkh"><div class="sc-jlZhew gpbwXY"><svg viewBox="0 0 2048 2048" fill="red" xmlns="http://www.w3.org/2000/svg" style="fill: var(--neutral-foreground-rest); width: 12px; height: 12px;"><path d="M515 1955l930-931L515 93l90-90 1022 1021L605 2045l-90-90z"></path></svg></div></button></div></div><div class="sc-bbSZdi eGqfYY"><div class="sc-jEACwC kKXgcA"><div class="sc-dhKdcB gLvvVH" style="margin-bottom: 0px;"><button aria-label="Sign in to Microsoft Edge" class="sc-kpDqfm hXRPrk"><img src="https://www.bing.com/api/shopping/v1/ux/images/inboxCoupons/common/Microsoft_Logo_20X20_3X.png?02072023" aria-hidden="true" class="sc-dAlyuH iSTwwP" style="width: 20px; height: 20px;"><div class="sc-jlZhew gpbwXY">Sign in to Microsoft Edge</div></button></div><p class="sc-krNlru dLnHLv">Inbox coupons is available only to Microsoft Edge users signed in to their personal accounts</p></div></div></div><div class="sc-fjvvzt fpsSma"><div><span>Signing in will also sync your settings and backup your browsing data for you to see favorites, passwords, and more on all your devices. </span><a href="https://privacy.microsoft.com/privacystatement" target="_blank" class="sc-hzhJZQ kYjLWe">Microsoft Privacy Statement</a><span>.</span></div></div></div></div></div></div><style type="text/css">
1208
        html {
1209
            --inbox-coupon-hyperlink-color: #036AC4;
1210
            --inbox-coupon-card-background: #FFFFFF;
1211
            --inbox-coupon-card-title-color: #1A1A1A;
1212
            --inbox-coupon-card-description-color: #7A7A7A;
1213
            --inbox-coupon-card-footer-border-color: rgba(0, 0, 0, 0.04);
1214
            --inbox-coupon-selected-color: #036AC4;
1215
            --inbox-coupon-selected-border-color: #036AC433;
1216
            --inbox-coupon-new-badge-color: #C42B1C;
1217
            --inbox-coupon-new-badge-background-color: #F6F5F5;
1218
            --inbox-coupons-danger-color: #C42B1C;
1219
            --inbox-coupons-one-dot-background-color: #D7180C;
1220
            --inbox-coupons-one-dot-outline-color: transparent;
1221
            --inbox-coupon-progress-bar-track: #E0E0E0;
1222
            --inbox-coupon-button-border-color: #EFEFEF;
1223
            --inbox-coupon-error-message-background-color: #F3F3F3;
1224
            --inbox-coupons-scrollbar-color: #D5D5D5;
1225
            --inbox-coupons-button-background-color: #FBFBFB;
1226
            --inbox-coupons-button-border-color: #D6D6D6;
1227
            --inbox-coupons-card-border-color: #00000014;
1228
            --inbox-coupons-email-provider-container-background: #F3F4F6;
1229
            --inbox-coupons-spinner-border-gradient-colors: rgb(0, 120, 212) rgb(199, 224, 244) rgb(199, 224, 244);
1230
            --inbox-coupons-button-text-color: #1A1A1A;
1231
            --inbox-coupons-unchecked-toggle-button-background-color: rgb(243, 243, 243);
1232
            --inbox-coupons-checked-toggle-button-background-color: rgb(0, 120, 212);
1233
            --inbox-coupons-unchecked-toggle-button-border-color: rgb(117, 117, 117);
1234
            --inbox-coupons-checked-toggle-button-border-color: transparent;
1235
            --inbox-coupons-hovered-unchecked-toggle-button-background-color: rgb(243, 243, 243);
1236
            --inbox-coupons-hovered-unchecked-toggle-button-border-color: rgb(117, 117, 117);
1237
            --inbox-coupons-hovered-checked-toggle-button-border-color: rgb(50, 49, 48);
1238
            --inbox-coupons-hovered-checked-toggle-button-background-color: rgb(0, 90, 158);
1239
            --inbox-coupons-disabled-unchecked-toggle-button-background-color: rgb(243, 243, 243);
1240
            --inbox-coupons-disabled-unchecked-toggle-button-border-color: rgb(200, 198, 196);
1241
            --inbox-coupons-disabled-checked-toggle-button-background-color: rgb(200, 198, 196);
1242
            --inbox-coupons-disabled-checked-toggle-button-border-color: transparent;
1243
            --inbox-coupons-unchecked-toggle-indicator-background-color: rgb(117, 117, 117);
1244
            --inbox-coupons-hovered-unchecked-toggle-indicator-background-color: rgb(32, 31, 30);
1245
            --inbox-coupons-checked-toggle-indicator-background-color: rgb(243, 243, 243);
1246
            --inbox-coupons-hovered-checked-toggle-indicator-background-color: rgb(243, 243, 243);
1247
            --inbox-coupons-disabled-unchecked-toggle-indicator-background-color: rgb(200, 198, 196);
1248
            --inbox-coupons-disabled-checked-toggle-indicator-background-color: rgb(243, 242, 241);
1249
            --inbox-coupons-card-settings-button-background-color: rgb(231, 231, 231);
1250
            --inbox-coupons-card-settings-button-hover-background-color: rgba(231, 231, 231, 0.5);
1251
        }
1252
        #inboxCouponSection * {
1253
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
1254
        }
1255
        </style></section><hr class="sectionSeparator" aria-hidden="true"><div id="feedModule" class="actionPane"><msft-product-feed showmorebuttontext="Show more" seeallbuttontext="See all" adslugtext="Ads" productcardadslugtext="Ad" adslugpolicytext="Ads Policy" clickouturl="https://www.bing.com/shop?form=SSEG01&amp;adunitId=378983&amp;propertyId=316966"></msft-product-feed></div><hr class="sectionSeparator" aria-hidden="true"><div id="feedModule" class="actionPane"><msft-product-feed showmorebuttontext="Show more" seeallbuttontext="See all" adslugtext="Ads" productcardadslugtext="Ad" adslugpolicytext="Ads Policy" clickouturl="https://www.msn.com/en-us/shopping/buydirect/home?FORM=SSEG01"></msft-product-feed></div><hr class="sectionSeparator" aria-hidden="true"><div id="feedModule" class="actionPane"><msft-product-feed showmorebuttontext="Show more" seeallbuttontext="See all" adslugtext="Ads" productcardadslugtext="Ad" adslugpolicytext="Ads Policy" clickouturl="https://www.bing.com/shop?form=SSEG01&amp;adunitId=378983&amp;propertyId=316966"></msft-product-feed></div><div id="feedModule" class="actionPane"><msft-infinite-product-feeds productstoshow="6" showmorebuttontext="Show more" seeallbuttontext="See all" adslugtext="Ads" adslugpolicytext="Ads Policy" include-separator=""></msft-infinite-product-feeds></div></msft-edge-shopping></fluent-tab-panel><fluent-tab id="tabContexual" slot="tab" role="tab" aria-selected="false" aria-controls="panelContextual" tabindex="-1" style="display: flex; flex-direction: column; pointer-events: unset; font-weight: normal; grid-column: 2;">Coupons &amp; Savings</fluent-tab><fluent-tab-panel id="panelContextual" slot="tabpanel" role="tabpanel" aria-labelledby="tabContexual" hidden=""><msft-edge-shopping id="contextualShopping" fixed-title="Shopping assistant"><msft-edge-shopping-section id="activeRetailerInboxCouponsSection" ispane="" truncateoverflowedheader="" titletext="Inbox coupons" class="accordionPadding actionPane" expanded="" style="margin-top: 0px;"><div dir="ltr"><div id="activeRetailerInboxCouponsModuleContainer" title=""><div class="sc-jEACwC cyWWfN"><button class="sc-kbhJrz dgDKoc"><div class="sc-dCFHLb gMBXWU" style="overflow-y: auto;"><div aria-label="Inbox coupons" class="sc-jEACwC dSODvz" style="padding: 10px 18px; display: flex;"><div aria-hidden="true" class="sc-fPXMVe cIXiRM" style="align-items: center; display: flex; justify-content: center; margin-inline-end: 19px;"><img src="https://www.bing.com/api/shopping/v1/ux/images/inboxCoupons/common/Light/Inbox_Generic_Small_60X60_3X.png?02072023" class="sc-gFqAkR dTGEul" style="margin: 0px; width: 60px; height: 60px;"></div><div class="sc-jEACwC fDYsCk"><div class="sc-jEACwC cETfeP sc-ikkxIA bYBLDz"><h4 title="" class="sc-dAbbOL gHkbtK"></h4><p class="sc-feUZmu ljcEPs" style="max-width: 100%; font-size: 14px; font-weight: 600; line-height: 20px; color: var(--neutral-foreground-rest);"><div>Don't miss on savings hidden in your inbox. <span><a class="sc-hzhJZQ kYjLWe">Connect your email</a></span></div></p></div></div></div></div></button></div></div></div><style type="text/css">
1256
        #activeRetailerInboxCouponsSection * {
1257
            font-family: 'Segoe UI','Roboto', Helvetica, Verdana, sans-serif;
1258
        }
1259
        </style></msft-edge-shopping-section></msft-edge-shopping></fluent-tab-panel></fluent-tabs><msft-edge-shopping id="settingsPane" style="overflow-y: auto; display: none;"><div class="settingsTitleContainer"><h2 class="settingsTitle">Notification settings</h2><p class="settingsTitleDesc settingsSingleFeatureDesc">Edge Shopping can help you save time and money while you shop online. The more features you have on, the harder we look for deals for you.</p></div><h3 class="settingsSectionHeader">Savings</h3><div class="settingsSectionContainer"><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">Coupons</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc0">Use coupons and promo codes to save money. Apply the best one automatically at checkout.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch checked" current-checked="true" aria-checked="true" aria-label="Coupons" aria-describedby="settingsSingleFeatureDesc0" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">Cashback</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc1">Get money back for shopping online at select merchants. View cashback earned and activated it easily.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch checked" current-checked="true" aria-checked="true" aria-label="Cashback" aria-describedby="settingsSingleFeatureDesc1" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div></div><h3 class="settingsSectionHeader">Product Insights</h3><div class="settingsSectionContainer"><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">Price comparison</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc0">Compare prices, shipping, and ratings for the same product from different sellers to find the best deals.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch checked" current-checked="true" aria-checked="true" aria-label="Price comparison" aria-describedby="settingsSingleFeatureDesc0" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">Price history</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc1">Shows how a product's price changed over time and helps you predict when's the best time to buy.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch checked" current-checked="true" aria-checked="true" aria-label="Price history" aria-describedby="settingsSingleFeatureDesc1" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div></div><h3 class="settingsSectionHeader">Reminders</h3><div class="settingsSectionContainer"><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">product tracking</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc0">Track products and get alerts when they're cheaper or in stock. We'll track the prices and availability for you.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch" current-checked="false" aria-checked="false" aria-label="product tracking" aria-describedby="settingsSingleFeatureDesc0" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div></div><h3 class="settingsSectionHeader">Recommendations</h3><div class="settingsSectionContainer"><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">deals</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc0">Discover new products based on your browsing and shopping history. See deals and promotions that suit your preferences and needs.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch checked" current-checked="true" aria-checked="true" aria-label="deals" aria-describedby="settingsSingleFeatureDesc0" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">autos</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc1">Find the best deals on new and used cars near you. Compare prices, features, and ratings of different models and sellers.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch checked" current-checked="true" aria-checked="true" aria-label="autos" aria-describedby="settingsSingleFeatureDesc1" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">Grocery Cash Back</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc2">Find the best prices, coupons, and delivery options for groceries and other essentials.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch checked" current-checked="true" aria-checked="true" aria-label="Grocery Cash Back" aria-describedby="settingsSingleFeatureDesc2" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">Other</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc3">Stay updated on any other features or updates from Edge Shopping. We'll keep you informed as new features are added to help you save time and money.</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch class="settingsFeatureSwitch checked" current-checked="true" aria-checked="true" aria-label="Other" aria-describedby="settingsSingleFeatureDesc3" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div></div><h3 class="settingsSectionHeader">Notification settings</h3><div class="settingsSectionContainer"><div class="settingsSingleFeatureContainer"><div class="settingsSingleFeatureTextContainer"><div class="settingsSingleFeatureLabel">All Shopping Notifications</div><p class="settingsSingleFeatureDesc" id="settingsSingleFeatureDesc0">Turn on shopping notifications</p></div><div slot="end" class="settingSwitchContainer"><fluent-switch current-checked="true" class="checked" aria-checked="true" aria-label="All Shopping Notifications" aria-describedby="settingsSingleFeatureDesc0" style="--accent-fill-rest: unset;" current-value="on" role="switch" aria-disabled="false" tabindex="0"></fluent-switch></div></div></div><style type="text/css">
1260
        .settingsTitleContainer {
1261
            padding-inline: 16px;
1262
            padding-block-start: 16px;
1263
            margin-block-start: 0;
1264
            margin-block-end: 0;
1265
        }
1266
        .settingsTitle {
1267
            text-transform: capitalize;
1268
            font-weight: 600;
1269
            font-size: 1.4em;
1270
            margin-block-start: 0;
1271
            margin-block-end: 0;
1272
        }
1273
        .settingsTitleDesc {
1274
            margin-block-start: 1em !important;
1275
        }
1276
        .settingsSectionHeader {
1277
            margin-left: 8px;
1278
            text-transform: capitalize;
1279
            font-weight: 600;
1280
            padding: 8px;
1281
            margin-block-start: 0;
1282
            margin-block-end: 0;
1283
            font-size: 1.15em;
1284
        }
1285
        .settingsSectionContainer {
1286
            display: flex;
1287
            flex-direction: column;
1288
            width: 320px;
1289
            border-radius: 8px;
1290
            padding: 12px;
1291
            margin-left: 12px;
1292
            margin-bottom: 4px;
1293
            background: var(--neutral-fill-active);
1294
            box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.14);
1295
        }
1296
        .settingsSingleFeatureContainer {
1297
            display : flex;
1298
            flex-direction : row;
1299
            justify-content : space-between;
1300
            margin-bottom : 8px;
1301
        }
1302
        .settingsSingleFeatureTextContainer {
1303
            display : flex;
1304
            flex-direction : column;
1305
            width : 256px;
1306
        }
1307
        .settingsSingleFeatureLabel {
1308
            font-size : 1.0em;
1309
            font-weight : 600;
1310
            text-transform: capitalize;
1311
            padding-top: 4px;
1312
            padding-bottom: 4px;
1313
            margin-block-start: 0;
1314
            margin-block-end: 0;
1315
        }
1316
        .settingsSingleFeatureDesc {
1317
            font-size : 0.9em;
1318
            color: var(--text-neutral-foreground-hint);
1319
            margin-block-start: 0;
1320
            margin-block-end: 0;
1321
        }
1322
        .settingSwitchContainer {
1323
            height : 20px;
1324
            padding: 8px;
1325
        }
1326
        </style></msft-edge-shopping></div>
Script Preparation code:
 
var wrapper = document.getElementById("divContentWrapper");
​
function addListeners() {
​
    let eventListeners = []
​
    for (var i = 0; i < 20; i++) {
        let callback = function() {
            // dummy function
            console.log("added");
        }
        wrapper.addEventListener("click",
            callback);
        eventListeners.push(callback);
    }
​
    return eventListeners;
}
​
function removeListeners(listeners) {
    listeners.forEach((listener) => {
        wrapper.removeEventListener("click", listener);
    });
}
​
Tests:

  • Deep Clone

     
    var list = [],
        n = 0;
    var element = document.getElementById("divContentWrapper");
    ​
    while(true) {
        n++;
      element.cloneNode(true);
        if(n===1000) 
            break;
    }

  • removing listeners only

     
        n = 0;
    var element = document.getElementById("divContentWrapper");
    ​
    while(true) {
        n++;
        const listeners = addListeners();
        removeListeners(listeners);
        if(n===1000) 
            break;
    }
Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Experimental features:

  • Test case name Result
    Deep Clone
    removing listeners only

    Fastest: N/A

    Slowest: N/A

Latest run results:
Run details: (Test run date: one year ago)
Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36
Chrome 121 on Windows
View result in a separate tab
Test name Executions per second
Deep Clone 0.7 Ops/sec
removing listeners only 35.8 Ops/sec
LLMs can make mistakes. Check important info.
Related benchmarks: