/* Mega menu 40px icon tiles: Figma to builder and AI to WordPress hover conversions. */
/* Icon rules are three classes deep to beat .uc-nvh.uicnvh-root img, while staying under the hover rules. */
.uc-nvh .uc-cv40{position:relative;width:40px;height:40px;border-radius:11.25px;box-sizing:border-box}
.uc-nvh .uc-cv40 > *{box-sizing:border-box}
.uc-nvh .uc-cv40 > .uc-cv-src,.uc-nvh .uc-cv40 > .uc-cv-dst,
.uc-nvh .uc-cv40 > .uc-cv-fig,.uc-nvh .uc-cv40 > .uc-cv-bld{position:absolute;max-width:none;object-fit:contain;border:0;border-radius:0;box-shadow:none}
.uc-nvh .uc-cv40 > svg:not(.uc-cv-trail){width:24px;height:24px}
.uc-nvh .uc-cv40 > .uc-cv-trail{position:absolute;width:12.5px;height:12.5px;color:#9aa0a6;opacity:0;transition:opacity .12s ease}

/* Figma panel: fill by column, so builders sit in column one and modes in column two. */
.uc-nvh .uc-cv-cols{grid-auto-flow:column;grid-template-rows:repeat(3,auto)}

/* AI to WordPress: AI logo retreats to top-left, WordPress mark springs in bottom-right. */
.uc-nvh .uc-cv40 > .uc-cv-src{left:3px;top:3px;width:14px;height:14px;transform:translate(9px,9px) scale(1.7143);transition:transform .2s cubic-bezier(.4,0,.2,1)}
.uc-nvh .uc-cv40 > .uc-cv-dst{right:1.05px;bottom:1.05px;width:23.4px;height:23.4px;opacity:0;transform:scale(.55);transition:opacity .14s ease,transform .2s cubic-bezier(.4,0,.2,1)}
.uc-nvh .uc-cv40 > .uc-cv-src ~ .uc-cv-trail{left:7px;bottom:7px}

/* Figma to builder: the same composition rotated 180 degrees. */
.uc-nvh .uc-cv40 > .uc-cv-bld{right:3px;bottom:3px;width:14px;height:14px;transform:translate(-9px,-9px) scale(1.7143);transition:transform .2s cubic-bezier(.4,0,.2,1)}
.uc-nvh .uc-cv40 > .uc-cv-fig{left:3px;top:3px;width:19.5px;height:19.5px;opacity:0;transform:scale(.55);transition:opacity .14s ease,transform .2s cubic-bezier(.4,0,.2,1)}
.uc-nvh .uc-cv40 > .uc-cv-fig ~ .uc-cv-trail{left:11.875px;bottom:2.125px}

.uc-nvh a[data-nvh-pill]:hover .uc-cv-src,.uc-nvh a[data-nvh-pill]:focus-visible .uc-cv-src,
.uc-nvh a[data-nvh-pill]:hover .uc-cv-bld,.uc-nvh a[data-nvh-pill]:focus-visible .uc-cv-bld{transform:none;transition:transform .32s cubic-bezier(.23,1,.32,1)}
.uc-nvh a[data-nvh-pill]:hover .uc-cv-dst,.uc-nvh a[data-nvh-pill]:focus-visible .uc-cv-dst,
.uc-nvh a[data-nvh-pill]:hover .uc-cv-fig,.uc-nvh a[data-nvh-pill]:focus-visible .uc-cv-fig{opacity:1;transform:none;transition:opacity .22s ease .06s,transform .34s cubic-bezier(.34,1.56,.64,1) .06s}
.uc-nvh a[data-nvh-pill]:hover .uc-cv-trail,.uc-nvh a[data-nvh-pill]:focus-visible .uc-cv-trail{opacity:1;transition:opacity .18s ease .26s}

@media (prefers-reduced-motion:reduce){
  .uc-nvh .uc-cv40 > *{transition:none!important}
}