@property --card-lean-x{syntax:"<number>";inherits:true;initial-value:0}@property --card-lean-y{syntax:"<number>";inherits:true;initial-value:0}@property --card-lean-mag{syntax:"<number>";inherits:true;initial-value:0}[data-class-card],.card-finish{--lx:var(--card-lean-x,0);--ly:var(--card-lean-y,0);--lm:var(--card-lean-mag,0);--gx:calc(50% + var(--lx) * 50%);--gy:calc(50% + var(--ly) * 50%);--sx:calc(50% - var(--lx) * 30%);--sy:calc(50% - var(--ly) * 30%)}.card-finish{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.card-finish>*{pointer-events:none;position:absolute}.card-finish{--band-mask:linear-gradient(to bottom, #0000004d 8%, #000 14%, #000 74%, #0000004d 81%)}.card-finish__foil-sheen,.card-finish__rb-spec,.card-finish__neg-glare{-webkit-mask-image:var(--band-mask);-webkit-mask-image:var(--band-mask);mask-image:var(--band-mask)}.cc-fx{display:none}[data-class-card]:has(.card-finish--etched) .cc-fx{display:block}.cc-fx:before,.cc-fx:after{content:"";pointer-events:none;position:absolute}.cc-fx:before{translate:calc(var(--lx) * 24%) calc(var(--ly) * 12%);inset:-60%}.cc-fx:after{inset:0}[data-class-card] .text-white .cc-fx--b{background-color:#1c1a2352}[data-class-card]:has(.card-finish--etched) .cc-fx{-webkit-mask-image:var(--etch);-webkit-mask-image:var(--etch);mask-image:var(--etch);-webkit-mask-size:var(--etch-size);-webkit-mask-size:var(--etch-size);mask-size:var(--etch-size);-webkit-mask-position:var(--etch-pos);-webkit-mask-position:var(--etch-pos);mask-position:var(--etch-pos)}[data-class-card]:has(.card-finish--etched) .cc-fx--a{background-color:#ffffff5c}[data-class-card]:has(.card-finish--etched):has(>.text-grape) .cc-fx--a{background-color:#4440544d}[data-class-card]:has(.card-finish--etched) .cc-fx--b{background-color:#0000}[data-class-card]:has(.card-finish--etched) .cc-fx--b:before{translate:calc(var(--lx) * 24%) calc(var(--ly) * 12%);opacity:calc(.3 + var(--lm) * .7);background:linear-gradient(115deg,#0000 41%,#fff9 44% 48%,#0000 51%)}[data-class-card]:has(.card-finish--etched) .cc-fx--b:after{background:radial-gradient(circle at var(--gx) var(--gy), #ffffffe6 0%, #ffffff73 22%, transparent 48%);opacity:calc(.1 + var(--lm) * .8)}[data-class-card]:has(.card-finish--etched) * .cc-fx{opacity:.5}.card-finish__rb-hue{mix-blend-mode:color;opacity:calc(.34 + var(--lm) * .24);translate:calc(var(--lx) * 24%) calc(var(--ly) * 12%);filter:hue-rotate(calc(var(--lx) * 40deg - var(--ly) * 25deg));background:repeating-linear-gradient(120deg,#ff7eb6 0%,#ffa86b 6%,#ffe66d 12%,#7becae 18%,#63cfff 24%,#9a8cff 30%,#ea86ff 36%,#ff7eb6 42%);inset:-60%}.card-finish__rb-etch{background: var(--sparkle-fine) calc(var(--lx) * -5px * var(--k)) calc(var(--ly) * -5px * var(--k)) / calc(150px * var(--k)) calc(150px * var(--k)), repeating-linear-gradient(60deg, #ffffff38 0 calc(.6px * var(--k)), transparent calc(.6px * var(--k)) calc(2.4px * var(--k))), repeating-linear-gradient(60deg, #0000001a 0 calc(.6px * var(--k)), transparent calc(.6px * var(--k)) calc(3.8px * var(--k)));mix-blend-mode:overlay;opacity:calc(.6 + var(--lm) * .4);inset:0}.card-finish__rb-spec{background:radial-gradient(farthest-corner circle at var(--gx) var(--gy), #ffffffe6 0%, #ffffff73 16%, #fff0 42%, #1e143c40 100%), linear-gradient(calc(120deg + var(--lx) * 10deg), transparent 40%, #ffe6fa59 46%, #ffffffd9 49.5%, #d7f5ff59 53%, transparent 59%) var(--sx) var(--sy) / 300% 300%;mix-blend-mode:overlay;opacity:calc(.2 + var(--lm) * .8);inset:0}.card-finish__foil-tint{background:linear-gradient(160deg, #b7c8e4 0%, #7d93bd 24%, #c3d2ea 50%, #6f86b4 76%, #b7c8e4 100%) var(--sx) var(--sy) / 200% 200%;mix-blend-mode:color;opacity:.62;inset:0}.card-finish__foil-shade{background:radial-gradient(ellipse 32% 95% at var(--gx) var(--gy), color-mix(in srgb, #fff calc(var(--lm) * 100%), #b4bccd) 0%, color-mix(in srgb, #e4e9f2 calc(var(--lm) * 100%), #aab2c4) 40%, #a2aabd 100%);mix-blend-mode:multiply;inset:0}.card-finish__foil-sheen{background: linear-gradient(calc(100deg + var(--lx) * 14deg - var(--ly) * 8deg), transparent 40%, #bed7ff4d 45.5%, #ffffffd9 49%, #ffffffd9 50%, #dcebff66 52%, transparent 57%) calc(50% - var(--lx) * 23%) 50% / 300% 100%,  linear-gradient(calc(100deg + var(--lx) * 14deg - var(--ly) * 8deg), transparent 58%, #c8dcff66 61%, transparent 64%) calc(50% - var(--lx) * 20%) 50% / 300% 100%,  repeating-linear-gradient(172deg, #ffffff2e 0 calc(1px * var(--k)), transparent calc(1px * var(--k)) calc(3px * var(--k))) 0 calc(var(--ly) * 3px * var(--k)), repeating-linear-gradient(176deg, #14285a24 0 calc(1px * var(--k)), transparent calc(1px * var(--k)) calc(5px * var(--k)));mix-blend-mode:hard-light;opacity:calc(.2 + var(--lm) * .8);inset:0}.card-finish--negative{-webkit-backdrop-filter:invert()hue-rotate(180deg)contrast(1.35);backdrop-filter:invert()hue-rotate(180deg)contrast(1.35);background:radial-gradient(75% 65% at 50% 46%,#0000 55%,#0c081852 100%)}@supports not ((-webkit-backdrop-filter:invert(1)) or (backdrop-filter:invert(1))){.card-finish--negative:before{content:"";mix-blend-mode:difference;background:#fff;position:absolute;inset:0}}.card-finish__neg-stars{background:var(--sparkle-glint) calc(var(--lx) * -9px * var(--k)) calc(var(--ly) * -9px * var(--k)) / calc(230px * var(--k)) calc(230px * var(--k)), var(--sparkle-fine) calc(var(--lx) * -4px * var(--k)) calc(var(--ly) * -4px * var(--k)) / calc(150px * var(--k)) calc(150px * var(--k));mix-blend-mode:screen;opacity:calc(.4 + var(--lm) * .6);-webkit-mask-image:radial-gradient(circle at var(--gx) var(--gy), #000 0%, #0006 55%, #00000040 100%), var(--band-mask);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(circle at var(--gx) var(--gy), #000 0%, #0006 55%, #00000040 100%), var(--band-mask);mask-image:radial-gradient(circle at var(--gx) var(--gy), #000 0%, #0006 55%, #00000040 100%), var(--band-mask);inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.card-finish__neg-glare{background:radial-gradient(farthest-corner circle at var(--gx) var(--gy), #cddcffbf 0%, #aaa0ff59 26%, transparent 60%);mix-blend-mode:screen;opacity:calc(.12 + var(--lm) * .88);inset:0}.card-finish__neg-edge{border-radius:inherit;padding:calc(4px * var(--k));background:radial-gradient(farthest-corner circle at var(--gx) var(--gy), #fff 0%, #c8afffd9 28%, #78dcff4d 55%, transparent 80%);-webkit-mask-composite:xor;mix-blend-mode:screen;opacity:calc(.2 + var(--lm) * .8);filter:hue-rotate(calc(var(--lx) * 50deg));inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (prefers-reduced-motion:reduce){.card-finish>*,.cc-fx:before,.cc-fx:after{transition:none!important;animation:none!important}}
.card-finish--holo{--side-mask:linear-gradient(to left, #00000059 calc(20px * var(--k)), #000 calc(32px * var(--k)))}.card-finish__holo-rainbow{inset:calc(7px * var(--k));border-radius:calc(12px * var(--k));background-image:repeating-linear-gradient(115deg,#ff6b8b 0%,#ffb36b 1.5%,#f8ef7a 3%,#7cf0b0 4.5%,#6bd8ff 6%,#8f8cff 7.5%,#e98cff 9%,#ff6b8b 10.5%);background-size:400% 400%;background-position:var(--sx) var(--sy);mix-blend-mode:color-dodge;filter:brightness(.7)contrast(1.3)saturate(1.05);opacity:calc(.3 + var(--lm) * .3);-webkit-mask-image:var(--band-mask), var(--side-mask);-webkit-mask-composite:source-in;-webkit-mask-image:var(--band-mask), var(--side-mask);mask-image:var(--band-mask), var(--side-mask);-webkit-mask-composite:source-in;mask-composite:intersect}.card-finish__holo-glare{background-image:radial-gradient(farthest-corner circle at var(--gx) var(--gy), #ffffffd9 0%, #ffffff80 18%, #fff0 45%, #14102859 100%);mix-blend-mode:overlay;opacity:calc(.18 + var(--lm) * .62);-webkit-mask-image:var(--band-mask);-webkit-mask-image:var(--band-mask);mask-image:var(--band-mask);inset:0}.card-finish__holo-glitter{inset:calc(7px * var(--k));border-radius:calc(12px * var(--k));background-image:var(--sparkle-glint), var(--sparkle-fine);background-size:calc(var(--k) * 230px) calc(var(--k) * 230px), calc(var(--k) * 150px) calc(var(--k) * 150px);background-position:calc(var(--lx) * 4px * var(--k)) calc(var(--ly) * 4px * var(--k)), calc(var(--k) * 6px - var(--lx) * 3px * var(--k)) calc(var(--k) * 4px - var(--ly) * 3px * var(--k));mix-blend-mode:color-dodge;opacity:calc(.2 + var(--lm) * .7);-webkit-mask-image:radial-gradient(circle at var(--gx) var(--gy), #000 0%, #00000059 38%, transparent 70%), var(--band-mask);-webkit-mask-composite:source-in;-webkit-mask-image:radial-gradient(circle at var(--gx) var(--gy), #000 0%, #00000059 38%, transparent 70%), var(--band-mask);mask-image:radial-gradient(circle at var(--gx) var(--gy), #000 0%, #00000059 38%, transparent 70%), var(--band-mask);-webkit-mask-composite:source-in;mask-composite:intersect}.dark .card-finish__holo-rainbow{opacity:calc(.24 + var(--lm) * .26)}.dark .card-finish__holo-glare{opacity:calc(.14 + var(--lm) * .5)}
[data-class-card][data-etch=other]{--etch:linear-gradient(135deg, transparent 16.16%, #000 23.23% 26.77%, transparent 33.84%), linear-gradient(-135deg, transparent 16.16%, #000 23.23% 26.77%, transparent 33.84%), linear-gradient(-45deg, transparent 16.16%, #000 23.23% 26.77%, transparent 33.84%), linear-gradient(45deg, transparent 16.16%, #000 23.23% 26.77%, transparent 33.84%);--etch-size:calc(6px * var(--cc-k)) calc(6px * var(--cc-k));--etch-pos:0 0, 0 0, 0 0, 0 0}[data-class-card][data-etch=sports]{--etch:linear-gradient(150deg, transparent 7.3%, #000 10.77% 14.23%, transparent 17.7%), linear-gradient(-150deg, transparent 7.3%, #000 10.77% 14.23%, transparent 17.7%), linear-gradient(-150deg, transparent 82.3%, #000 85.77% 89.23%, transparent 92.7%), linear-gradient(150deg, transparent 82.3%, #000 85.77% 89.23%, transparent 92.7%), conic-gradient(from 270deg at 13.86% 33.33%, #000 90deg, transparent 0), conic-gradient(from 270deg at 13.86% 33.33%, #000 90deg, transparent 0);--etch-size:calc(8.66px * var(--cc-k)) calc(15px * var(--cc-k));--etch-pos:0 0, 0 0, 0 calc(10px * var(--cc-k)), 0 calc(10px * var(--cc-k)), calc(8.06px * var(--cc-k)) calc(2.5px * var(--cc-k)), calc(3.73px * var(--cc-k)) calc(10px * var(--cc-k))}[data-class-card][data-etch=arts]{--etch:radial-gradient(25% 38.46% at 25% 100%, transparent 74%, #000 86% 114%, transparent 126%), radial-gradient(25% 38.46% at 75% 0%, transparent 74%, #000 86% 114%, transparent 126%);--etch-size:calc(20px * var(--cc-k)) calc(13px * var(--cc-k));--etch-pos:0 0, 0 0}[data-class-card][data-etch=cultural]{--etch:conic-gradient(from 270deg at 39% 9.5%, #000 90deg, transparent 0), conic-gradient(from 270deg at 39% 9.5%, #000 90deg, transparent 0), conic-gradient(from 270deg at 39% 9.5%, #000 90deg, transparent 0), conic-gradient(from 270deg at 39% 9.5%, #000 90deg, transparent 0), conic-gradient(from 270deg at 39% 9.5%, #000 90deg, transparent 0), conic-gradient(from 270deg at 39% 9.5%, #000 90deg, transparent 0), conic-gradient(from 270deg at 9.5% 39%, #000 90deg, transparent 0), conic-gradient(from 270deg at 9.5% 39%, #000 90deg, transparent 0), conic-gradient(from 270deg at 9.5% 39%, #000 90deg, transparent 0), conic-gradient(from 270deg at 9.5% 39%, #000 90deg, transparent 0), conic-gradient(from 270deg at 9.5% 39%, #000 90deg, transparent 0), conic-gradient(from 270deg at 9.5% 39%, #000 90deg, transparent 0);--etch-size:calc(20px * var(--cc-k)) calc(20px * var(--cc-k));--etch-pos:calc(1.1px * var(--cc-k)) calc(1.4px * var(--cc-k)), calc(1.1px * var(--cc-k)) calc(4.1px * var(--cc-k)), calc(1.1px * var(--cc-k)) calc(6.8px * var(--cc-k)), calc(11.1px * var(--cc-k)) calc(11.4px * var(--cc-k)), calc(11.1px * var(--cc-k)) calc(14.1px * var(--cc-k)), calc(11.1px * var(--cc-k)) calc(16.8px * var(--cc-k)), calc(11.4px * var(--cc-k)) calc(1.1px * var(--cc-k)), calc(14.1px * var(--cc-k)) calc(1.1px * var(--cc-k)), calc(16.8px * var(--cc-k)) calc(1.1px * var(--cc-k)), calc(1.4px * var(--cc-k)) calc(11.1px * var(--cc-k)), calc(4.1px * var(--cc-k)) calc(11.1px * var(--cc-k)), calc(6.8px * var(--cc-k)) calc(11.1px * var(--cc-k))}[data-class-card][data-etch=faith]{--etch:radial-gradient(50% 50% at 50% 50%, transparent 87.14%, #000 95.71% 104.29%, transparent 112.86%), radial-gradient(50% 50% at 50% 50%, transparent 87.14%, #000 95.71% 104.29%, transparent 112.86%), radial-gradient(11.43% 11.43% at 50% 50%, #000 81.25%, transparent 100%);--etch-size:calc(14px * var(--cc-k)) calc(14px * var(--cc-k));--etch-pos:0 0, calc(7px * var(--cc-k)) calc(7px * var(--cc-k)), calc(7px * var(--cc-k)) calc(7px * var(--cc-k))}[data-class-card][data-etch=academic]{--etch:linear-gradient(180deg, transparent 0%, #000 2.5% 9.17%, transparent 14.17%, transparent 23.75%, #000 28.75% 29.58%, transparent 34.58%, transparent 48.75%, #000 53.75% 54.58%, transparent 59.58%, transparent 73.75%, #000 78.75% 79.58%, transparent 84.58%), linear-gradient(90deg, transparent 0%, #000 2.5% 9.17%, transparent 14.17%, transparent 23.75%, #000 28.75% 29.58%, transparent 34.58%, transparent 48.75%, #000 53.75% 54.58%, transparent 59.58%, transparent 73.75%, #000 78.75% 79.58%, transparent 84.58%);--etch-size:calc(12px * var(--cc-k)) calc(12px * var(--cc-k));--etch-pos:0 0, 0 0}[data-class-card][data-etch=political]{--etch:linear-gradient(131.63deg, transparent 23.86%, #000 27.2% 39.47%, transparent 42.81%), linear-gradient(-131.63deg, transparent 23.86%, #000 27.2% 39.47%, transparent 42.81%);--etch-size:calc(16px * var(--cc-k)) calc(9px * var(--cc-k));--etch-pos:0 0, 0 0}[data-class-card][data-etch=media]{--etch:linear-gradient(180deg, transparent 2.5%, #000 17.5% 42.5%, transparent 57.5%);--etch-size:calc(4px * var(--cc-k)) calc(4px * var(--cc-k));--etch-pos:0 0}[data-class-card][data-etch=altruism]{--etch:radial-gradient(17% 17% at 37.98% 39.94%, #000 82.35%, transparent 100%), radial-gradient(17% 17% at 62.02% 39.94%, #000 82.35%, transparent 100%), conic-gradient(from -45deg at 50% 24.04%, #000 90deg, transparent 0), radial-gradient(17% 17% at 37.98% 39.94%, #000 82.35%, transparent 100%), radial-gradient(17% 17% at 62.02% 39.94%, #000 82.35%, transparent 100%), conic-gradient(from -45deg at 50% 24.04%, #000 90deg, transparent 0);--etch-size:calc(10px * var(--cc-k)) calc(10px * var(--cc-k));--etch-pos:0 0, 0 0, 0 calc(5.2px * var(--cc-k)), calc(5px * var(--cc-k)) calc(5px * var(--cc-k)), calc(5px * var(--cc-k)) calc(5px * var(--cc-k)), calc(5px * var(--cc-k)) calc(10.2px * var(--cc-k))}[data-class-card][data-etch=common-interest]{--etch:conic-gradient(from 270deg at 44% 15%, #000 90deg, transparent 0), conic-gradient(from 270deg at 15% 44%, #000 90deg, transparent 0), conic-gradient(from 270deg at 44% 15%, #000 90deg, transparent 0), conic-gradient(from 270deg at 15% 44%, #000 90deg, transparent 0);--etch-size:calc(10px * var(--cc-k)) calc(10px * var(--cc-k));--etch-pos:calc(2.8px * var(--cc-k)) calc(4.25px * var(--cc-k)), calc(4.25px * var(--cc-k)) calc(2.8px * var(--cc-k)), calc(7.8px * var(--cc-k)) calc(9.25px * var(--cc-k)), calc(9.25px * var(--cc-k)) calc(7.8px * var(--cc-k))}[data-class-card][data-etch=union]{--etch:linear-gradient(135deg, transparent 19.11%, #000 22.64% 27.36%, transparent 30.89%), linear-gradient(-135deg, transparent 19.11%, #000 22.64% 27.36%, transparent 30.89%), linear-gradient(-45deg, transparent 19.11%, #000 22.64% 27.36%, transparent 30.89%), linear-gradient(45deg, transparent 19.11%, #000 22.64% 27.36%, transparent 30.89%), radial-gradient(13.33% 13.33% at 50% 50%, #000 81.25%, transparent 100%);--etch-size:calc(12px * var(--cc-k)) calc(12px * var(--cc-k));--etch-pos:0 0, 0 0, 0 0, 0 0, 0 0}