@layer component{.m-card-wrapper{position:relative;height:100%}.m-card-wrapper--with-icon{margin:var(--space-3) 0 var(--space-3) var(--space-11)}.m-card{padding:var(--space-4);gap:var(--space-3);text-align:center;position:relative;z-index:2;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}.m-card,.m-card:before{border-radius:var(--border-radius)}.m-card:before{content:"";position:absolute;z-index:-1;inset:0;padding:1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:linear-gradient(to right,var(--gradiant-start-color) 0,var(--gradiant-end-color) 100%)}.m-card--with-icon{display:flex;align-items:center;padding-left:55px;min-height:66px;text-transform:uppercase;font-size:11px;font-weight:400;text-align:left;background:var(--color-dark-blue)}.m-card--light{background:rgba(var(--color-white-rgb),.1)}.m-card--dark{background:rgba(var(--color-black-rgb),.1)}.m-card-icon{display:flex;align-items:center;justify-content:center;z-index:1}.m-card-icon,.m-card-icon--shadow{width:88px;height:88px;border-radius:100%;background:var(--color-white);position:absolute;left:0;top:88px;transform:translate(-50%,-100px)}.m-card-icon--shadow{z-index:0;display:inline-block;filter:drop-shadow(0 4px 29px var(--color-light-blue))}}