.player__close{z-index:1002;cursor:pointer;mix-blend-mode:difference;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;transition:opacity .2s;display:flex;position:fixed;top:4rem;right:1.5rem}.player__close:hover{opacity:.8}.player{transition:top .6s cubic-bezier(.77,0,.175,1)}.player.is-active{top:0}.player__background__wrapper{contain:paint;overflow:hidden;transform:translateY(100%)}.player__background__wrapper,.player__background__wrapper span{will-change:transform;backface-visibility:hidden;transition:transform 1.5s cubic-bezier(.77,0,.175,1)}.player__background__wrapper span{transform:translateY(-70%)}.player__background__wrapper i{transform-origin:50%;will-change:transform;backface-visibility:hidden;display:block;position:absolute;inset:0;transform:scale(1.4)}.player__background__wrapper.is-visible,.player__background__wrapper.is-visible span{transform:translateZ(0)}.player__background__wrapper.is-visible i{animation:20s cubic-bezier(.5,1,.89,1) forwards bg-enter}.player__background__wrapper.is-hiding{transform:translateY(-100%)}.player__background__wrapper.is-hiding span{transform:translateY(80%)}@keyframes bg-enter{0%{transform:scale(1.4)}to{transform:scaleZ(1)}}@media (prefers-reduced-motion:reduce){.player__background__wrapper,.player__background__wrapper i,.player__background__wrapper span{transition:none;animation:none}}