.card-container{z-index:0;background:0 0;border-radius:20px;position:relative;overflow:hidden}.card-base:before{content:"";border-radius:inherit;-webkit-mask-composite:destination-out;mask-type:luminance;pointer-events:none;z-index:1;background:linear-gradient(#0000 0% 50%,#ffffff40 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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-first:before{content:"";border-radius:inherit;-webkit-mask-composite:destination-out;mask-type:luminance;pointer-events:none;z-index:1;background:linear-gradient(#fbea7d 0%,#e2a92b 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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-second:before{content:"";border-radius:inherit;-webkit-mask-composite:destination-out;mask-type:luminance;pointer-events:none;z-index:1;background:linear-gradient(#dbdbdb 0%,#969696 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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-third:before{content:"";border-radius:inherit;-webkit-mask-composite:destination-out;mask-type:luminance;pointer-events:none;z-index:1;background:linear-gradient(#f9c196 0%,#cb8664 100%);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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}