.logo-effect-card{position:relative;display:flex;width:100%;height:clamp(340px,90vw,534px);max-width:528px;align-items:center;justify-content:center;overflow:visible;padding:10px;border:1px solid hsla(0,0%,100%,.05);border-radius:30px;background-color:#080808;transform:translateZ(0);will-change:transform}.logo-effect-card:after,.logo-effect-card__inner:after{content:"";position:absolute;inset:0;box-sizing:border-box;border-color:var(--logo-border-color,transparent);border-style:solid;border-width:1px;border-radius:inherit;pointer-events:none}.logo-effect-card:after{--logo-border-color:hsla(0,0%,100%,.05)}.logo-effect-card__inner{position:relative;display:flex;width:100%;height:100%;flex:1 0 0;align-items:center;justify-content:center;overflow:hidden;padding:1px;border-radius:20px;transform:translateZ(0);will-change:transform}.logo-effect-card__inner:after{--logo-border-color:hsla(0,0%,100%,.1)}.logo-effect-canvas{position:relative;display:block;width:100%;height:100%;flex:1 0 0;overflow:hidden;background:#000;cursor:auto;touch-action:none}.logo-effect-canvas__surface{position:absolute;inset:0;display:block;width:100%;height:100%;transition:opacity .1s ease-in-out}.logo-effect-card__highlighter{position:absolute;bottom:0;left:calc(50% - 31.496062992125985% / 2);z-index:1;width:31%;height:1px;background:linear-gradient(90deg,rgba(79,26,214,0),#4f1ad6 50%,rgba(79,26,214,0));pointer-events:none}@media (min-width:1024px){.logo-effect-card{height:534px}}@media (prefers-reduced-motion:reduce){.logo-effect-canvas__surface{transition-duration:1ms}}