@deriv-web-design/ui 0.0.29 → 0.1.0

package/dist/index.css

@@ -7477,172 +7477,4 @@
     display: block;
   }
 }
-
-/* templates/SpotlightHero/SpotlightHero.css */
-.sh-root {
-  position: relative;
-  display: block;
-  overflow: hidden;
-  isolation: isolate;
-  padding: var(--spacing-64);
-  min-height: 420px;
-  background: var(--color-slate-1300);
-  color: var(--color-slate-50);
-  text-decoration: none;
-  border-radius: var(--radius-xl);
-  --sh-accent: var(--color-coral-700);
-}
-.sh-emerald {
-  --sh-accent: var(--color-emerald-700);
-}
-.sh-blue {
-  --sh-accent: var(--color-blue-600);
-}
-.sh-slate {
-  --sh-accent: var(--color-slate-600);
-}
-.sh-glow {
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  pointer-events: none;
-  background:
-    radial-gradient(
-      120% 140% at 84% 16%,
-      var(--sh-accent) 0%,
-      transparent 58%),
-    linear-gradient(
-      90deg,
-      var(--color-slate-1400) 0%,
-      transparent 72%);
-  opacity: 0.95;
-}
-.sh-pattern {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, var(--sh-tile));
-  grid-auto-rows: var(--sh-tile);
-  align-content: start;
-  justify-content: end;
-  color: var(--color-slate-50);
-  opacity: var(--sh-pattern-opacity, 0.12);
-  pointer-events: none;
-  -webkit-mask-image:
-    linear-gradient(
-      100deg,
-      transparent 24%,
-      #000 74%);
-  mask-image:
-    linear-gradient(
-      100deg,
-      transparent 24%,
-      #000 74%);
-}
-.sh-patternIcon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: var(--sh-tile);
-  height: var(--sh-tile);
-  font-size: calc(var(--sh-tile) * 0.68);
-  line-height: 0;
-}
-.sh-patternIcon svg {
-  width: 1em;
-  height: 1em;
-  display: block;
-}
-.sh-content {
-  position: relative;
-  z-index: 2;
-  max-width: 620px;
-  display: flex;
-  flex-direction: column;
-  gap: var(--spacing-16);
-}
-.sh-eyebrow {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-12);
-}
-.sh-eyebrowLine {
-  width: 32px;
-  height: 2px;
-  background: var(--sh-accent);
-  border-radius: var(--radius-full);
-}
-.sh-eyebrowText {
-  font-family: var(--font-family-base);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-semi-bold);
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--color-opacity-white-72);
-}
-.sh-title {
-  margin: 0;
-  font-family: var(--typography-h2-font-family);
-  font-size: var(--typography-h2-font-size);
-  font-weight: var(--typography-h2-font-weight);
-  line-height: var(--typography-h2-line-height);
-  letter-spacing: var(--typography-h2-letter-spacing);
-  color: var(--color-slate-50);
-}
-.sh-summary {
-  margin: 0;
-  max-width: 30rem;
-  font-family: var(--typography-body-md-font-family);
-  font-size: var(--typography-body-md-font-size);
-  font-weight: var(--typography-body-md-font-weight);
-  line-height: var(--typography-body-md-line-height);
-  color: var(--color-opacity-white-72);
-}
-.sh-footer {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--spacing-12);
-  margin-top: var(--spacing-8);
-}
-.sh-arrow {
-  display: inline-flex;
-  font-size: 20px;
-  color: var(--color-slate-50);
-  transition: transform 0.2s ease;
-}
-.sh-meta {
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-semi-bold);
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--color-opacity-white-48);
-}
-.sh-interactive {
-  cursor: pointer;
-}
-.sh-interactive:hover .sh-arrow {
-  transform: translateX(4px);
-}
-@media (max-width: 768px) {
-  .sh-root {
-    padding: var(--spacing-32) var(--spacing-24);
-    min-height: 340px;
-  }
-  .sh-content {
-    max-width: 100%;
-  }
-  .sh-pattern {
-    -webkit-mask-image:
-      linear-gradient(
-        180deg,
-        transparent 6%,
-        #000 70%);
-    mask-image:
-      linear-gradient(
-        180deg,
-        transparent 6%,
-        #000 70%);
-  }
-}
 /*# sourceMappingURL=index.css.map */