::-webkit-scrollbar{-webkit-appearance:none}::-webkit-scrollbar:vertical{display:none}::-webkit-scrollbar:horizontal{height:8px}::-webkit-scrollbar-thumb{background-color:rgba(100,100,100,.5);border-radius:10px;border:2px solid #333}::-webkit-scrollbar-track{border-radius:10px;background-color:rgba(100,100,100,.2)}html{background-color:#111}.navbar{background-color:#202125!important;color:#e6e6e6!important;border-bottom:none!important}.navbar a{text-shadow:1px 1px rgba(0,0,0,.8)!important}.page_container{position:relative;height:100%;overflow:auto}.page_body{position:relative;height:100%;overflow:auto;padding-bottom:16px}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hidden{display:none!important}video::-webkit-media-controls-toggle-closed-captions-button{visibility:hidden}.draw{--color:#f02;box-shadow:inset 0 0 0 1px transparent;position:relative;vertical-align:middle}.draw::after,.draw::before{border:0;box-sizing:inherit;content:"";position:absolute;width:100%;height:100%}.path{--size:1px;--time1:200ms;--time2:400ms;--time3:600ms;transition:color var(--time1)}.path::after,.path::before{border:var(--size) solid transparent;width:0;height:0;opacity:.4}.path::before{top:0;left:0}.path::after{bottom:0;right:0}.path:hover{color:var(--color)}.path:hover::after,.path:hover::before{width:100%;height:100%;opacity:1}.path:hover::before{border-top-color:var(--color);border-right-color:var(--color);transition:opacity var(--time2),width var(--time1) ease-out,height var(--time1) ease-out var(--time1)}.path:hover::after{border-bottom-color:var(--color);border-left-color:var(--color);transition:opacity var(--time2),border-color 0s ease-out var(--time2),width var(--time1) ease-out var(--time2),height var(--time1) ease-out var(--time3)}.bipath{--size:1px;--time:150ms;transition:color var(--time)}.bipath::after,.bipath::before{border:var(--size) solid transparent;border-radius:4px;width:0;height:0;opacity:.2}.bipath::before{top:0;left:0}.bipath::after{bottom:0;right:0}.bipath:hover{color:var(--color)}.bipath:hover::after,.bipath:hover::before{width:100%;height:100%;opacity:.8;transition:opacity .4s,width var(--time) ease-out,height var(--time) ease-out var(--time)}.bipath:hover::before{border-top-color:var(--color);border-right-color:var(--color)}.bipath:hover::after{border-bottom-color:var(--color);border-left-color:var(--color)}.edge{--time:200ms}.edge::after,.edge::before{transform-origin:edge;top:0;left:0;height:100%;width:100%;opacity:.6}.edge::before{border-top:2px solid var(--color);border-bottom:2px solid var(--color);transform:scale3d(0,1,1)}.edge::after{border-left:2px solid var(--color);border-right:2px solid var(--color);transform:scale3d(1,0,1)}.edge:hover{color:var(--color)}.edge:hover::after,.edge:hover::before{opacity:1;transform:scale3d(1,1,1);transition:opacity var(--time),transform var(--time)}.close_button{--size:28px;--border_width:0px;background-color:rgba(255,255,255,.2);color:#eee;position:relative;width:var(--size);height:var(--size);padding:.5em;border:var(--border_width) solid #aaa;border-radius:50%;transition:background-color .2s}.close_button:hover{background-color:rgba(100,100,100,.4);cursor:pointer}.close_button::after,.close_button::before{background-color:#aaa;position:absolute;display:block;content:" ";transform:rotate(45deg)}.close_button::before{top:4px;bottom:4px;left:calc((var(--size) - 2px)/ 2 - var(--border_width));width:2px}.close_button::after{left:4px;right:4px;top:calc((var(--size) - 2px)/ 2 - var(--border_width));height:2px}#player_container{background-color:#000!important;display:flex;flex-grow:1;flex-direction:column;position:relative;width:100%;height:100%;padding-bottom:16px;z-index:10;overflow:hidden}#player_wrapper{position:absolute;width:100%;height:100%;overflow:hidden}#player{background-color:#000!important;position:absolute;top:50%;left:50%;width:100%;height:100%;padding:0;margin:0;transform:translate(-50%,-50%);z-index:11}#player:focus{outline:0}#player.fixed_video{position:fixed;top:0;left:0;transform:translate(0,0)}#detail_container{background-color:#222;padding:8px}.detail{background-color:#222;padding:8px 16px;border-top:1px solid #333;border-bottom:1px solid #333}.detail .main{display:flex;padding:4px 0;flex-direction:row}.detail .main .image{flex-grow:0;flex-shrink:0;border-radius:4px;overflow:hidden;height:calc(268px * .5);width:calc(182px * .5)}.detail .main .image img{width:100%;height:100%}.detail .main .text{flex-grow:1;margin:0 8px}.detail .main .text .title_text{font-weight:700;font-size:1.2em}.detail .main .text .metadata{color:#999}.detail .main .text .metadata span{margin:0 16px 0 4px;font-size:.8em}.detail .main .text .summary_text{margin:4px 0;font-size:.95em}.detail .buttons{display:flex;flex-direction:row;margin:16px 0}.detail .buttons .button{flex-grow:1;height:32px;line-height:32px;padding:0 32px;border-radius:4px;text-align:center;font-weight:700;font-size:.9em;transition:all .2s}.detail .buttons .button.light{background-color:#eee;color:#222}.detail .buttons .button.dark{background-color:transparent;color:#ccc}.detail .buttons .button:hover{cursor:pointer}.detail .buttons .button.light:hover{background-color:#ddd}.detail .buttons .button.dark:hover{color:#eee}.detail .label{color:#ddd;padding:4px}.detail .label.hpad{padding-left:16px;padding-right:16px}.detail .label.large{font-size:1.1em}.detail .label.small{font-size:.9em}.detail .label.vmargin{margin:8px 0}.detail .label.bold{font-weight:700}.detail .label.normal{font-weight:400}.detail .label.dark{color:#aaa}.detail .label.darker{color:#777}