.card-animation-parent{position:relative;display:flex;border-radius:16px;background-color:#fafafa;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;height:100%}.card-animation-parent:hover{box-shadow:0 4px 6px -1px rgba(24,24,27,.05),0 2px 4px -2px rgba(24,24,27,.05)}.card-animation-parent:hover .pattern-1{opacity:.5}.card-animation-parent:hover .motion-1,.card-animation-parent:hover .motion-2{opacity:1}.card-animation-parent:hover .card-wrapper{box-shadow:inset 0 0 0 1px rgba(209,213,219,.1)}.card-animation-parent .pattern-1{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;mask-image:linear-gradient(#fff,transparent)}.card-animation-parent .pattern-1 .card-svg{position:absolute;left:0;right:0;top:-30%;bottom:-30%;height:160%;width:100%;transform:skewY(-18deg);fill:rgba(0,0,0,.02);stroke:rgba(0,0,0,.05)}.card-animation-parent .motion-1{background-image:linear-gradient(90deg,#d7edea,#f4fbdf)}.card-animation-parent .motion-1,.card-animation-parent .motion-2{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-animation-parent .motion-2{mix-blend-mode:overlay}.card-animation-parent .motion-2 .motion-2-card-svg{position:absolute;left:0;right:0;top:-30%;bottom:-30%;height:160%;width:100%;transform:skewY(-18deg);fill:rgba(0,0,0,.5);stroke:rgba(0,0,0,.7)}.card-animation-parent .card-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(209,213,219,.75)}.card-animation-parent .card-content{position:relative;width:100%}html[data-theme=dark] .card-animation-parent{background-color:#232222!important}html[data-theme=dark] .card-animation-parent:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05)}html[data-theme=dark] .card-animation-parent:hover .card-wrapper{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2)}html[data-theme=dark] .card-animation-parent .pattern-1 .card-svg{fill:hsla(0,0%,100%,.01);stroke:hsla(0,0%,100%,.025)}html[data-theme=dark] .card-animation-parent .motion-1{background-image:linear-gradient(90deg,#202d2e,#303428)}html[data-theme=dark] .card-animation-parent .motion-2 .motion-2-card-svg{fill:hsla(0,0%,100%,.025);stroke:hsla(0,0%,100%,.1)}html[data-theme=dark] .card-animation-parent .card-wrapper{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.1)}