.ux4g-pattern-cards{--primary: var(--ux4g-color-brand-primary, #4a2bc2);--primary-deep: #301c7d;--amber: #ff9233;--amber-ink: #7a3d00;--amber-soft: #fff4e6;--primary-tint: #ece7fb;--primary-tint-2: #f4f1fe;--ux4g-color-primary-100: #e9e4fb;--ux4g-color-primary-200: #d4c9f6;--ux4g-color-primary-300: #b6a4ee}.ux4g-pattern-cards .pc-art-panel{background:color-mix(in srgb,var(--primary-tint-2) 88%,var(--card))}.dark .ux4g-pattern-cards .pc-art-panel{background:color-mix(in srgb,var(--primary) 12%,var(--card))}.ux4g-pattern-cards .pc-art{display:flex;align-items:center;justify-content:center}.ux4g-pattern-cards .pc-art svg{width:100%;max-width:220px;height:auto;max-height:100%;display:block}@keyframes pv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pv-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.13)}}@keyframes pv-stamp-loop{0%,8%{opacity:0;transform:scale(1.9)}20%,78%{opacity:1;transform:scale(1)}92%,to{opacity:0;transform:scale(1.9)}}@keyframes pv-spin{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}@keyframes pv-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3.5px)}}@keyframes pv-swing{0%,to{transform:rotate(0)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@keyframes pv-wave-pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes pv-typing{0%,70%,to{transform:translateY(0)}35%{transform:translateY(-4px)}}@keyframes pv-ping{0%,to{transform:scale(1)}50%{transform:scale(1.24)}}@keyframes pv-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.16) rotate(12deg)}}@keyframes pv-search{0%,to{transform:translate(0)}30%{transform:translate(-4px,-3px)}65%{transform:translate(4px,2px)}}@keyframes pv-query{0%,to{width:44px}45%,70%{width:72px}}@keyframes pv-bar-light-loop{0%,to{width:104px}26%,78%{width:var(--lw, 62px)}}@keyframes pv-bar-amber-loop{0%,16%,to{width:0;opacity:0}38%,66%{width:var(--aw, 36px);opacity:1}}.ux4g-pattern-cards .pcard:hover .pv-float{animation:pv-float 3s ease-in-out infinite}.ux4g-pattern-cards .pv-pulse{transform-box:fill-box;transform-origin:center}.ux4g-pattern-cards .pcard:hover .pv-pulse{animation:pv-pulse 1.9s ease-in-out infinite}.ux4g-pattern-cards .pv-tick{transform-box:fill-box;transform-origin:center}.ux4g-pattern-cards .pcard:hover .pv-row-1 .pv-tick{animation:pv-stamp-loop 2.6s cubic-bezier(.16,1,.3,1) infinite}.ux4g-pattern-cards .pcard:hover .pv-row-2 .pv-tick{animation:pv-stamp-loop 2.6s cubic-bezier(.16,1,.3,1) .18s infinite}.ux4g-pattern-cards .pcard:hover .pv-row-3 .pv-tick{animation:pv-stamp-loop 2.6s cubic-bezier(.16,1,.3,1) .36s infinite}.ux4g-pattern-cards .pcard:hover .pv-arrow-up{animation:pv-bob 1.1s ease-in-out infinite}.ux4g-pattern-cards .pv-arc{transform-box:view-box;transform-origin:100px 58px;transform:rotate(-90deg)}.ux4g-pattern-cards .pcard:hover .pv-arc{animation:pv-spin 2.4s linear infinite}.ux4g-pattern-cards .pcard:hover .pv-lens{animation:pv-search 1.7s ease-in-out infinite}.ux4g-pattern-cards .pcard:hover .pv-query{animation:pv-query 2.2s ease-in-out infinite}.ux4g-pattern-cards .pv-bar-light-1{--lw: 62px}.ux4g-pattern-cards .pv-bar-amber-1{--aw: 36px}.ux4g-pattern-cards .pv-bar-light-2{--lw: 70px}.ux4g-pattern-cards .pv-bar-amber-2{--aw: 28px}.ux4g-pattern-cards .pcard:hover .pv-bar-light{animation:pv-bar-light-loop 2.8s ease-in-out infinite}.ux4g-pattern-cards .pcard:hover .pv-bar-amber{animation:pv-bar-amber-loop 2.8s ease-in-out infinite}.ux4g-pattern-cards .pcard:hover .pv-bar-light-2,.ux4g-pattern-cards .pcard:hover .pv-bar-amber-2{animation-delay:.14s}.ux4g-pattern-cards .pv-bell{transform-box:view-box;transform-origin:100px 18px}.ux4g-pattern-cards .pcard:hover .pv-bell{animation:pv-swing 1.5s ease-in-out infinite}.ux4g-pattern-cards .pcard:hover .pv-wave{animation:pv-wave-pulse 1.4s ease-in-out infinite}.ux4g-pattern-cards .pcard:hover .pv-wave-r{animation-delay:.2s}.ux4g-pattern-cards .pv-ping{transform-box:fill-box;transform-origin:center}.ux4g-pattern-cards .pcard:hover .pv-ping{animation:pv-ping 1.2s ease-in-out infinite}.ux4g-pattern-cards .pcard:hover .pv-dot{animation:pv-typing 1.1s ease-in-out infinite}.ux4g-pattern-cards .pcard:hover .pv-dot-2{animation-delay:.15s}.ux4g-pattern-cards .pcard:hover .pv-dot-3{animation-delay:.3s}.ux4g-pattern-cards .pv-star{transform-box:fill-box;transform-origin:center}.ux4g-pattern-cards .pcard:hover .pv-star{animation:pv-twinkle 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.ux4g-pattern-cards .pv-float,.ux4g-pattern-cards .pv-pulse,.ux4g-pattern-cards .pv-tick,.ux4g-pattern-cards .pv-arrow-up,.ux4g-pattern-cards .pv-arc,.ux4g-pattern-cards .pv-lens,.ux4g-pattern-cards .pv-query,.ux4g-pattern-cards .pv-bar-light,.ux4g-pattern-cards .pv-bar-amber,.ux4g-pattern-cards .pv-ping,.ux4g-pattern-cards .pv-star,.ux4g-pattern-cards .pv-bell,.ux4g-pattern-cards .pv-wave,.ux4g-pattern-cards .pv-dot{animation:none}}