.rui-spotlight{border:1px solid #ffffff1a;width:100%;max-width:18rem;padding:24px;transition:transform .3s ease-out,box-shadow .3s ease-out;position:relative;overflow:hidden}.rui-spotlight:hover{box-shadow:0 20px 40px -20px var(--rui-glow);transform:translateY(-4px)}.rui-spotlight-light,.rui-spotlight-border{opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.rui-spotlight-border{border:2px solid #0000;-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:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rui-spotlight:hover .rui-spotlight-light{opacity:.15}.rui-spotlight:hover .rui-spotlight-border{opacity:1}.rui-spotlight-arrow{opacity:0;width:16px;height:16px;transition:all .3s ease-out;position:absolute;top:24px;right:24px;transform:translate(-4px,4px)}.rui-spotlight:hover .rui-spotlight-arrow{opacity:.6;transform:none}.rui-spotlight-body{position:relative}.rui-spotlight-icon{border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:20px;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:grid}.rui-spotlight-icon>svg{width:20px;height:20px}.rui-spotlight:hover .rui-spotlight-icon{transform:rotate(-6deg)scale(1.1)}.rui-spotlight-title{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:600;line-height:1.375}.rui-spotlight-text{opacity:.6;margin:8px 0 0;font-size:14px;line-height:1.625;transition:opacity .3s}.rui-spotlight:hover .rui-spotlight-text{opacity:.8}