:root{--card-border-radius:15px;--card-border-padding:2px;--inner-radius:calc(var(--card-border-radius) - var(--card-border-padding))}.card,.card-border{position:relative}.card{background:transparent linear-gradient(180deg,#2c2f3200,#1f2124) 0 0 no-repeat padding-box;border:1px solid transparent;border-radius:var(--inner-radius);height:calc(100% - var(--card-border-padding)*2);margin:var(--card-border-padding);width:calc(100% - var(--card-border-padding)*2);z-index:10}.card img{border-radius:var(--inner-radius) var(--inner-radius) 0 0}.card-border:before{background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.6),transparent 40%);border-radius:var(--card-border-radius);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:2}.card:hover:before{opacity:1}.card-border:hover:before{box-shadow:0 0 20px #f7f6f221;opacity:1}.card:hover{border:1px solid hsla(220,1%,58%,.24);transition:.3s ease}.logo-container{overflow:hidden;position:relative;white-space:nowrap}.logo-container:after,.logo-container:before{content:"";height:100%;position:absolute;top:0;width:84px;z-index:2}.logo-container:before{background:linear-gradient(90deg,#1f2124,rgba(31,33,36,0));left:0}.logo-container:after{background:linear-gradient(90deg,rgba(31,33,36,0),#1f2124);right:0}.logo-list{display:inline-block;white-space:nowrap}.logo-item{display:inline-block;padding:0 32px}.logo-item img{height:auto;max-width:130px;width:100%}