.ui-video-button{align-items:center;background:#f44402;color:#fff;cursor:pointer;display:flex;height:1em;justify-content:center;padding:.2941176471em .4583333333rem;pointer-events:all;transition:background-color .3s ease;width:1.5em}@media (hover:hover){.ui-video-button{transition:background-color .55s ease}.ui-video-button:focus,.ui-video-button:hover{background-color:var(--color-hover-icon);transition-duration:.3s}}.ui-video-button svg{fill:currentColor;width:100%}.ui-video-button__wrap{font-size:1.4166666667rem;height:100%;left:50%;max-width:var(--max-page-width);pointer-events:none;position:fixed;top:0;transform:translate(-50%);width:100vw;z-index:1100}.ui-video-button__inner{align-items:center;display:flex;height:var(--header-height);padding:var(--header-padding-top) 0 var(--header-padding-bottom);pointer-events:all;position:absolute;right:calc(6.33333rem + var(--padding-side));top:0}@media (max-height:440px),(max-width:440px),(orientation:portrait){.ui-video-button__wrap{font-size:1.3535714286rem}.ui-video-button__inner{right:calc(5rem + var(--padding-side))}}@media (max-width:440px) and (orientation:portrait){.ui-video-button{padding:.4em .5rem}.ui-video-button__wrap{font-size:1.6285714286rem}.ui-video-button__inner{right:10.3571428571rem}}@media (max-height:440px) and (orientation:landscape){.ui-video-button__inner{right:calc(7.5rem + var(--padding-side))}}