.card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(7px);position:relative}.card:before{content:"";border-radius:inherit;background:linear-gradient(180deg,var(--color-primary-300)0%,var(--color-lilac-500)100%);-webkit-mask-composite:xor;pointer-events:none;z-index:0;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card-gradient-top:before{background:linear-gradient(0deg,var(--color-primary-300)0%,var(--color-lilac-500)100%)}.card-gradient-bottom:before{background:linear-gradient(180deg,var(--color-primary-300)0%,var(--color-lilac-500)100%)}.card-gradient-left:before{background:linear-gradient(270deg,var(--color-primary-300)0%,var(--color-lilac-500)100%)}.card-gradient-right:before{background:linear-gradient(90deg,var(--color-primary-300)0%,var(--color-lilac-500)100%)}