@snyk-mktg/brand-ui 2.3.15 → 2.3.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/css/base.css +28 -24
  2. package/dist/css/base.css.map +1 -1
  3. package/dist/css/bundle.css +209 -44
  4. package/dist/css/bundle.css.map +1 -1
  5. package/dist/css/components.css +181 -20
  6. package/dist/css/components.css.map +1 -1
  7. package/dist/css/evo-bundle.css +1294 -849
  8. package/dist/css/evo-bundle.css.map +1 -1
  9. package/dist/css/index.css.map +1 -1
  10. package/dist/css/labs-bundle.css +211 -46
  11. package/dist/css/labs-bundle.css.map +1 -1
  12. package/dist/css/utilities.css.map +1 -1
  13. package/dist/scss/components/organisms/_navigation.scss +8 -7
  14. package/package.json +1 -1
package/dist/css/bundle.css CHANGED
@@ -514,10 +514,10 @@ cite {
514
514
  background: #ff78e1;
515
515
  }
516
516
  [data-page-theme=evo] .bg-theme-solid-primary {
517
- background: #ff7f00;
517
+ background: #ff8904;
518
518
  }
519
519
  .dark-mode[data-page-theme=evo] .bg-theme-solid-primary, [data-page-theme=evo] .dark-mode .bg-theme-solid-primary, [data-page-theme=evo] .bg-theme-solid-primary.dark-mode {
520
- background: #ff7f00;
520
+ background: #ff8904;
521
521
  }
522
522
 
523
523
  .bg-theme-solid-secondary {
@@ -552,10 +552,10 @@ cite {
552
552
  background: #c481f3;
553
553
  }
554
554
  [data-page-theme=evo] .bg-theme-solid-tertiary {
555
- background: #003cff;
555
+ background: #1447e6;
556
556
  }
557
557
  .dark-mode[data-page-theme=evo] .bg-theme-solid-tertiary, [data-page-theme=evo] .dark-mode .bg-theme-solid-tertiary, [data-page-theme=evo] .bg-theme-solid-tertiary.dark-mode {
558
- background: #003cff;
558
+ background: #00bcff;
559
559
  }
560
560
 
561
561
  .bg-theme-gradient-primary {
@@ -571,10 +571,10 @@ cite {
571
571
  background: linear-gradient(140deg, #e555ac, #441c99);
572
572
  }
573
573
  [data-page-theme=evo] .bg-theme-gradient-primary {
574
- background: linear-gradient(140deg, #ff7f00, #ff0ff3);
574
+ background: linear-gradient(140deg, #7f00ff, #00bcff);
575
575
  }
576
576
  .dark-mode[data-page-theme=evo] .bg-theme-gradient-primary, [data-page-theme=evo] .dark-mode .bg-theme-gradient-primary, [data-page-theme=evo] .bg-theme-gradient-primary.dark-mode {
577
- background: linear-gradient(140deg, #ff7f00, #ff0ff3);
577
+ background: linear-gradient(140deg, #00bcff, #ff0ff3);
578
578
  }
579
579
 
580
580
  .bg-theme-gradient-secondary {
@@ -590,10 +590,10 @@ cite {
590
590
  background: linear-gradient(140deg, #145deb, #9bcfff);
591
591
  }
592
592
  [data-page-theme=evo] .bg-theme-gradient-secondary {
593
- background: linear-gradient(140deg, #003cff, aqua);
593
+ background: linear-gradient(140deg, #1447e6, #00bcff);
594
594
  }
595
595
  .dark-mode[data-page-theme=evo] .bg-theme-gradient-secondary, [data-page-theme=evo] .dark-mode .bg-theme-gradient-secondary, [data-page-theme=evo] .bg-theme-gradient-secondary.dark-mode {
596
- background: linear-gradient(140deg, #003cff, aqua);
596
+ background: linear-gradient(140deg, #ff8904, #ff0ff3);
597
597
  }
598
598
 
599
599
  .bg-theme-gradient-secondary {
@@ -609,10 +609,10 @@ cite {
609
609
  background: linear-gradient(140deg, #145deb, #9bcfff);
610
610
  }
611
611
  [data-page-theme=evo] .bg-theme-gradient-secondary {
612
- background: linear-gradient(140deg, #003cff, aqua);
612
+ background: linear-gradient(140deg, #1447e6, #00bcff);
613
613
  }
614
614
  .dark-mode[data-page-theme=evo] .bg-theme-gradient-secondary, [data-page-theme=evo] .dark-mode .bg-theme-gradient-secondary, [data-page-theme=evo] .bg-theme-gradient-secondary.dark-mode {
615
- background: linear-gradient(140deg, #003cff, aqua);
615
+ background: linear-gradient(140deg, #ff8904, #ff0ff3);
616
616
  }
617
617
 
618
618
  .spotlight {
@@ -17182,6 +17182,10 @@ cite {
17182
17182
  margin: auto;
17183
17183
  inset: 0;
17184
17184
  }
17185
+ .decoration-glow.glow-center-left {
17186
+ top: 50%;
17187
+ left: 0;
17188
+ }
17185
17189
  .decoration-glow.glow-theme-solid-primary:before {
17186
17190
  background-color: #9043c6;
17187
17191
  }
@@ -17195,10 +17199,10 @@ cite {
17195
17199
  background-color: #ff78e1;
17196
17200
  }
17197
17201
  [data-page-theme=evo] .decoration-glow.glow-theme-solid-primary:before {
17198
- background-color: #ff7f00;
17202
+ background-color: #ff8904;
17199
17203
  }
17200
17204
  .dark-mode[data-page-theme=evo] .decoration-glow.glow-theme-solid-primary:before, [data-page-theme=evo] .dark-mode .decoration-glow.glow-theme-solid-primary:before, [data-page-theme=evo] .decoration-glow.glow-theme-solid-primary.dark-mode .decoration-glow.glow-theme-solid-primary:before {
17201
- background-color: #ff7f00;
17205
+ background-color: #ff8904;
17202
17206
  }
17203
17207
  .decoration-glow.glow-theme-solid-secondary:before {
17204
17208
  background-color: #441c99;
@@ -17231,10 +17235,10 @@ cite {
17231
17235
  background-color: #c481f3;
17232
17236
  }
17233
17237
  [data-page-theme=evo] .decoration-glow.glow-theme-solid-tertiary:before {
17234
- background-color: #003cff;
17238
+ background-color: #1447e6;
17235
17239
  }
17236
17240
  .dark-mode[data-page-theme=evo] .decoration-glow.glow-theme-solid-tertiary:before, [data-page-theme=evo] .dark-mode .decoration-glow.glow-theme-solid-tertiary:before, [data-page-theme=evo] .decoration-glow.glow-theme-solid-tertiary.dark-mode .decoration-glow.glow-theme-solid-tertiary:before {
17237
- background-color: #003cff;
17241
+ background-color: #00bcff;
17238
17242
  }
17239
17243
  .decoration-glow.glow-small {
17240
17244
  width: 10rem;
@@ -17390,10 +17394,10 @@ cite {
17390
17394
  background-color: #ff78e1;
17391
17395
  }
17392
17396
  [data-page-theme=evo] .flourishes > * i:before {
17393
- background-color: #ff7f00;
17397
+ background-color: #ff8904;
17394
17398
  }
17395
17399
  .dark-mode[data-page-theme=evo] .flourishes > * i:before, [data-page-theme=evo] .dark-mode .flourishes > * i:before, [data-page-theme=evo] .flourishes > * i.dark-mode .flourishes > * i:before {
17396
- background-color: #ff7f00;
17400
+ background-color: #ff8904;
17397
17401
  }
17398
17402
  .flourishes > * i:after {
17399
17403
  background-color: #9043c6;
@@ -17408,10 +17412,10 @@ cite {
17408
17412
  background-color: #ff78e1;
17409
17413
  }
17410
17414
  [data-page-theme=evo] .flourishes > * i:after {
17411
- background-color: #ff7f00;
17415
+ background-color: #ff8904;
17412
17416
  }
17413
17417
  .dark-mode[data-page-theme=evo] .flourishes > * i:after, [data-page-theme=evo] .dark-mode .flourishes > * i:after, [data-page-theme=evo] .flourishes > * i.dark-mode .flourishes > * i:after {
17414
- background-color: #ff7f00;
17418
+ background-color: #ff8904;
17415
17419
  }
17416
17420
  .flourishes > * i:after {
17417
17421
  transform: rotate(90deg);
@@ -17701,10 +17705,10 @@ cite {
17701
17705
  stroke: #ff78e1;
17702
17706
  }
17703
17707
  [data-page-theme=evo] .circuit-track-line-1 {
17704
- stroke: #ff7f00;
17708
+ stroke: #ff8904;
17705
17709
  }
17706
17710
  .dark-mode[data-page-theme=evo] .circuit-track-line-1, [data-page-theme=evo] .dark-mode .circuit-track-line-1, [data-page-theme=evo] .circuit-track-line-1.dark-mode {
17707
- stroke: #ff7f00;
17711
+ stroke: #ff8904;
17708
17712
  }
17709
17713
  .circuit-track-line-2 {
17710
17714
  stroke: #9043c6;
@@ -17719,10 +17723,10 @@ cite {
17719
17723
  stroke: #ff78e1;
17720
17724
  }
17721
17725
  [data-page-theme=evo] .circuit-track-line-2 {
17722
- stroke: #ff7f00;
17726
+ stroke: #ff8904;
17723
17727
  }
17724
17728
  .dark-mode[data-page-theme=evo] .circuit-track-line-2, [data-page-theme=evo] .dark-mode .circuit-track-line-2, [data-page-theme=evo] .circuit-track-line-2.dark-mode {
17725
- stroke: #ff7f00;
17729
+ stroke: #ff8904;
17726
17730
  }
17727
17731
  .circuit-track-line-3 {
17728
17732
  stroke: #9043c6;
@@ -17737,10 +17741,10 @@ cite {
17737
17741
  stroke: #ff78e1;
17738
17742
  }
17739
17743
  [data-page-theme=evo] .circuit-track-line-3 {
17740
- stroke: #ff7f00;
17744
+ stroke: #ff8904;
17741
17745
  }
17742
17746
  .dark-mode[data-page-theme=evo] .circuit-track-line-3, [data-page-theme=evo] .dark-mode .circuit-track-line-3, [data-page-theme=evo] .circuit-track-line-3.dark-mode {
17743
- stroke: #ff7f00;
17747
+ stroke: #ff8904;
17744
17748
  }
17745
17749
 
17746
17750
  .sparkles {
@@ -19406,10 +19410,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
19406
19410
  color: #ff78e1;
19407
19411
  }
19408
19412
  [data-page-theme=evo] .icon.icon-theme-solid {
19409
- color: #ff7f00;
19413
+ color: #ff8904;
19410
19414
  }
19411
19415
  .dark-mode[data-page-theme=evo] .icon.icon-theme-solid, [data-page-theme=evo] .dark-mode .icon.icon-theme-solid, [data-page-theme=evo] .icon.icon-theme-solid.dark-mode {
19412
- color: #ff7f00;
19416
+ color: #ff8904;
19413
19417
  }
19414
19418
  .icon.icon-solid.icon-actionable-results {
19415
19419
  -moz-mask: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-icons/actionable-results.svg") 100% no-repeat;
@@ -22639,10 +22643,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22639
22643
  background-color: #ff78e1;
22640
22644
  }
22641
22645
  [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-apprisk:before {
22642
- background-color: #ff7f00;
22646
+ background-color: #ff8904;
22643
22647
  }
22644
22648
  .dark-mode[data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-apprisk:before, [data-page-theme=evo] .dark-mode .product-logo.logo-theme-solid.logo-snyk-apprisk:before, [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-apprisk.dark-mode .product-logo.logo-theme-solid.logo-snyk-apprisk:before {
22645
- background-color: #ff7f00;
22649
+ background-color: #ff8904;
22646
22650
  }
22647
22651
  .product-logo.logo-theme-solid.logo-snyk-apprisk:before {
22648
22652
  content: "";
@@ -22673,10 +22677,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22673
22677
  background-color: #ff78e1;
22674
22678
  }
22675
22679
  [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-cloud:before {
22676
- background-color: #ff7f00;
22680
+ background-color: #ff8904;
22677
22681
  }
22678
22682
  .dark-mode[data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-cloud:before, [data-page-theme=evo] .dark-mode .product-logo.logo-theme-solid.logo-snyk-cloud:before, [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-cloud.dark-mode .product-logo.logo-theme-solid.logo-snyk-cloud:before {
22679
- background-color: #ff7f00;
22683
+ background-color: #ff8904;
22680
22684
  }
22681
22685
  .product-logo.logo-theme-solid.logo-snyk-cloud:before {
22682
22686
  content: "";
@@ -22707,10 +22711,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22707
22711
  background-color: #ff78e1;
22708
22712
  }
22709
22713
  [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-code:before {
22710
- background-color: #ff7f00;
22714
+ background-color: #ff8904;
22711
22715
  }
22712
22716
  .dark-mode[data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-code:before, [data-page-theme=evo] .dark-mode .product-logo.logo-theme-solid.logo-snyk-code:before, [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-code.dark-mode .product-logo.logo-theme-solid.logo-snyk-code:before {
22713
- background-color: #ff7f00;
22717
+ background-color: #ff8904;
22714
22718
  }
22715
22719
  .product-logo.logo-theme-solid.logo-snyk-code:before {
22716
22720
  content: "";
@@ -22741,10 +22745,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22741
22745
  background-color: #ff78e1;
22742
22746
  }
22743
22747
  [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-container:before {
22744
- background-color: #ff7f00;
22748
+ background-color: #ff8904;
22745
22749
  }
22746
22750
  .dark-mode[data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-container:before, [data-page-theme=evo] .dark-mode .product-logo.logo-theme-solid.logo-snyk-container:before, [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-container.dark-mode .product-logo.logo-theme-solid.logo-snyk-container:before {
22747
- background-color: #ff7f00;
22751
+ background-color: #ff8904;
22748
22752
  }
22749
22753
  .product-logo.logo-theme-solid.logo-snyk-container:before {
22750
22754
  content: "";
@@ -22775,10 +22779,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22775
22779
  background-color: #ff78e1;
22776
22780
  }
22777
22781
  [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-deepcodeai:before {
22778
- background-color: #ff7f00;
22782
+ background-color: #ff8904;
22779
22783
  }
22780
22784
  .dark-mode[data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-deepcodeai:before, [data-page-theme=evo] .dark-mode .product-logo.logo-theme-solid.logo-snyk-deepcodeai:before, [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-deepcodeai.dark-mode .product-logo.logo-theme-solid.logo-snyk-deepcodeai:before {
22781
- background-color: #ff7f00;
22785
+ background-color: #ff8904;
22782
22786
  }
22783
22787
  .product-logo.logo-theme-solid.logo-snyk-deepcodeai:before {
22784
22788
  content: "";
@@ -22809,10 +22813,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22809
22813
  background-color: #ff78e1;
22810
22814
  }
22811
22815
  [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-iac:before {
22812
- background-color: #ff7f00;
22816
+ background-color: #ff8904;
22813
22817
  }
22814
22818
  .dark-mode[data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-iac:before, [data-page-theme=evo] .dark-mode .product-logo.logo-theme-solid.logo-snyk-iac:before, [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-iac.dark-mode .product-logo.logo-theme-solid.logo-snyk-iac:before {
22815
- background-color: #ff7f00;
22819
+ background-color: #ff8904;
22816
22820
  }
22817
22821
  .product-logo.logo-theme-solid.logo-snyk-iac:before {
22818
22822
  content: "";
@@ -22843,10 +22847,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22843
22847
  background-color: #ff78e1;
22844
22848
  }
22845
22849
  [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-learn:before {
22846
- background-color: #ff7f00;
22850
+ background-color: #ff8904;
22847
22851
  }
22848
22852
  .dark-mode[data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-learn:before, [data-page-theme=evo] .dark-mode .product-logo.logo-theme-solid.logo-snyk-learn:before, [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-learn.dark-mode .product-logo.logo-theme-solid.logo-snyk-learn:before {
22849
- background-color: #ff7f00;
22853
+ background-color: #ff8904;
22850
22854
  }
22851
22855
  .product-logo.logo-theme-solid.logo-snyk-learn:before {
22852
22856
  content: "";
@@ -22877,10 +22881,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
22877
22881
  background-color: #ff78e1;
22878
22882
  }
22879
22883
  [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-oss:before {
22880
- background-color: #ff7f00;
22884
+ background-color: #ff8904;
22881
22885
  }
22882
22886
  .dark-mode[data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-oss:before, [data-page-theme=evo] .dark-mode .product-logo.logo-theme-solid.logo-snyk-oss:before, [data-page-theme=evo] .product-logo.logo-theme-solid.logo-snyk-oss.dark-mode .product-logo.logo-theme-solid.logo-snyk-oss:before {
22883
- background-color: #ff7f00;
22887
+ background-color: #ff8904;
22884
22888
  }
22885
22889
  .product-logo.logo-theme-solid.logo-snyk-oss:before {
22886
22890
  content: "";
@@ -23461,10 +23465,10 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23461
23465
  background-image: linear-gradient(140deg, #e555ac, #441c99);
23462
23466
  }
23463
23467
  [data-page-theme=evo] .brandui-ribbon span {
23464
- background-image: linear-gradient(140deg, #ff7f00, #ff0ff3);
23468
+ background-image: linear-gradient(140deg, #7f00ff, #00bcff);
23465
23469
  }
23466
23470
  .dark-mode[data-page-theme=evo] .brandui-ribbon span, [data-page-theme=evo] .dark-mode .brandui-ribbon span, [data-page-theme=evo] .brandui-ribbon span.dark-mode {
23467
- background-image: linear-gradient(140deg, #ff7f00, #ff0ff3);
23471
+ background-image: linear-gradient(140deg, #00bcff, #ff0ff3);
23468
23472
  }
23469
23473
  .brandui-ribbon.top-left span, .brandui-ribbon.bottom-right span {
23470
23474
  transform: rotate(-45deg);
@@ -23593,6 +23597,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23593
23597
  content: "";
23594
23598
  padding-bottom: 52%;
23595
23599
  }
23600
+ .snyk-logo.logo-default:before {
23601
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/default-light.svg");
23602
+ }
23603
+ .dark-mode .snyk-logo.logo-default:before, .snyk-logo.logo-default.dark-mode .snyk-logo.logo-default:before {
23604
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/default-dark.svg");
23605
+ }
23606
+ .snyk-logo.footer-logo:before {
23607
+ background-position: left;
23608
+ }
23596
23609
  .snyk-logo.logo-default-solid:before {
23597
23610
  content: "";
23598
23611
  background-color: transparent;
@@ -23610,6 +23623,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23610
23623
  content: "";
23611
23624
  padding-bottom: 52%;
23612
23625
  }
23626
+ .snyk-logo.logo-default-solid:before {
23627
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/default-solid-light.svg");
23628
+ }
23629
+ .dark-mode .snyk-logo.logo-default-solid:before, .snyk-logo.logo-default-solid.dark-mode .snyk-logo.logo-default-solid:before {
23630
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/default-solid-dark.svg");
23631
+ }
23632
+ .snyk-logo.footer-logo:before {
23633
+ background-position: left;
23634
+ }
23613
23635
  .snyk-logo.logo-icon:before {
23614
23636
  content: "";
23615
23637
  background-color: transparent;
@@ -23627,6 +23649,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23627
23649
  content: "";
23628
23650
  padding-bottom: 62%;
23629
23651
  }
23652
+ .snyk-logo.logo-icon:before {
23653
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-light.svg");
23654
+ }
23655
+ .dark-mode .snyk-logo.logo-icon:before, .snyk-logo.logo-icon.dark-mode .snyk-logo.logo-icon:before {
23656
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-dark.svg");
23657
+ }
23658
+ .snyk-logo.footer-logo:before {
23659
+ background-position: left;
23660
+ }
23630
23661
  .snyk-logo.logo-icon-solid:before {
23631
23662
  content: "";
23632
23663
  background-color: transparent;
@@ -23644,6 +23675,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23644
23675
  content: "";
23645
23676
  padding-bottom: 62%;
23646
23677
  }
23678
+ .snyk-logo.logo-icon-solid:before {
23679
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-solid-light.svg");
23680
+ }
23681
+ .dark-mode .snyk-logo.logo-icon-solid:before, .snyk-logo.logo-icon-solid.dark-mode .snyk-logo.logo-icon-solid:before {
23682
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-solid-dark.svg");
23683
+ }
23684
+ .snyk-logo.footer-logo:before {
23685
+ background-position: left;
23686
+ }
23647
23687
  .snyk-logo.logo-vertical:before {
23648
23688
  content: "";
23649
23689
  background-color: transparent;
@@ -23661,6 +23701,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23661
23701
  content: "";
23662
23702
  padding-bottom: 77%;
23663
23703
  }
23704
+ .snyk-logo.logo-vertical:before {
23705
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/vertical-light.svg");
23706
+ }
23707
+ .dark-mode .snyk-logo.logo-vertical:before, .snyk-logo.logo-vertical.dark-mode .snyk-logo.logo-vertical:before {
23708
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/vertical-dark.svg");
23709
+ }
23710
+ .snyk-logo.footer-logo:before {
23711
+ background-position: left;
23712
+ }
23664
23713
  .snyk-logo.logo-vertical-solid:before {
23665
23714
  content: "";
23666
23715
  background-color: transparent;
@@ -23678,6 +23727,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23678
23727
  content: "";
23679
23728
  padding-bottom: 77%;
23680
23729
  }
23730
+ .snyk-logo.logo-vertical-solid:before {
23731
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/vertical-solid-light.svg");
23732
+ }
23733
+ .dark-mode .snyk-logo.logo-vertical-solid:before, .snyk-logo.logo-vertical-solid.dark-mode .snyk-logo.logo-vertical-solid:before {
23734
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/vertical-solid-dark.svg");
23735
+ }
23736
+ .snyk-logo.footer-logo:before {
23737
+ background-position: left;
23738
+ }
23681
23739
  .snyk-logo.logo-wordmark:before {
23682
23740
  content: "";
23683
23741
  background-color: transparent;
@@ -23695,6 +23753,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23695
23753
  content: "";
23696
23754
  padding-bottom: 58%;
23697
23755
  }
23756
+ .snyk-logo.logo-wordmark:before {
23757
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/wordmark-light.svg");
23758
+ }
23759
+ .dark-mode .snyk-logo.logo-wordmark:before, .snyk-logo.logo-wordmark.dark-mode .snyk-logo.logo-wordmark:before {
23760
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/wordmark-dark.svg");
23761
+ }
23762
+ .snyk-logo.footer-logo:before {
23763
+ background-position: left;
23764
+ }
23698
23765
  .snyk-logo.logo-security-labs-solid:before {
23699
23766
  content: "";
23700
23767
  background-color: transparent;
@@ -23712,6 +23779,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23712
23779
  content: "";
23713
23780
  padding-bottom: 24%;
23714
23781
  }
23782
+ .snyk-logo.logo-security-labs-solid:before {
23783
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/security-labs-solid-light.svg");
23784
+ }
23785
+ .dark-mode .snyk-logo.logo-security-labs-solid:before, .snyk-logo.logo-security-labs-solid.dark-mode .snyk-logo.logo-security-labs-solid:before {
23786
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/security-labs-solid-dark.svg");
23787
+ }
23788
+ .snyk-logo.footer-logo:before {
23789
+ background-position: left;
23790
+ }
23715
23791
  .snyk-logo.logo-icon-security-labs-solid:before {
23716
23792
  content: "";
23717
23793
  background-color: transparent;
@@ -23729,6 +23805,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23729
23805
  content: "";
23730
23806
  padding-bottom: 24%;
23731
23807
  }
23808
+ .snyk-logo.logo-icon-security-labs-solid:before {
23809
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-security-labs-solid-light.svg");
23810
+ }
23811
+ .dark-mode .snyk-logo.logo-icon-security-labs-solid:before, .snyk-logo.logo-icon-security-labs-solid.dark-mode .snyk-logo.logo-icon-security-labs-solid:before {
23812
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/icon-security-labs-solid-dark.svg");
23813
+ }
23814
+ .snyk-logo.footer-logo:before {
23815
+ background-position: left;
23816
+ }
23732
23817
  .snyk-logo.logo-labs-solid:before {
23733
23818
  content: "";
23734
23819
  background-color: transparent;
@@ -23746,6 +23831,41 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23746
23831
  content: "";
23747
23832
  padding-bottom: 26%;
23748
23833
  }
23834
+ .snyk-logo.logo-labs-solid:before {
23835
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-solid-light.svg");
23836
+ }
23837
+ .dark-mode .snyk-logo.logo-labs-solid:before, .snyk-logo.logo-labs-solid.dark-mode .snyk-logo.logo-labs-solid:before {
23838
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-solid-dark.svg");
23839
+ }
23840
+ .snyk-logo.footer-logo:before {
23841
+ background-position: left;
23842
+ }
23843
+ .snyk-logo.logo-evo-solid:before {
23844
+ content: "";
23845
+ background-color: transparent;
23846
+ background-position: center;
23847
+ background-repeat: no-repeat;
23848
+ background-size: contain;
23849
+ }
23850
+ .snyk-logo.logo-evo-solid:before {
23851
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/evo-logo-light-mode.svg");
23852
+ }
23853
+ .dark-mode .snyk-logo.logo-evo-solid:before, .snyk-logo.logo-evo-solid.dark-mode .snyk-logo.logo-evo-solid:before {
23854
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/evo-logo-dark-mode.svg");
23855
+ }
23856
+ .snyk-logo.logo-evo-solid:after {
23857
+ content: "";
23858
+ padding-bottom: 26%;
23859
+ }
23860
+ .snyk-logo.logo-evo-solid:before {
23861
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/evo-logo-light-mode.svg");
23862
+ }
23863
+ .dark-mode .snyk-logo.logo-evo-solid:before, .snyk-logo.logo-evo-solid.dark-mode .snyk-logo.logo-evo-solid:before {
23864
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/evo-logo-dark-mode.svg");
23865
+ }
23866
+ .snyk-logo.footer-logo:before {
23867
+ background-position: left;
23868
+ }
23749
23869
  .snyk-logo.logo-labs-mono:before {
23750
23870
  content: "";
23751
23871
  background-color: transparent;
@@ -23763,6 +23883,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23763
23883
  content: "";
23764
23884
  padding-bottom: 26%;
23765
23885
  }
23886
+ .snyk-logo.logo-labs-mono:before {
23887
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-mono-light.svg");
23888
+ }
23889
+ .dark-mode .snyk-logo.logo-labs-mono:before, .snyk-logo.logo-labs-mono.dark-mode .snyk-logo.logo-labs-mono:before {
23890
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-mono-dark.svg");
23891
+ }
23892
+ .snyk-logo.footer-logo:before {
23893
+ background-position: left;
23894
+ }
23766
23895
  .snyk-logo.logo-labs-mono-reverse:before {
23767
23896
  content: "";
23768
23897
  background-color: transparent;
@@ -23780,6 +23909,15 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
23780
23909
  content: "";
23781
23910
  padding-bottom: 26%;
23782
23911
  }
23912
+ .snyk-logo.logo-labs-mono-reverse:before {
23913
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-mono-dark.svg");
23914
+ }
23915
+ .dark-mode .snyk-logo.logo-labs-mono-reverse:before, .snyk-logo.logo-labs-mono-reverse.dark-mode .snyk-logo.logo-labs-mono-reverse:before {
23916
+ background-image: url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/brand-logos/labs-mono-light.svg");
23917
+ }
23918
+ .snyk-logo.footer-logo:before {
23919
+ background-position: left;
23920
+ }
23783
23921
 
23784
23922
  .stamp {
23785
23923
  max-width: max-content;
@@ -28490,6 +28628,33 @@ a.tag:focus {
28490
28628
  pointer-events: none;
28491
28629
  }
28492
28630
  }
28631
+ .brandui-navigation .navigation-item .nav-link .new-evo-feature {
28632
+ background: linear-gradient(140deg, #ff8904, #ff0ff3);
28633
+ -webkit-background-clip: text;
28634
+ -webkit-text-fill-color: transparent;
28635
+ }
28636
+ .brandui-navigation .navigation-item .nav-link .new-evo-feature.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature {
28637
+ background: linear-gradient(140deg, #ff8904, #ff0ff3);
28638
+ -webkit-background-clip: text;
28639
+ -webkit-text-fill-color: transparent;
28640
+ }
28641
+ .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
28642
+ position: absolute;
28643
+ top: 0;
28644
+ right: -10px;
28645
+ font-size: 9px;
28646
+ border-radius: 0.125rem;
28647
+ padding: 0.125rem;
28648
+ }
28649
+ .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
28650
+ background: linear-gradient(140deg, #ff8904, #ff0ff3);
28651
+ }
28652
+ .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
28653
+ background: linear-gradient(140deg, #ff8904, #ff0ff3);
28654
+ }
28655
+ .brandui-navigation .navigation-item .nav-link:hover .new-evo-feature-tag, .brandui-navigation .navigation-item .nav-link:focus .new-evo-feature-tag {
28656
+ color: #f6f7fb;
28657
+ }
28493
28658
  .brandui-navigation .navigation-submenu {
28494
28659
  padding: 1rem 2rem;
28495
28660
  padding-bottom: 2.5rem;