.magic-mouse{position:fixed;top:0;left:0;direction:ltr;contain:layout style size;pointer-events:none;transition:opacity .3s,color .4s}.magic-mouse:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;border-radius:50%;transition:transform .25s ease-in-out,opacity .1s}@supports(mix-blend-mode:exclusion){.magic-mouse.-exclusion{mix-blend-mode:exclusion}.magic-mouse.-exclusion:before{background:#fff}}.magic-mouse.-text.-active:before{transition-duration:.2s}.magic-mouse.-hidden:before{transform:scale(0)}.magic-mouse.-hidden .magic-mouse-text,.magic-mouse.-hidden .magic-mouse-icon{display:none;}.magic-mouse-text{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(10deg);opacity:0;font-size:16px;line-height:20px;text-align:center;transition:opacity .4s,transform .3s}.magic-mouse.-text .magic-mouse-text,.magic-mouse.-icon .magic-mouse-text{opacity:1;transform:scale(1)}.magic-mouse-media{position:absolute;width:0;height:0;margin:0 0 0 0}.magic-mouse-media img,.magic-mouse-media video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@supports(object-fit:cover){.magic-mouse-media img,.magic-mouse-media video{position:static;width:100%;height:100%;object-fit:cover;transform:translateZ(0)}}.magic-mouse-media-box{position:relative;width:100%;height:100%;overflow:hidden;transform:scale(0) translateZ(0);padding:1px;opacity:0;border-radius:50%;transition:transform .35s,opacity .2s .2s}.magic-mouse.-media .magic-mouse-media-box{opacity:1;transform:scale(.696);transition-duration:.4s,.4s;transition-delay:0s,0s}