.sieya--video-player{--video-content-height:calc(var(--vh, 1vh) * 77);max-height:var(--video-content-height);height:calc(var(--vh) * 100);display:flex;flex-direction:column;transition:max-height .3s;.sieya--video-player--video-container{position:relative;flex:1 1;.player video{position:absolute;inset:0;object-fit:contain;z-index:-1;&::cue{font-size:20px;font-family:var(--main-font);color:var(--color-highlight-feedback-yellow)}}}.sieya--video-player--video-container--overlay{position:absolute;inset:0;z-index:1;background-color:rgba(38,38,72,.7);display:flex;align-items:center;visibility:visible;justify-content:center}.sieya--video-player--video-container--overlay:focus-within{opacity:1!important}.sieya--video-player--video-container--overlay--button{width:52px;height:52px;background-color:var(--color-solid-bold-green,#00ffb9)!important;color:var(--color-solid-deep-blue,#000028);.sieya--icon{width:40px;height:40px}}}.sieya--video-player--video-container--rotate-hint{position:absolute;font-size:24px;line-height:24px;font-weight:700;top:50px;right:24px;height:50px;width:100px;display:flex;justify-content:center;align-items:center;border-width:3px;border-style:solid;border-color:var(--color-light-blue);color:var(--color-light-blue);border-radius:10px;animation:rotateWiggle 3s ease-in-out infinite;animation-iteration-count:3;animation-fill-mode:forwards;.sieya--video-player--video-container--rotate-hint--phone{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.sieya--video-player--video-container--rotate-hint--phone--bottom{position:absolute;left:6px;top:50%;transform:translateY(-50%);border-radius:50%;width:10px;height:10px;background-color:var(--color-light-blue)}.sieya--video-player--video-container--rotate-hint--phone--top{position:absolute;right:6px;top:50%;transform:translateY(-50%);border-radius:20px;width:5px;height:28px;background-color:var(--color-light-blue)}span{margin-bottom:4px}@media (orientation:landscape) or (hover:hover){display:none}}@keyframes rotateWiggle{0%{transform:rotate(-90deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}70%{transform:rotate(0deg)}90%{transform:rotate(0deg)}95%{transform:rotate(0deg);opacity:0}to{transform:rotate(-90deg);opacity:0}}