[data-visual-style="default"],
[data-item-style="default"],
[data-slide-style="default"] {
--vs-bg: transparent;
--vs-text-primary: var(--text-primary);
--vs-text-secondary: var(--text-secondary);
--vs-border: var(--border-subtle);
--vs-border-width: 1px;
--vs-shadow: none;
--vs-backdrop: none;
--vs-form-label: var(--text-primary);
--vs-form-text: var(--text-primary);
--vs-form-help: var(--text-secondary);
--vs-form-placeholder: var(--placeholder-on-light);
}
.hero.hero[data-visual-style="default"] {
background: transparent;
border: none;
box-shadow: none;
color: var(--text-primary);
}
.hero.hero[data-visual-style="default"]::before,
.hero.hero[data-visual-style="default"]::after {
display: none;
}
.hero.hero[data-visual-style="default"] .hero__title {
background: none;
-webkit-text-fill-color: var(--text-primary);
color: var(--text-primary);
animation: none;
text-shadow: var(--text-shadow-md);
}
.hero.hero[data-visual-style="default"] .hero__description {
color: var(--text-secondary);
text-shadow: var(--text-shadow-sm);
}
.banner.banner[data-visual-style="default"] {
background: transparent;
border: none;
box-shadow: none;
color: var(--text-primary);
}
.banner.banner[data-visual-style="default"]::before {
display: none;
}
.banner.banner[data-visual-style="default"] .banner__title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.banner.banner[data-visual-style="default"] .banner__description {
color: var(--text-secondary);
text-shadow: var(--text-shadow-sm);
}
.banner.banner[data-visual-style="default"] .banner__description h1,
.banner.banner[data-visual-style="default"] .banner__description h2,
.banner.banner[data-visual-style="default"] .banner__description h3,
.banner.banner[data-visual-style="default"] .banner__description h4,
.banner.banner[data-visual-style="default"] .banner__description h5,
.banner.banner[data-visual-style="default"] .banner__description h6 {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.grid-block[data-visual-style="default"] .grid-item.card.card--feature {
background: transparent;
color: var(--text-primary);
border: var(--border-width) solid var(--border-subtle);
border-radius: var(--radius-xl);
box-shadow: none;
}
.grid-block[data-visual-style="default"] .grid-item.card.card--feature::before {
display: none;
}
.grid-block[data-visual-style="default"] .grid-item.card.card--feature .card__title,
.grid-block[data-visual-style="default"] .grid-item.card.card--feature .card__subtitle {
color: var(--text-primary);
}
.grid-block[data-visual-style="default"] .grid-item.card.card--feature .card__description {
color: var(--text-secondary);
}
.grid-block[data-visual-style="default"] .grid-item.card.card--feature .card__icon {
position: relative;
z-index: 1;
}
.grid-block[data-visual-style="default"] .grid-item.card.card--feature:hover .card__title {
color: var(--text-primary);
}
.grid-block[data-visual-style="default"] .grid-item--article {
background: transparent;
color: var(--text-primary);
border: var(--border-width) solid var(--border-subtle);
border-radius: var(--radius-xl);
box-shadow: none;
}
.grid-block[data-visual-style="default"] .grid-item--article::before {
display: none;
}
.grid-block[data-visual-style="default"] .grid-item__article-title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.grid-block[data-visual-style="default"] .grid-item__article-excerpt {
color: var(--text-secondary);
}
.grid-block[data-visual-style="default"] .grid-item__article-category {
color: var(--color-primary-text);
}
.grid-block[data-visual-style="default"] .grid-item--article:hover .grid-item__article-title {
color: var(--text-primary);
}
.carousel-block[data-visual-style="default"] .carousel-slide {
position: relative;
background: transparent;
color: var(--text-primary);
border: var(--border-width) solid var(--border-subtle);
box-shadow: none;
}
.carousel-block[data-visual-style="default"] .carousel-slide::before {
display: none;
}
.carousel-block[data-visual-style="default"] .carousel-slide__title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.carousel-block[data-visual-style="default"] .carousel-slide__article-title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.carousel-block[data-visual-style="default"] .carousel-slide:hover .carousel-slide__title {
color: var(--text-primary);
}
:is(
.hero.hero[data-visual-style="default"],
.banner.banner[data-visual-style="default"],
.grid-block[data-visual-style="default"],
.carousel-block[data-visual-style="default"]
) .lexical-content {
--lexical-color: var(--text-secondary);
--lexical-heading-color: var(--text-primary);
--lexical-link-color: var(--color-primary-text);
--lexical-quote-color: var(--text-secondary);
--lexical-strong-color: var(--text-primary);
color: var(--text-secondary);
text-shadow: var(--text-shadow-sm);
}
.tabs.tabs[data-visual-style="default"] .tabs__panels,
.tabs.tabs--pills[data-visual-style="default"] .tabs__panels,
.tabs.tabs--underline[data-visual-style="default"] .tabs__panels {
background: transparent;
backdrop-filter: none;
-webkit-backdrop-filter: none;
border: var(--border-width) solid var(--border-subtle);
box-shadow: none;
color: var(--text-primary);
}
.tabs.tabs[data-visual-style="default"] .tabs__panels::before {
display: none;
}
.header-master[data-visual-style="default"] {
background: var(--bg-base);
color: var(--text-primary);
border: none;
box-shadow: none;
}
.spotlight[data-visual-style="default"] .spotlight__card,
.spotlight[data-visual-style="default"] .spotlight__panel,
.timeline[data-visual-style="default"] .timeline__card {
background: transparent;
color: var(--text-primary);
border: var(--border-width) solid var(--border-subtle);
border-radius: var(--radius-xl);
box-shadow: none;
}
.spotlight[data-visual-style="default"] .spotlight__card-title,
.spotlight[data-visual-style="default"] .spotlight__panel-title,
.timeline[data-visual-style="default"] .timeline__step-title {
color: var(--text-primary);
text-shadow: var(--text-shadow-md);
}
.spotlight[data-visual-style="default"] .spotlight__card-desc,
.spotlight[data-visual-style="default"] .spotlight__panel-desc,
.timeline[data-visual-style="default"] .timeline__desc {
--lexical-color: var(--text-secondary);
--lexical-heading-color: var(--text-primary);
--lexical-link-color: var(--color-primary-text);
--lexical-quote-color: var(--text-secondary);
--lexical-strong-color: var(--text-primary);
color: var(--text-secondary);
text-shadow: var(--text-shadow-sm);
}
@media (max-width: 767px) {
.spotlight[data-visual-style="default"] .spotlight__card,
.spotlight[data-visual-style="default"] .spotlight__panel {
border: 0;
border-radius: 0;
}
}