.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-origin:50%;transform:scale(1.4)}.player__background__wrapper.is-visible{transform:translateZ(0)}.player__background__wrapper.is-visible span{animation:9s cubic-bezier(.16,1,.3,1) forwards bg-enter}.player__background__wrapper.is-hiding{transform:translateY(-100%)}.player__background__wrapper.is-hiding span{transform:scaleZ(1)}@keyframes bg-enter{0%{transform:scale(1.5)}16%{transform:scale(1.06)}to{transform:scaleZ(1)}}@media (prefers-reduced-motion:reduce){.player__background__wrapper,.player__background__wrapper span{transition:none;animation:none}}