.selectable-cards-container{--icon-saturate: 5;--icon-brightness: 1.3;--icon-contrast: 1.4;--icon-scale: 3.4;--icon-opacity: .25;--border-width: 3px;--border-blur: 0px;--border-saturate: 4.2;--border-brightness: 2.5;--border-contrast: 2.5}.selectable-card{position:relative;cursor:pointer;container-type:inline-size}.selectable-card:after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;border:var(--border-width) solid transparent;-webkit-backdrop-filter:blur(var(--border-blur)) saturate(var(--border-saturate)) brightness(var(--border-brightness)) contrast(var(--border-contrast));backdrop-filter:blur(var(--border-blur)) saturate(var(--border-saturate)) brightness(var(--border-brightness)) contrast(var(--border-contrast));-webkit-mask:linear-gradient(#fff 0 100%) border-box,linear-gradient(#fff 0 100%) padding-box;mask:linear-gradient(#fff 0 100%) border-box,linear-gradient(#fff 0 100%) padding-box;-webkit-mask-composite:xor;mask-composite:exclude;z-index:2;clip-path:inset(0 round 12px);transform:translateZ(0)}.selectable-card .card-glow{position:absolute;inset:0;display:grid;place-items:center;transform:translateZ(0);filter:blur(20px) saturate(var(--icon-saturate)) brightness(var(--icon-brightness)) contrast(var(--icon-contrast));translate:calc(var(--pointer-x, -10) * 50cqi) calc(var(--pointer-y, -10) * 50cqi);scale:var(--icon-scale);opacity:var(--icon-opacity);will-change:transform,filter;transition:opacity .26s ease-out;pointer-events:none;z-index:0}.selectable-card>*:not(.card-glow){position:relative;z-index:1}