/* Généré depuis css/hover.css pour l'aperçu Paladius (dark). */
/* Survols et appuis repris des variantes du modèle. */
.default-9,
.default-9 .icon-7,
.default-9 .layout-293,
.default-9 .layout-293 .text,
.default-9 .icon-8,
.clickable-3 .row-1,
.clickable-3 .layout-121,
.clickable-3 .row-2,
.item-4 .layout-26,
.item-4 .layout-26 .text,
.desktop-investor-card-1-3 .logo-1,
.desktop-investor-card-1-3 .investor-card-1,
.mobile,
.desktop-9 .icon,
.desktop-9 .try-for-free-2,
.desktop-9 .try-for-free-2 .text,
.mobile .try-for-free-2,
.mobile .try-for-free-2 .text,
.desktop-9 .icon-2,
.default-4 .arrow-out-2,
.default-4 .arrow-in,
.default-6,
.variant-1-3,
.desktop-green,
.mobile-2,
.desktop-5,
.desktop-5 .try-for-free,
.desktop-5 .try-for-free .text,
.desktop-case-card-3 .arrow,
.desktop-case-card-3 .title-19,
.desktop-case-card-3 .title-19 .text,
.desktop-case-card-3 .layout-186 {
  transition:
    background-color 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    color 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    opacity 0.4s,
    filter 0.4s,
    left 0.4s,
    top 0.4s,
    right 0.4s,
    bottom 0.4s,
    width 0.4s,
    height 0.4s;
}
.desktop-7.desktop-9:is(:hover, :focus-visible) .icon,
.desktop-7.desktop-9:active .icon {
  order: 0 !important;
}
.desktop-7.desktop-9:is(:hover, :focus-visible) .try-for-free-2,
.desktop-7.desktop-9:active .try-for-free-2 {
  order: 1 !important;
}
.desktop-7.desktop-9:is(:hover, :focus-visible) .icon-2,
.desktop-7.desktop-9:active .icon-2 {
  height: unset !important;
  width: unset !important;
  order: 2 !important;
  inset: 0 !important;
}
.default-2.default-4:is(:hover, :focus-visible) .arrow-out-2 {
  top: 2px !important;
  left: 14px !important;
}
.default-2.default-4:is(:hover, :focus-visible) .arrow-in {
  top: 8px !important;
  left: 8px !important;
}
.desktop-case-card.desktop-case-card-3:is(:hover, :focus-visible) .arrow {
  right: 0 !important;
}
.default-7.default-9:is(:hover, :focus-visible) .icon-7 {
  order: 0 !important;
  justify-content: center !important;
}
.default-7.default-9:is(:hover, :focus-visible) .layout-293 {
  -webkit-user-select: unset !important;
  user-select: unset !important;
  z-index: 1 !important;
  order: 1 !important;
}
.default-7.default-9:is(:hover, :focus-visible) .icon-8 {
  order: 2 !important;
  inset: 0 -1px 0 0 !important;
}
.default-7.default-9:active .icon-7 {
  order: 0 !important;
}
.default-7.default-9:active .layout-293 {
  order: 1 !important;
}
.default-7.default-9:active .icon-8 {
  order: 2 !important;
}
.default-9:is(:hover, :focus-visible) {
  opacity: 1 !important;
}
.default-9:active {
  background-color: var(--zinc-dark, #f5f5f7) !important;
  opacity: 1 !important;
}
.default-9:active .icon-7 {
  background-color: var(--zinc-dark, #f5f5f7) !important;
}
.default-9:is(:hover, :focus-visible) .layout-293 {
  --extracted-r6o4lv: var(--surface-light, #0e0e10) !important;
}
.default-9:is(:hover, :focus-visible) .layout-293 .text {
  color: var(--surface-light, rgba(255, 255, 255, 0.12)) !important;
  --site-text-color: var(--surface-light, rgba(255, 255, 255, 0.12)) !important;
}
.default-9:active .layout-293 {
  --extracted-r6o4lv: var(--surface-light, #0e0e10) !important;
}
.default-9:active .layout-293 .text {
  color: var(--surface-light, rgba(255, 255, 255, 0.12)) !important;
  --site-text-color: var(--surface-light, rgba(255, 255, 255, 0.12)) !important;
}
.default-9:is(:hover, :focus-visible) .icon-8 {
  opacity: 1 !important;
}
.default-9:active .icon-8 {
  opacity: 1 !important;
}
.clickable-3:is(:hover, :focus-visible) .row-1 {
  filter: blur(10px) !important;
  -webkit-filter: blur(10px) !important;
}
.clickable-3:is(:hover, :focus-visible) .layout-121 {
  opacity: 1 !important;
}
.clickable-3:is(:hover, :focus-visible) .row-2 {
  filter: blur(10px) !important;
  -webkit-filter: blur(10px) !important;
}
.item-4:is(:hover, :focus-visible) .layout-26 {
  --extracted-r6o4lv: var(--text-primary, rgb(245, 245, 247)) !important;
}
.item-4:is(:hover, :focus-visible) .layout-26 .text {
  color: var(--text-primary, rgb(245, 245, 247)) !important;
  --site-text-color: var(--text-primary, rgb(245, 245, 247)) !important;
}
.desktop-investor-card-1-3:is(:hover, :focus-visible) .logo-1 {
  opacity: 1 !important;
}
.desktop-investor-card-1-3:is(:hover, :focus-visible) .investor-card-1 {
  opacity: 1 !important;
}
.mobile:active {
  background-color: var(--text-primary, #f5f5f7) !important;
}
.desktop-9:active .icon {
  background-color: var(--zinc-dark, #f5f5f7) !important;
}
.desktop-9:is(:hover, :focus-visible) .try-for-free-2 {
  --extracted-r6o4lv: var(--surface-light, #0e0e10) !important;
}
.desktop-9:is(:hover, :focus-visible) .try-for-free-2 .text {
  color: var(--surface-light, rgba(255, 255, 255, 0.12)) !important;
  --site-text-color: var(--surface-light, rgba(255, 255, 255, 0.12)) !important;
}
.desktop-9:active .try-for-free-2 {
  --extracted-r6o4lv: var(--surface-light, #0e0e10) !important;
}
.desktop-9:active .try-for-free-2 .text {
  color: var(--surface-light, rgba(255, 255, 255, 0.12)) !important;
  --site-text-color: var(--surface-light, rgba(255, 255, 255, 0.12)) !important;
}
.mobile:active .try-for-free-2 {
  --extracted-r6o4lv: var(--section-background, #070708) !important;
}
.mobile:active .try-for-free-2 .text {
  color: var(--section-background, rgb(10, 10, 11)) !important;
  --site-text-color: var(--section-background, rgb(10, 10, 11)) !important;
}
.desktop-9:active .icon-2 {
  background-color: var(--zinc-dark, #f5f5f7) !important;
}
.default-4:is(:hover, :focus-visible) .arrow-out-2 {
  opacity: 0 !important;
}
.default-4:is(:hover, :focus-visible) .arrow-in {
  opacity: 1 !important;
}
.default-6:is(:hover, :focus-visible) {
  --border-bottom-width: 0px !important;
  --border-left-width: 0px !important;
  --border-right-width: 0px !important;
  --border-top-width: 0px !important;
  background-color: var(--surface-light, #0e0e10) !important;
}
.default-6:active {
  --border-bottom-width: 0px !important;
  --border-left-width: 0px !important;
  --border-right-width: 0px !important;
  --border-top-width: 0px !important;
}
.variant-1-3:is(:hover, :focus-visible) {
  background-color: var(--surface-light, #0e0e10) !important;
}
.desktop-green:is(:hover, :focus-visible) {
  background-color: var(--surface-muted, #18181b) !important;
}
.desktop-green:active {
  background-color: var(--lime-dark, rgba(255, 255, 255, 0.14)) !important;
}
.mobile-2:active {
  --border-color: var(--text-primary, rgba(255, 255, 255, 0.6)) !important;
  background-color: rgba(240, 238, 235, 0) !important;
}
.desktop-5:is(:hover, :focus-visible) {
  --border-color: var(--text-primary, rgba(255, 255, 255, 0.6)) !important;
  background-color: rgba(238, 235, 231, 0) !important;
}
.desktop-5:active {
  --border-color: var(--text-primary, rgba(255, 255, 255, 0.6)) !important;
  background-color: var(--text-primary, #f5f5f7) !important;
}
.desktop-5:active .try-for-free {
  --extracted-r6o4lv: var(--page-background, #070708) !important;
}
.desktop-5:active .try-for-free .text {
  color: var(--page-background, rgb(10, 10, 11)) !important;
  --site-text-color: var(--page-background, rgb(10, 10, 11)) !important;
}
.desktop-case-card-3:is(:hover, :focus-visible) .arrow {
  opacity: 1 !important;
}
.desktop-case-card-3:is(:hover, :focus-visible) .title-19 {
  --extracted-1w1cjl5: var(--text-primary, rgb(245, 245, 247)) !important;
}
.desktop-case-card-3:is(:hover, :focus-visible) .title-19 .text {
  color: var(--text-primary, rgb(245, 245, 247)) !important;
  --site-text-color: var(--text-primary, rgb(245, 245, 247)) !important;
}
.desktop-case-card-3:is(:hover, :focus-visible) .layout-186 {
  opacity: 1 !important;
}