.ux4g-resource-cards{--rs-accent: var(--primary);--rs-surface: var(--card);--rs-line: color-mix(in srgb, var(--rs-accent) 28%, var(--border));--rs-tint-1: color-mix(in srgb, var(--rs-accent) 13%, var(--card));--rs-tint-2: color-mix(in srgb, var(--rs-accent) 26%, var(--card));--rs-tint-3: color-mix(in srgb, var(--rs-accent) 46%, var(--card));--rs-saffron: var(--ux4g-color-saffron-500);--rs-success: var(--ux4g-color-feedback-success);--rs-error: var(--ux4g-color-feedback-error);--rs-saffron-soft: color-mix(in srgb, var(--rs-saffron) 42%, var(--card));--rs-success-soft: color-mix(in srgb, var(--rs-success) 42%, var(--card));--rs-error-soft: color-mix(in srgb, var(--rs-error) 42%, var(--card))}.ux4g-resource-cards .rs-art{display:flex;align-items:center;justify-content:center;width:100%;padding:0 1.25rem}.ux4g-resource-cards .rs-art svg{width:100%;max-width:220px;height:auto;max-height:100%;display:block}@media(prefers-reduced-motion:no-preference){.ux4g-resource-cards .rs-card--installation:hover .rs-caret{animation:rs-blink 1s steps(1,end) infinite}.ux4g-resource-cards .rs-card--installation:hover .rs-bar{animation:rs-fill 2.4s ease-in-out infinite}.ux4g-resource-cards .rs-card--ai:hover .rs-spark{transform-box:view-box;transform-origin:115px 48px;animation:rs-twinkle 1.6s ease-in-out infinite}.ux4g-resource-cards .rs-card--ai:hover .rs-gen-1,.ux4g-resource-cards .rs-card--ai:hover .rs-gen-2,.ux4g-resource-cards .rs-card--ai:hover .rs-gen-3{transform-box:view-box;transform-origin:140px center;animation:rs-generate 1.8s ease-in-out infinite}.ux4g-resource-cards .rs-card--ai:hover .rs-gen-2{animation-delay:.18s}.ux4g-resource-cards .rs-card--ai:hover .rs-gen-3{animation-delay:.36s}.ux4g-resource-cards .rs-card--figma:hover .rs-marquee{animation:rs-select 3.2s ease-in-out infinite}.ux4g-resource-cards .rs-card--logos:hover .rs-dl{animation:rs-download 1.4s ease-in-out infinite}.ux4g-resource-cards .rs-card--logos:hover .rs-chip{animation:rs-nudge 1.8s ease-in-out infinite}.ux4g-resource-cards .rs-card--theme:hover .rs-sw-1,.ux4g-resource-cards .rs-card--theme:hover .rs-sw-2,.ux4g-resource-cards .rs-card--theme:hover .rs-sw-3{transform-box:view-box;animation:rs-pulse 1.8s ease-in-out infinite}.ux4g-resource-cards .rs-card--theme:hover .rs-sw-1{transform-origin:26px 30px}.ux4g-resource-cards .rs-card--theme:hover .rs-sw-2{transform-origin:26px 62px;animation-delay:.2s}.ux4g-resource-cards .rs-card--theme:hover .rs-sw-3{transform-origin:56px 46px;animation-delay:.4s}.ux4g-resource-cards .rs-card--theme:hover .rs-flow{animation:rs-dash .9s linear infinite}.ux4g-resource-cards .rs-card--webDocs:hover .rs-tab{animation:rs-tab-shift 3s ease-in-out infinite}.ux4g-resource-cards .rs-card--webDocs:hover .rs-type{animation:rs-typewidth 2.2s ease-in-out infinite}.ux4g-resource-cards .rs-card--flutterDocs:hover .rs-w-1,.ux4g-resource-cards .rs-card--flutterDocs:hover .rs-w-2{animation:rs-dock-right 1.9s ease-in-out infinite}.ux4g-resource-cards .rs-card--flutterDocs:hover .rs-w-2{animation-delay:.24s}.ux4g-resource-cards .rs-card--flutterDocs:hover .rs-w-3{animation:rs-dock-left 1.9s ease-in-out infinite;animation-delay:.12s}.ux4g-resource-cards .rs-card--flutterDocs:hover .rs-screen-1{transform-box:view-box;transform-origin:110px 27px;animation:rs-pulse 1.9s ease-in-out infinite}.ux4g-resource-cards .rs-card--a11y:hover .rs-a11y-fab{transform-box:view-box;transform-origin:172px 45px;animation:rs-pulse 1.7s ease-in-out infinite}.ux4g-resource-cards .rs-card--a11y:hover .rs-ring{transform-box:view-box;transform-origin:172px 45px;animation:rs-ripple 1.7s ease-out infinite}.ux4g-resource-cards .rs-card--selfCheck:hover .rs-cr-1,.ux4g-resource-cards .rs-card--selfCheck:hover .rs-cr-2,.ux4g-resource-cards .rs-card--selfCheck:hover .rs-cr-3{transform-box:view-box;animation:rs-tick 2.4s ease-in-out infinite}.ux4g-resource-cards .rs-card--selfCheck:hover .rs-cr-1{transform-origin:26px 28px}.ux4g-resource-cards .rs-card--selfCheck:hover .rs-cr-2{transform-origin:26px 46px;animation-delay:.2s}.ux4g-resource-cards .rs-card--selfCheck:hover .rs-cr-3{transform-origin:26px 64px;animation-delay:.4s}.ux4g-resource-cards .rs-card--selfCheck:hover .rs-dial{animation:rs-sweep-dial 2.4s ease-in-out infinite}.ux4g-resource-cards .rs-card--audit:hover .rs-b-1,.ux4g-resource-cards .rs-card--audit:hover .rs-b-2,.ux4g-resource-cards .rs-card--audit:hover .rs-b-3,.ux4g-resource-cards .rs-card--audit:hover .rs-b-4{transform-box:view-box;transform-origin:center 68px;animation:rs-grow 2s ease-in-out infinite}.ux4g-resource-cards .rs-card--audit:hover .rs-b-2{animation-delay:.12s}.ux4g-resource-cards .rs-card--audit:hover .rs-b-3{animation-delay:.24s}.ux4g-resource-cards .rs-card--audit:hover .rs-b-4{animation-delay:.36s}.ux4g-resource-cards .rs-card--audit:hover .rs-gauge{animation:rs-sweep-gauge 2.4s ease-in-out infinite}.ux4g-resource-cards .rs-card--handbook:hover .rs-bookmark{animation:rs-mark 1.8s ease-in-out infinite}.ux4g-resource-cards .rs-card--templates:hover .rs-tpl-back{animation:rs-fan-back 1.9s ease-in-out infinite}.ux4g-resource-cards .rs-card--templates:hover .rs-tpl-front{animation:rs-fan-front 1.9s ease-in-out infinite}.ux4g-resource-cards .rs-card--faqs:hover .rs-bubble-q{animation:rs-rise-soft 1.9s ease-in-out infinite}.ux4g-resource-cards .rs-card--faqs:hover .rs-bubble-a{animation:rs-rise-soft 1.9s ease-in-out infinite;animation-delay:.32s}}@keyframes rs-blink{0%,48%{opacity:1}52%,98%{opacity:0}to{opacity:1}}@keyframes rs-fill{0%,to{width:40px}55%{width:168px}}@keyframes rs-twinkle{0%,to{transform:scale(1) rotate(0);opacity:.85}50%{transform:scale(1.22) rotate(90deg);opacity:1}}@keyframes rs-generate{0%,to{transform:scaleX(1);opacity:1}40%{transform:scaleX(.55);opacity:.45}}@keyframes rs-select{0%,26%{transform:translate(0)}33%,59%{transform:translate(70px)}66%,92%{transform:translate(140px)}to{transform:translate(0)}}@keyframes rs-download{0%,to{transform:translateY(-3px)}50%{transform:translateY(4px)}}@keyframes rs-nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@keyframes rs-pulse{0%,to{transform:scale(1)}45%{transform:scale(1.13)}}@keyframes rs-dash{to{stroke-dashoffset:-20}}@keyframes rs-tab-shift{0%,28%{transform:translate(0)}36%,62%{transform:translate(40px)}70%,96%{transform:translate(80px)}to{transform:translate(0)}}@keyframes rs-typewidth{0%,to{width:18px}55%{width:88px}}@keyframes rs-dock-right{0%,to{transform:translate(0);opacity:1}50%{transform:translate(12px);opacity:.6}}@keyframes rs-dock-left{0%,to{transform:translate(0);opacity:1}50%{transform:translate(-12px);opacity:.6}}@keyframes rs-ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(1.5);opacity:0}}@keyframes rs-tick{0%,to{transform:scale(1)}40%{transform:scale(1.12)}}@keyframes rs-sweep-dial{0%,to{stroke-dashoffset:90}55%{stroke-dashoffset:38}}@keyframes rs-grow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.28)}}@keyframes rs-sweep-gauge{0%,to{stroke-dashoffset:110}55%{stroke-dashoffset:48}}@keyframes rs-mark{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes rs-fan-back{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-7px,3px) rotate(-3deg)}}@keyframes rs-fan-front{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(7px,-3px) rotate(3deg)}}@keyframes rs-rise-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}