@snyk-mktg/brand-ui 2.3.20 → 2.4.1

package/dist/css/evo-bundle.css

@@ -1,8 +1,8 @@
 @charset "UTF-8";
 @font-face {
   font-family: "brandui-icons";
-  src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.eot");
-  src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.eot#iefix") format("embedded-opentype"), url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.ttf") format("truetype"), url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.9/brandui-icons.woff") format("woff");
+  src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.eot");
+  src: url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.eot#iefix") format("embedded-opentype"), url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.ttf") format("truetype"), url("https://res.cloudinary.com/snyk/raw/upload/snyk-mktg-brandui/icons-font/v1.0.10/brandui-icons.woff") format("woff");
   font-weight: normal;
   font-style: normal;
   font-display: block;
@@ -12388,24 +12388,33 @@ code:not([class]) {
 }
 
 @media (min-width: 769px) {
-  .cursor-glow {
-    position: fixed;
+  .cursor-glow-wrapper:hover .glow-container .glow-item {
+    opacity: 1;
+  }
+}
+@media (min-width: 769px) {
+  .cursor-glow-wrapper .glow-container {
+    position: relative;
+    overflow: hidden;
+    height: max-content;
+  }
+  .cursor-glow-wrapper .glow-container .glow-item {
+    position: absolute;
+    border-radius: 0.75rem;
     top: 0;
     left: 0;
-    width: 400px;
-    height: 400px;
-    border-radius: 50%;
-    /* Center the glow on the cursor's actual position */
-    transform: translate(-50%, -50%);
-    /* This ensures the glow doesn't block clicks or text selection on elements underneath it */
-    pointer-events: none;
-    z-index: 9999;
-    transition: transform 0.2s ease-out; /* Optional: smooths movement slightly */
-    background: radial-gradient(circle, RGBA(255, 15, 243, 0.1) 0%, RGBA(255, 15, 243, 0) 50%);
+    width: 100%;
+    height: 100%;
+    z-index: 0;
+    background: radial-gradient(circle at 50% 50%, #1447e6, #1447e6, #ff0ff3, #fb2c36);
+    mask: radial-gradient(250px circle at var(--x) var(--y), black 1%, transparent 70%);
+    -webkit-mask: radial-gradient(250px circle at var(--x) var(--y), black 1%, transparent 70%);
+    opacity: 0;
+    transition: opacity 0.3s ease;
   }
 }
 @media (min-width: 769px) and (prefers-reduced-motion) {
-  .cursor-glow {
+  .cursor-glow-wrapper .glow-container .glow-item {
     display: none;
   }
 }
@@ -12482,30 +12491,30 @@ code:not([class]) {
 @media (max-width: 768px) {
   .txt-page-title-large {
     font-family: "Geist", sans-serif;
-    font-size: 3.75rem;
+    font-size: 4.375rem;
     font-weight: 900;
     letter-spacing: -0.03em;
-    line-height: 3.75rem;
+    line-height: 5rem;
     text-transform: none;
   }
 }
 
 .txt-page-title {
   font-family: "Geist", sans-serif;
-  font-size: 3rem;
+  font-size: 4.375rem;
   font-weight: 900;
   letter-spacing: -0.03em;
-  line-height: 4rem;
+  line-height: 5rem;
   padding: 0;
   text-transform: none;
 }
 @media (max-width: 768px) {
   .txt-page-title {
     font-family: "Geist", sans-serif;
-    font-size: 3.75rem;
+    font-size: 4.375rem;
     font-weight: 900;
     letter-spacing: -0.03em;
-    line-height: 3.75rem;
+    line-height: 5rem;
     text-transform: none;
   }
 }
@@ -12522,10 +12531,10 @@ code:not([class]) {
 @media (max-width: 768px) {
   .txt-section-title {
     font-family: "Geist", sans-serif;
-    font-size: 3.75rem;
+    font-size: 2.5rem;
     font-weight: 900;
     letter-spacing: -0.03em;
-    line-height: 3.75rem;
+    line-height: 3rem;
     text-transform: none;
   }
 }
@@ -13386,7 +13395,35 @@ code:not([class]) {
   left: 0;
   width: 100%;
   height: 100%;
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%), linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 50%);
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
+  z-index: -1;
+}
+.decoration-bg.evo-logo-png-footer {
+  overflow: hidden;
+  position: absolute;
+  opacity: 1;
+  transform: translateZ(-1px);
+  width: calc(1440px / 12 * 16);
+  background: transparent url("https://res.cloudinary.com/snyk/image/upload/snyk-mktg-brandui/decorations/evo-decoration-footer.png");
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: cover;
+  z-index: -2;
+}
+.decoration-bg.evo-logo-png-footer-center {
+  left: 0;
+  right: 0;
+  top: -75%;
+  bottom: 0;
+}
+.decoration-bg.evo-logo-png-footer:before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
   z-index: -1;
 }
 .decoration-bg.evo-logo-png-top-right {
@@ -21897,6 +21934,9 @@ a.chip:hover.dark-mode, .dark-mode a.chip:hover, a.chip:focus.dark-mode, .dark-m
 .general-icon.icon-glassdoor:before {
   content: "\e920";
 }
+.general-icon.icon-glossary:before {
+  content: "\e97e";
+}
 .general-icon.icon-google:before {
   content: "\e921";
 }
@@ -28984,6 +29024,7 @@ a.tag:focus {
   background: conic-gradient(from var(--glimmer-angle), RGBA(255, 137, 4, 1), RGBA(255, 137, 4, 0.3), RGBA(255, 15, 243, 0.3), RGBA(255, 15, 243, 1));
 }
 .button.tertiary, .button.glyph, .button.arrow, .button.external {
+  font-weight: 500;
   transition: all 0.2s ease-in-out;
 }
 .button.tertiary, .button.glyph, .button.arrow, .button.external {
@@ -29160,7 +29201,63 @@ a.tag:focus {
   background-color: #ff0ff3;
 }
 
+.embed-widget :first-child {
+  z-index: 2;
+}
+.embed-widget:before {
+  background: linear-gradient(90deg, #ff0ff3, #ff8904);
+  content: "";
+  position: absolute;
+  top: -3px;
+  left: -3px;
+  right: -3px;
+  bottom: -3px;
+  margin: 0 5rem;
+  z-index: 0;
+  border-radius: 0.75rem;
+}
+@media (max-width: 768px) {
+  .embed-widget:before {
+    margin: 0;
+  }
+}
+.dark-mode .embed-widget:before, .embed-widget.dark-mode .embed-widget:before {
+  background: linear-gradient(90deg, #ff0ff3, #ff8904);
+  content: "";
+  position: absolute;
+  top: -3px;
+  left: -3px;
+  right: -3px;
+  bottom: -3px;
+  margin: 0 5rem;
+  z-index: 0;
+  border-radius: 0.75rem;
+}
+@media (max-width: 768px) {
+  .dark-mode .embed-widget:before, .embed-widget.dark-mode .embed-widget:before {
+    margin: 0;
+  }
+}
+.embed-widget:after {
+  content: "";
+  z-index: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  margin: 0 5rem;
+  background-color: #000000;
+  border-radius: 0.75rem;
+}
+@media (max-width: 768px) {
+  .embed-widget:after {
+    margin: 0;
+  }
+}
+
 .card {
+  position: relative;
   border-width: 0.0625rem;
   box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.4);
   backdrop-filter: blur(0.625rem);
@@ -29482,6 +29579,7 @@ a.tag:focus {
   -webkit-text-fill-color: transparent;
 }
 .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
+  background: linear-gradient(140deg, #ff8904, #ff0ff3);
   position: absolute;
   top: 0;
   right: -10px;
@@ -29489,11 +29587,26 @@ a.tag:focus {
   border-radius: 0.125rem;
   padding: 0.125rem;
 }
-.brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
-  background: linear-gradient(140deg, #ff8904, #ff0ff3);
+@media (max-width: 1024px) {
+  .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
+    right: unset;
+    left: 30px;
+  }
 }
 .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
   background: linear-gradient(140deg, #ff8904, #ff0ff3);
+  position: absolute;
+  top: 0;
+  right: -10px;
+  font-size: 9px;
+  border-radius: 0.125rem;
+  padding: 0.125rem;
+}
+@media (max-width: 1024px) {
+  .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag.dark-mode, .dark-mode .brandui-navigation .navigation-item .nav-link .new-evo-feature-tag {
+    right: unset;
+    left: 30px;
+  }
 }
 .brandui-navigation .navigation-item .nav-link:hover .new-evo-feature-tag, .brandui-navigation .navigation-item .nav-link:focus .new-evo-feature-tag {
   color: #ffffff;
@@ -30163,6 +30276,24 @@ a.tag:focus {
   padding-top: 5rem;
 }
 
+.brandui-navigation .navigation-item:hover .nav-dropdown, .brandui-navigation .navigation-item:focus .nav-dropdown, .brandui-navigation .navigation-item:focus-within .nav-dropdown, .brandui-navigation .navigation-item:focus-visible .nav-dropdown, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown {
+  color: #ff0ff3;
+}
+.brandui-navigation .navigation-item:hover .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:hover .nav-dropdown, .brandui-navigation .navigation-item:focus .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:focus .nav-dropdown, .brandui-navigation .navigation-item:focus-within .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:focus-within .nav-dropdown, .brandui-navigation .navigation-item:focus-visible .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:focus-visible .nav-dropdown, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown {
+  color: #ff0ff3;
+}
+.brandui-navigation .navigation-item:hover .nav-dropdown, .brandui-navigation .navigation-item:focus .nav-dropdown, .brandui-navigation .navigation-item:focus-within .nav-dropdown, .brandui-navigation .navigation-item:focus-visible .nav-dropdown, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown {
+  background-color: RGBA(255, 15, 243, 0.1);
+}
+.brandui-navigation .navigation-item:hover .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:hover .nav-dropdown, .brandui-navigation .navigation-item:focus .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:focus .nav-dropdown, .brandui-navigation .navigation-item:focus-within .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:focus-within .nav-dropdown, .brandui-navigation .navigation-item:focus-visible .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:focus-visible .nav-dropdown, .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown.dark-mode, .dark-mode .brandui-navigation .navigation-item:has(.navigation-submenu.open) .nav-dropdown {
+  background-color: RGBA(255, 15, 243, 0.1);
+}
+.brandui-navigation .navigation-item .nav-dropdown:after {
+  color: #ff0ff3;
+}
+.dark-mode .brandui-navigation .navigation-item .nav-dropdown:after, .brandui-navigation .navigation-item .nav-dropdown.dark-mode .brandui-navigation .navigation-item .nav-dropdown:after {
+  color: #ff0ff3;
+}
 .brandui-navigation .navigation-item .nav-link .new-evo-feature {
   background: linear-gradient(140deg, #ff8904, #ff8904);
   -webkit-background-clip: text;
@@ -30204,6 +30335,12 @@ a.tag:focus {
 .brandui-navigation .navigation .nav-login-accordion-label {
   font-family: monospace;
 }
+.brandui-navigation .navigation .nav-login-accordion-label:after {
+  color: #ff0ff3;
+}
+.dark-mode .brandui-navigation .navigation .nav-login-accordion-label:after, .brandui-navigation .navigation .nav-login-accordion-label.dark-mode .brandui-navigation .navigation .nav-login-accordion-label:after {
+  color: #ff0ff3;
+}
 .brandui-navigation .navigation .nav-login-accordion-links .login-link-label {
   font-family: monospace;
 }
@@ -30222,6 +30359,27 @@ a.tag:focus {
 .brandui-navigation .navigation .nav-login-accordion-links .login-link:hover.dark-mode, .dark-mode .brandui-navigation .navigation .nav-login-accordion-links .login-link:hover {
   background-color: RGBA(255, 15, 243, 0.1);
 }
+.brandui-navigation .navigation .nav-login-accordion-links .login-link.link-external:after {
+  color: #ff0ff3;
+}
+.dark-mode .brandui-navigation .navigation .nav-login-accordion-links .login-link.link-external:after, .brandui-navigation .navigation .nav-login-accordion-links .login-link.link-external.dark-mode .brandui-navigation .navigation .nav-login-accordion-links .login-link.link-external:after {
+  color: #ff0ff3;
+}
+.brandui-navigation .navigation .nav-login-accordion-disclaimer {
+  font-family: monospace;
+}
+.brandui-navigation .navigation .nav-login-accordion-disclaimer a {
+  color: #ff0ff3;
+}
+.brandui-navigation .navigation .nav-login-accordion-disclaimer a.dark-mode, .dark-mode .brandui-navigation .navigation .nav-login-accordion-disclaimer a {
+  color: #ff0ff3;
+}
+.brandui-navigation .navigation .nav-login-accordion-disclaimer a:hover {
+  color: #ffffff;
+}
+.brandui-navigation .navigation .nav-login-accordion-disclaimer a:hover.dark-mode, .dark-mode .brandui-navigation .navigation .nav-login-accordion-disclaimer a:hover {
+  color: #ffffff;
+}
 
 .sr-only {
   position: absolute !important;
@@ -54400,7 +54558,7 @@ The rich text class applies default styling to HTML when you cannot apply class
 }
 .txt-rich h1:not([class]),
 .txt-rich-long h1:not([class]) {
-  font-family: "Big Shoulders Display";
+  font-family: "Big Shoulders";
   font-size: 3rem;
   font-weight: 900;
   letter-spacing: -0.01em;