1 line
21 KiB
CSS
1 line
21 KiB
CSS
|
:root{--videoosd-tabs-height:20em;--osd-height:0px}.osdForceHide{display:none!important}@supports selector(:hover) and (--videoosd-tabs-height:clamp(10vh,20em,60vh)){:root{--videoosd-tabs-height:clamp(10vh, 20em, 60vh)}.osd-tab-guide:root{--videoosd-tabs-height:clamp(10vh, 32em, 60vh)}}.layout-tv:root{--videoosd-tabs-height:38vh}.layout-tv.osd-tab-guide:root{--videoosd-tabs-height:64vh}.videoOsdHeader{will-change:opacity;transition:opacity .4s ease-out;text-shadow:none!important}.videoOsdHeader:not(.videoosd-header-safe){padding-left:0;padding-right:0}.videoOsdHeader-locked{display:none!important}.videoOsdHeader-hidden{opacity:0}.videoOsdHeader .headerButton:not(.headerBackButton):not(.headerCastButton){display:none}.chapterThumbImageContainer{background-position:center center;background-size:contain;background-repeat:no-repeat;width:24vw;height:13.5vw;width:clamp(20vmax,22em,35vmin);height:calc(clamp(20vmax,22em,35vmin) * 9 / 16);aspect-ratio:16/9;background-color:#000;box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.4)!important;margin-top:-2em}.chapterThumbImageContainer-fourthree{height:calc(clamp(20vmax,22em,35vmin) * 3 / 4);aspect-ratio:4/3}.chapterThumbTextContainer{position:absolute;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;text-shadow:#000 0 0 .5em;font-weight:500;padding:.5em 0;text-align:center}.chapterThumbTextContainer-noimg{position:static}.chapterThumbText{padding:0 1em;margin:0}@supports (aspect-ratio:16 / 9){.chapterThumbImageContainer{width:clamp(20vmax,22em,35vmin);height:auto!important}}.chapterThumbImageContainer-tv{width:29vw;height:16.3125vw}.chapterThumbImageContainer-tv.chapterThumbImageContainer-fourthree{width:24vw;height:18vw;aspect-ratio:4/3}.chapterThumbImageContainer-noimg{width:auto;height:auto;min-width:min(10vw,8em);max-width:min(30vw,30em)}.videoOsdBottom{position:fixed;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;padding:.5em 3% 1.25em;padding-bottom:min(1.75em,1.75vh);padding-left:min(5ch,2%);padding-right:min(5ch,2%);display:flex;flex-direction:column;justify-content:flex-end}@supports (height:calc(3.125em + 2 * max(3em,4em))){.videoOsdBottom{padding-left:calc(min(5ch,2%) + env(safe-area-inset-left,0));padding-right:calc(min(5ch,2%) + env(safe-area-inset-right,0));padding-bottom:calc(min(1.75em,1.75vh) + env(safe-area-inset-bottom,0))}}.videoOsdBottom-safe{position:static;overflow:hidden;flex-grow:1}.videoOsdBottom-maincontrols{display:flex;flex-direction:row;flex-wrap:wrap;flex-shrink:0;max-height:100%;position:relative;padding:0 1.2em;align-content:flex-end}.videoOsdPositionContainer,.videoosd-tabcontainers{flex-basis:100%;flex-shrink:0}.videoOsdBottom-contentbuttons,.videoOsdBottom-buttons{flex-shrink:0}.videoOsd-belowtransportbuttons{order:3;flex-basis:100%;flex-direction:row;align-items:center;justify-content:flex-start}.videoOsd-belowtransportbuttons-vertical{flex-direction:column;align-items:initial}.videoosd-bottom-with-opentab{padding-bottom:min(2em,1.25vh);will-change:initial!important}@supports (height:calc(3.125em + 2 * max(3em,4em))){.videoosd-bottom-with-opentab{padding-bottom:calc(min(2em,1.25vh) + env(safe-area-inset-bottom,0))}}.videoOsdBottom-video{will-change:opacity;transition:opacity .4s ease-out;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%)}.osdPosterContainer{max-height:100%;max-height:calc(100% - 22em);overflow:hidden;justify-content:center;flex-basis:100%}.osdPosterContainer.itemsContainer-tv{max-height:calc(100% - 12em)}.osdRemoteControlImageCard{width:100%;max-width:30vh;margin:0 auto}.osdRemoteControlImageCardBox{margin:.2em!important}.osdRemoteControlImageCardContent{border-radius:.6em!important;box-shadow:0 .06933em .06933em 0 rgba(0,0,0,.14),0 .13866em .06933em -.06933em rgba(0,0,0,.12),0 .06933em .208em 0 rgba(0,0,0,.2)!important}@supports (aspect-ratio:1){.osdRemoteControlImageCard{width:auto!important;max-width:100%;padding-bottom:0!important;aspect-ratio:1;overflow:hidden;height:90vw;max-height:100%}.osdRemoteControlImageCard.backdropC
|