.glass-card{--glass-card-fill:#f4f4f4;--glass-card-refraction:#fffffff2;--glass-card-hairline:#00000009;--glass-card-shadow:#0000000d;--glass-card-contact:#0000000f;--glass-card-background:linear-gradient(180deg, var(--glass-card-refraction) 0%, var(--glass-card-fill) 18%, var(--glass-card-fill) 72%, var(--glass-card-refraction) 100%);--glass-card-rim:linear-gradient(#fff 0 45%, transparent 60%) left / calc(50% + 1px) 100% no-repeat, linear-gradient(#fff 0 1px, transparent 8px) right / 50% 100% no-repeat;background:var(--glass-card-background);box-shadow:inset 0 8px 8px -4px var(--glass-card-refraction), inset 0 -11px 10px -5px var(--glass-card-refraction), inset 6px 0 6px -4px var(--glass-card-refraction), inset -4px 0 6px -4px var(--glass-card-refraction), 0 0 0 .5px var(--glass-card-hairline), 0 1px 3px var(--glass-card-contact), 0 8px 24px var(--glass-card-shadow);transition:box-shadow .2s;position:relative}.glass-card:before{content:"";border-radius:inherit;pointer-events:none;background:var(--glass-card-rim);-webkit-mask-composite:xor;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;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}.glass-card:hover{--glass-card-fill:#f7f7f7;--glass-card-shadow:#00000014;--glass-card-contact:#00000014}.dark .glass-card{--glass-card-background:linear-gradient(180deg, #ffffff1f, #ffffff29);--glass-card-refraction:#ffffff08;--glass-card-hairline:#ffffff0d;--glass-card-shadow:#00000080;--glass-card-contact:#0009;--glass-card-rim:linear-gradient(160deg, #ffffff47 0%, #ffffff0f 45%, #ffffff08 70%, #ffffff1a 100%)}.dark .glass-card:hover{--glass-card-background:linear-gradient(180deg, #ffffff26, #ffffff30)}@media (prefers-reduced-motion:reduce){.glass-card{transition:none}}