.glare-hover{--gh-width:100%;--gh-height:auto;--gh-br:inherit;--gh-angle:-30deg;--gh-duration:1400ms;--gh-size:300%;--gh-rgba:rgba(255,255,255,0.45);--gh-border:transparent;--gh-bg:transparent;border-radius:var(--gh-br);overflow:hidden;position:relative}.glare-hover--surface{width:var(--gh-width);height:var(--gh-height);background:var(--gh-bg);border:1px solid var(--gh-border);display:grid;place-items:center}.glare-hover--stretch{place-items:stretch;align-items:stretch}.glare-hover:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(var(--gh-angle),hsla(0,0%,0%,0) 60%,var(--gh-rgba) 70%,hsla(0,0%,0%,0),hsla(0,0%,0%,0) 100%);transition:background-position var(--gh-duration) cubic-bezier(.22,1,.36,1);background-size:var(--gh-size) var(--gh-size),100% 100%;background-repeat:no-repeat;background-position:-100% -100%,0 0}.glare-hover:hover{cursor:pointer}.glare-hover:hover:before{background-position:100% 100%,0 0}.glare-hover--play-once:before{transition:none}.glare-hover--play-once:hover:before{transition:background-position var(--gh-duration) cubic-bezier(.22,1,.36,1);background-position:100% 100%,0 0}.glare-hover--on-light{--gh-rgba:rgba(26,79,216,0.35)}