[data-visual-style="gradient-aurora"],
[data-item-style="gradient-aurora"],
[data-slide-style="gradient-aurora"] {
--vs-text-primary: var(--text-inverse-primary);
--vs-text-secondary: var(--neutral-200);
--vs-backdrop: none;
--vs-form-label: var(--text-inverse-primary);
--vs-form-text: var(--text-inverse-primary);
--vs-form-help: var(--text-inverse-secondary);
--vs-form-placeholder: var(--placeholder-on-light);
--vs-form-focus-border: var(--color-secondary);
--vs-form-focus-shadow: rgba(var(--color-secondary-rgb), 0.55);
}
[data-visual-style="gradient-aurora"],
[data-item-style="gradient-aurora"],
[data-slide-style="gradient-aurora"] {
--vs-bg:
radial-gradient(116% 64% at 44% -20%,
color-mix(in oklab, var(--color-primary) 78%, white) 0%, transparent 74%),
radial-gradient(70% 40% at 82% -12%,
color-mix(in oklab, var(--color-accent) 74%, white) 0%, transparent 70%),
linear-gradient(180deg,
color-mix(in oklab, var(--neutral-950) 86%, var(--neutral-800))  0%,
var(--neutral-950) 48%,
color-mix(in oklab, var(--neutral-950) 90%, black) 100%);
--vs-border: rgb(255 255 255 / .09);
--vs-border-width: 1px;
--vs-shadow: inset 0 1px 0 rgb(255 255 255 / .14);
--vs-aurora-title-glow:
0 0 60px rgba(var(--color-primary-rgb), 0.5),
0 0 120px rgba(var(--color-secondary-rgb), 0.3);
--_vs-title-bg: var(--vs-aurora-title-gradient);
--_vs-title-size: 400% 400%;
}
:where(
.hero.hero[data-visual-style="gradient-aurora"],
.banner.banner[data-visual-style="gradient-aurora"],
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__panels,
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"]),
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="gradient-aurora"]),
:is(.carousel-block[data-visual-style="gradient-aurora"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="gradient-aurora"]),
.spotlight[data-visual-style="gradient-aurora"] .spotlight__card,
.spotlight[data-visual-style="gradient-aurora"] .spotlight__panel,
.timeline[data-visual-style="gradient-aurora"] .timeline__card,
:is(.testimonial, .bento)[data-visual-style="gradient-aurora"] .testimonial__item:not([data-item-style]),
:is(.testimonial, .bento) .testimonial__item[data-item-style="gradient-aurora"],
:is(.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]), .bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]),
.section[data-visual-style="gradient-aurora"]:not(.section--full-bleed) .section__inner,
.section--full-bleed[data-visual-style="gradient-aurora"]
)::after {
content: '';
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
border-radius: inherit;
--_aurore-primaire: color-mix(in oklab, var(--color-primary) 84%, white);
--_aurore-accent:   color-mix(in oklab, var(--color-accent)  80%, white);
background:
repeating-linear-gradient(97deg,
color-mix(in srgb, var(--_aurore-primaire) 21%, transparent)    0.00%,
color-mix(in srgb, var(--_aurore-primaire) 63%, transparent)    3.73%,
color-mix(in srgb, var(--_aurore-primaire) 73%, transparent)    5.89%,
color-mix(in srgb, var(--_aurore-primaire) 64%, transparent)    8.22%,
color-mix(in srgb, var(--_aurore-primaire) 15%, transparent)   14.50%,
color-mix(in srgb, var(--_aurore-primaire)  3%, transparent)   17.62%,
color-mix(in srgb, var(--_aurore-primaire)  1%, transparent)  29.23%,
color-mix(in srgb, var(--_aurore-primaire)  7%, transparent)  31.43%,
color-mix(in srgb, var(--_aurore-primaire) 21%, transparent)  33.33%),
repeating-linear-gradient(83deg,
color-mix(in srgb, var(--_aurore-accent) 28%, transparent)    0.00%,
color-mix(in srgb, var(--_aurore-accent) 67%, transparent)    3.23%,
color-mix(in srgb, var(--_aurore-accent) 77%, transparent)    5.50%,
color-mix(in srgb, var(--_aurore-accent) 68%, transparent)    8.16%,
color-mix(in srgb, var(--_aurore-accent) 13%, transparent)   17.87%,
color-mix(in srgb, var(--_aurore-accent)  2%, transparent)   21.95%,
color-mix(in srgb, var(--_aurore-accent)  1%, transparent)  44.08%,
color-mix(in srgb, var(--_aurore-accent)  8%, transparent)  46.64%,
color-mix(in srgb, var(--_aurore-accent) 28%, transparent)  48.84%);
opacity: .52;
-webkit-mask-image: linear-gradient(180deg, #000 0%, rgb(0 0 0 / .78) 24%, transparent 60%);
mask-image: linear-gradient(180deg, #000 0%, rgb(0 0 0 / .78) 24%, transparent 60%);
mask-image: linear-gradient(180deg, #000 0%, rgb(0 0 0 / .78) 24%, transparent 60%);
}
.carousel-block .carousel-slide[data-slide-style="gradient-aurora"]::after {
display: block;
}
.hero.hero[data-visual-style="gradient-aurora"] {
background: var(--vs-bg);
color: var(--text-inverse-primary);
}
.hero.hero[data-visual-style="gradient-aurora"] .hero__title {
text-shadow: var(--vs-aurora-title-glow);
}
.hero.hero[data-visual-style="gradient-aurora"] .hero__description {
color: var(--hero-text-dark-description);
text-shadow: var(--text-shadow-deepest);
}
.banner.banner[data-visual-style="gradient-aurora"] {
background: var(--vs-bg);
color: var(--text-inverse-primary);
box-shadow: var(--vs-shadow), var(--vs-elevation);
border: var(--vs-border-width) solid var(--vs-border);
}
.banner.banner[data-visual-style="gradient-aurora"] .banner__content {
position: relative;
z-index: 2;
}
.banner.banner[data-visual-style="gradient-aurora"] .banner__title {
text-shadow: var(--vs-aurora-title-glow);
}
.banner.banner[data-visual-style="gradient-aurora"] .banner__description {
color: var(--hero-text-dark-description);
}
.banner.banner[data-visual-style="gradient-aurora"] .form-message,
.banner.banner[data-visual-style="gradient-aurora"] .form-message p,
.banner.banner[data-visual-style="gradient-aurora"] .form-message span,
.banner.banner[data-visual-style="gradient-aurora"] .form-message ul,
.banner.banner[data-visual-style="gradient-aurora"] .form-message ol,
.banner.banner[data-visual-style="gradient-aurora"] .form-message li,
.banner.banner[data-visual-style="gradient-aurora"] .form-message strong,
.banner.banner[data-visual-style="gradient-aurora"] .form-message em {
color: var(--hero-text-dark-description);
}
.banner.banner[data-visual-style="gradient-aurora"] .banner__description h1,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description h2,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description h3,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description h4,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description h5,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description h6 {
text-shadow: var(--vs-aurora-title-glow);
}
.banner.banner[data-visual-style="gradient-aurora"] .banner__description p,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description ul,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description ol,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description li,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description span,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description strong,
.banner.banner[data-visual-style="gradient-aurora"] .banner__description em {
color: inherit;
}
.banner.banner[data-visual-style="gradient-aurora"]:hover {
box-shadow: var(--vs-shadow), var(--vs-elevation-hover);
transform: translateY(-3px);
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) {
background: var(--vs-bg);
border: var(--vs-border-width) solid var(--vs-border);
border-radius: var(--radius-composant-base);
box-shadow: var(--vs-shadow), var(--vs-elevation);
}
`, et elle est tombée sur le commentaire `` posé À
L'INTÉRIEUR de la liste de sélecteurs. Trouvé par la QA adversariale du lot. */
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__title,
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__subtitle {
position: relative;
z-index: 2;
text-shadow: var(--vs-aurora-title-glow);
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__description {
position: relative;
z-index: 2;
color: var(--hero-text-dark-description, var(--text-inverse-secondary));
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__description p,
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__description ul,
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__description ol,
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__description li,
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__description span,
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__description strong,
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__description em {
color: inherit;
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
) .card__icon {
position: relative;
z-index: 2;
color: var(--color-secondary);
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item.card.card--feature:not([data-item-style]), .grid-block .grid-item.card.card--feature[data-item-style="gradient-aurora"],
.bento[data-visual-style="gradient-aurora"] .bento__tile.card.card--feature:not([data-item-style]),
.bento .bento__tile.card.card--feature[data-item-style="gradient-aurora"]
):hover {
box-shadow: var(--vs-shadow), var(--vs-elevation-hover);
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="gradient-aurora"]) {
background: var(--vs-bg);
border: var(--vs-border-width) solid var(--vs-border);
border-radius: var(--radius-composant-base);
box-shadow: var(--vs-shadow), var(--vs-elevation);
position: relative;
overflow: hidden;
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="gradient-aurora"]):hover {
box-shadow: var(--vs-shadow), var(--vs-elevation-hover);
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="gradient-aurora"]) .grid-item__article-title {
position: relative;
z-index: 2;
text-shadow: var(--vs-aurora-title-glow);
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="gradient-aurora"]) .grid-item__article-excerpt {
position: relative;
z-index: 2;
color: var(--hero-text-dark-description, var(--text-inverse-secondary));
}
:is(.grid-block[data-visual-style="gradient-aurora"] .grid-item--article:not([data-item-style]), .grid-block .grid-item--article[data-item-style="gradient-aurora"]) .grid-item__article-category {
position: relative;
z-index: 2;
color: var(--color-primary-light);
}
:is(.carousel-block[data-visual-style="gradient-aurora"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="gradient-aurora"]) {
position: relative;
background: var(--vs-bg);
border: var(--vs-border-width) solid var(--vs-border);
box-shadow: var(--vs-shadow), var(--vs-elevation);
color: var(--vs-text-primary);
overflow: hidden;
}
:is(.carousel-block[data-visual-style="gradient-aurora"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="gradient-aurora"]) .carousel-slide__title {
position: relative;
z-index: 2;
text-shadow: var(--vs-aurora-title-glow);
}
:is(.carousel-block[data-visual-style="gradient-aurora"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="gradient-aurora"]) .lexical-content {
--lexical-color: var(--hero-text-dark-description);
--lexical-heading-color: var(--text-inverse-primary);
--lexical-link-color: var(--color-primary-light);
--lexical-link-hover-color: var(--text-inverse-primary);
--lexical-quote-color: var(--hero-text-dark-description);
--lexical-strong-color: var(--text-inverse-primary);
color: var(--hero-text-dark-description);
}
:is(.carousel-block[data-visual-style="gradient-aurora"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="gradient-aurora"]) .carousel-slide__cta,
:is(.carousel-block[data-visual-style="gradient-aurora"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="gradient-aurora"]) .lexical-content {
position: relative;
z-index: 2;
}
:is(.carousel-block[data-visual-style="gradient-aurora"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="gradient-aurora"]):hover {
box-shadow: var(--vs-shadow), var(--vs-elevation-hover);
}
:is(.carousel-block[data-visual-style="gradient-aurora"] .carousel-slide:not([data-slide-style]), .carousel-block .carousel-slide[data-slide-style="gradient-aurora"]) .carousel-slide__article-title {
position: relative;
z-index: 2;
text-shadow: var(--vs-aurora-title-glow);
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__button--active {
position: relative;
background: linear-gradient(
135deg,
var(--color-secondary) 0%,
var(--color-primary) 50%,
var(--color-secondary-light) 100%
);
background-size: 300% 300%;
animation: vsGradientShift var(--animation-aurora) ease infinite;
will-change: background-position;
color: var(--text-inverse-primary);
box-shadow: 0 8px 32px rgba(var(--color-secondary-rgb), 0.3);
border: none;
border-radius: var(--radius-lg);
overflow: hidden;
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__button--active::before {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
rgba(var(--color-primary-rgb), 0.2) 0%,
transparent 50%,
rgba(var(--color-secondary-rgb), 0.2) 100%
);
pointer-events: none;
border-radius: inherit;
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__button--active .tabs__label {
position: relative;
z-index: 1;
text-shadow: var(--text-shadow-gradient);
}
.tabs.tabs.tabs--underline[data-visual-style="gradient-aurora"] .tabs__button--active {
overflow: visible !important;
}
.tabs.tabs.tabs--underline[data-visual-style="gradient-aurora"] .tabs__button--active .tabs__label {
text-shadow: none !important;
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__button:not(.tabs__button--active) {
color: var(--text-secondary);
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__button:hover:not(.tabs__button--active) {
color: var(--color-secondary);
background: rgba(var(--color-secondary-rgb), 0.08);
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__panels {
position: relative;
overflow: hidden;
background: var(--vs-bg);
color: var(--vs-text-primary);
border: var(--vs-border-width) solid var(--vs-border);
box-shadow: var(--vs-shadow), var(--vs-elevation);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__panel {
position: relative;
z-index: 2;
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__panel .lexical-content {
--lexical-color: var(--vs-text-secondary);
--lexical-heading-color: var(--vs-text-primary);
--lexical-link-color: var(--color-primary-light);
--lexical-link-hover-color: var(--color-accent-light);
--lexical-quote-color: var(--vs-text-secondary);
--lexical-strong-color: var(--vs-text-primary);
--lexical-spacing: var(--space-s);
color: var(--vs-text-secondary);
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__panel .lexical-content ul {
list-style: disc;
padding-inline-start: var(--lexical-list-indent, var(--space-l));
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__panel .lexical-content ol {
list-style: decimal;
padding-inline-start: var(--lexical-list-indent, var(--space-l));
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__panel .lexical-content li {
padding-inline-start: var(--space-s);
}
.tabs.tabs[data-visual-style="gradient-aurora"] .tabs__panel .lexical-content a:hover {
text-decoration-thickness: 2px;
}
.header-master[data-visual-style="gradient-aurora"] {
background: var(--vs-bg);
color: var(--text-inverse-primary);
box-shadow: var(--shadow-xl);
border: none;
--header-text: var(--text-inverse-primary);
--header-text-secondary: var(--text-inverse-secondary);
--header-border: var(--border-inverse-subtle);
--header-bg-surface: var(--neutral-900);
--header-bg-elevated: var(--neutral-800);
--header-hover-text: var(--color-primary-light);
--header-hover-bg: color-mix(in srgb, var(--color-primary) 12%, transparent);
--header-active-text: var(--color-accent-light);
}
.header-master[data-visual-style="gradient-aurora"]::after {
content: '';
position: absolute;
top: 0;
left: -5%;
width: 110%;
height: 100%;
background:
radial-gradient(
ellipse 80% 150% at 15% 50%,
rgba(var(--color-primary-rgb), 0.5) 0%,
rgba(var(--color-primary-rgb), 0.2) 35%,
transparent 65%
),
radial-gradient(
ellipse 70% 120% at 85% 50%,
rgba(var(--color-secondary-rgb), 0.45) 0%,
rgba(var(--color-secondary-rgb), 0.15) 40%,
transparent 70%
),
radial-gradient(
ellipse 90% 100% at 50% 100%,
rgba(var(--color-accent-rgb), 0.4) 0%,
rgba(var(--color-accent-rgb), 0.1) 45%,
transparent 75%
);
filter: var(--blur-decorative);
animation: vsAuroraWave var(--hero-aurora-duration) ease-in-out infinite;
z-index: 0;
pointer-events: none;
}
.header-master[data-visual-style="gradient-aurora"] .nav-item,
.header-master[data-visual-style="gradient-aurora"] .logo-wrapper a {
text-shadow: var(--vs-aurora-title-glow);
}
.header-master[data-visual-style="gradient-aurora"] .nav-item__icon,
.header-master[data-visual-style="gradient-aurora"] .nav-item__chevron {
-webkit-text-fill-color: var(--text-inverse-primary);
color: var(--text-inverse-primary);
}
.header-master[data-visual-style="gradient-aurora"] .logo-wrapper a:has(> .logo-image) {
-webkit-background-clip: initial;
-webkit-text-fill-color: initial;
background-clip: initial;
background: none;
animation: none;
color: var(--text-inverse-primary);
}
.header-master[data-visual-style="gradient-aurora"] .nav-item:hover {
filter: brightness(1.15);
text-shadow:
0 0 80px rgba(var(--color-primary-rgb), 0.6),
0 0 140px rgba(var(--color-secondary-rgb), 0.4);
}
.header-master[data-visual-style="gradient-aurora"] .nav-dropdown {
background: var(--vs-bg);
border: var(--border-width) solid rgba(var(--color-secondary-rgb), 0.2);
box-shadow: 0 0 40px rgba(var(--color-secondary-rgb), 0.15);
}
.header-master[data-visual-style="gradient-aurora"] .nav-dropdown__icon {
color: var(--hero-text-dark-description);
}
.header-master[data-visual-style="gradient-aurora"] .nav-dropdown__item {
color: var(--hero-text-dark-description);
}
.header-master[data-visual-style="gradient-aurora"] .nav-dropdown__item:hover {
background: rgba(var(--color-primary-rgb), 0.1);
}
.header-master[data-visual-style="gradient-aurora"] .burger-menu-toggle__bar {
background: var(--text-inverse-primary);
}
.header-master[data-visual-style="gradient-aurora"] .burger-menu-toggle:hover .burger-menu-toggle__bar {
background: var(--color-primary-light);
}
:is(
.spotlight[data-visual-style="gradient-aurora"] .spotlight__card,
.spotlight[data-visual-style="gradient-aurora"] .spotlight__panel,
.timeline[data-visual-style="gradient-aurora"] .timeline__card,
:is(.testimonial, .bento)[data-visual-style="gradient-aurora"] .testimonial__item:not([data-item-style]),
:is(.testimonial, .bento) .testimonial__item[data-item-style="gradient-aurora"]
) {
position: relative;
background: var(--vs-bg);
border: var(--vs-border-width) solid var(--vs-border);
box-shadow: var(--vs-shadow), var(--vs-elevation);
color: var(--vs-text-primary);
overflow: hidden;
}
:is(
.spotlight[data-visual-style="gradient-aurora"] .spotlight__card,
.spotlight[data-visual-style="gradient-aurora"] .spotlight__panel,
.timeline[data-visual-style="gradient-aurora"] .timeline__card,
:is(.testimonial, .bento)[data-visual-style="gradient-aurora"] .testimonial__item:not([data-item-style]),
:is(.testimonial, .bento) .testimonial__item[data-item-style="gradient-aurora"]
) > * {
position: relative;
z-index: 2;
}
:is(
.spotlight[data-visual-style="gradient-aurora"] .spotlight__card,
.spotlight[data-visual-style="gradient-aurora"] .spotlight__panel,
.timeline[data-visual-style="gradient-aurora"] .timeline__card,
:is(.testimonial, .bento)[data-visual-style="gradient-aurora"] .testimonial__item:not([data-item-style]),
:is(.testimonial, .bento) .testimonial__item[data-item-style="gradient-aurora"]
):hover {
box-shadow: var(--vs-shadow), var(--vs-elevation-hover);
}
.spotlight[data-visual-style="gradient-aurora"] .spotlight__card-title,
.spotlight[data-visual-style="gradient-aurora"] .spotlight__panel-title,
.timeline[data-visual-style="gradient-aurora"] .timeline__step-title,
:is(.testimonial, .bento)[data-visual-style="gradient-aurora"] .testimonial__item:not([data-item-style]) .testimonial__item-title,
:is(.testimonial, .bento) .testimonial__item[data-item-style="gradient-aurora"] .testimonial__item-title {
position: relative;
z-index: 2;
text-shadow: var(--vs-aurora-title-glow);
}
.spotlight[data-visual-style="gradient-aurora"] .spotlight__card-desc,
.spotlight[data-visual-style="gradient-aurora"] .spotlight__panel-desc,
.timeline[data-visual-style="gradient-aurora"] .timeline__desc,
:is(.testimonial, .bento)[data-visual-style="gradient-aurora"] .testimonial__item:not([data-item-style]) .testimonial__quote,
:is(.testimonial, .bento) .testimonial__item[data-item-style="gradient-aurora"] .testimonial__quote {
--lexical-color: var(--hero-text-dark-description);
--lexical-heading-color: var(--text-inverse-primary);
--lexical-link-color: var(--color-primary-light);
--lexical-link-hover-color: var(--text-inverse-primary);
--lexical-quote-color: var(--hero-text-dark-description);
--lexical-strong-color: var(--color-primary-light);
color: var(--hero-text-dark-description);
}
.timeline[data-visual-style="gradient-aurora"] .timeline__ref,
.timeline[data-visual-style="gradient-aurora"] .timeline__desc.lexical-content strong,
.timeline[data-visual-style="gradient-aurora"] .timeline__desc.lexical-content b {
color: var(--color-primary-light);
}
.timeline[data-visual-style="gradient-aurora"] .timeline__row[data-active] .timeline__ref,
.timeline[data-visual-style="gradient-aurora"] .timeline__row[data-active] .timeline__step-title {
color: var(--color-primary-light);
}
.spotlight[data-visual-style="gradient-aurora"].spotlight--interactive .spotlight__item[data-active] .spotlight__card-title,
.spotlight[data-visual-style="gradient-aurora"].spotlight--pin .spotlight__item[data-active] .spotlight__card-title,
.spotlight[data-visual-style="gradient-aurora"].spotlight--interactive .spotlight__card:hover .spotlight__card-title,
.spotlight[data-visual-style="gradient-aurora"].spotlight--pin .spotlight__card:hover .spotlight__card-title,
.spotlight[data-visual-style="gradient-aurora"] .spotlight__card-trigger:hover {
color: var(--color-primary-light);
}