.mp_overlay{--mp-iu: calc(0.0677vw * var(--gScP));position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:rgba(247,240,228,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .6s ease}.mp_overlay.mp_shown{opacity:1}@media screen and (max-width: 900px){.mp_overlay{--mp-iu: calc(0.0848vw * var(--gScP))}}.mp_card{position:relative;width:calc(361*var(--mp-iu));height:calc(547*var(--mp-iu));max-width:calc(100vw - 32px);border-radius:calc(28*var(--mp-iu));background-color:#fff9f1;box-shadow:0 calc(4*var(--mp-iu)) calc(24*var(--mp-iu)) rgba(58,48,38,.12);overflow:hidden;padding-top:calc(50*var(--mp-iu));padding-bottom:calc(30*var(--mp-iu));padding-left:calc(5*var(--mp-iu));padding-right:calc(5*var(--mp-iu));transform:scale(0.96);transition:transform .6s ease}.mp_shown>.mp_card{transform:none}.mp_video{display:block;overflow:hidden;height:100%;margin:auto;border:2px solid #fac759;border-radius:calc(15*var(--mp-iu))}.mp_anim{opacity:0;translate:0 calc(4*var(--mp-iu));pointer-events:none;transition:opacity 3s ease,translate 3s ease}.mp_anim.mp_visible{opacity:1;translate:none;pointer-events:auto}.mp_btn_close{position:absolute;left:calc(323*var(--mp-iu));top:calc(23*var(--mp-iu));width:calc(15*var(--mp-iu));height:calc(15*var(--mp-iu));z-index:2;cursor:pointer}.mp_btn_sound,.mp_btn_replay{position:absolute;top:calc(18*var(--mp-iu));width:calc(26*var(--mp-iu));height:calc(26*var(--mp-iu));padding:calc(4*var(--mp-iu));box-sizing:border-box;border-radius:50%;background-color:rgba(255,249,241,.85);box-shadow:0 calc(2*var(--mp-iu)) calc(8*var(--mp-iu)) rgba(58,48,38,.18);z-index:3;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.mp_btn_sound:hover,.mp_btn_replay:hover{transform:scale(1.08);background-color:#fff9f1}.mp_btn_sound:active,.mp_btn_replay:active{transform:scale(0.95)}.mp_btn_sound{left:calc(18*var(--mp-iu))}.mp_btn_replay{left:calc(52*var(--mp-iu))}
