User:Bkipps09/common.css

@keyframes fade-in{to{opacity:1}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in{to{opacity:1}}@keyframes fade-in{to{opacity:1}}.porvata-outstream{max-width:640px;position:relative}.porvata-outstream.porvata3::before{content:attr(data-label);display:block;font-size:.625rem;font-weight:700;line-height:.75rem;margin:0;padding-bottom:6px;padding-top:6px;text-align:center;text-transform:uppercase}.porvata-outstream.porvata3 .video-overlay{left:0;position:absolute;width:100%;height:calc(100% - 24px);top:24px}.porvata-outstream.porvata3 .video-display-wrapper{height:100%;position:relative;width:100%}.porvata-outstream.porvata3 .video-display-wrapper video,.porvata-outstream.porvata3 .video-display-wrapper.vpaid-enabled>div{height:100%;left:0;position:absolute;top:0;width:100%}.porvata-outstream.porvata3 .video-display-wrapper.vpaid-enabled video,.porvata-outstream.porvata3 .video-display-wrapper.vpaid-enabled>div:last-child{z-index:10}.porvata-outstream.porvata3 .video-display-wrapper .video-player{background:#000;margin:0 auto;pointer-events:auto}.porvata-outstream.porvata3 .video-display-wrapper .video-player>iframe{z-index:-1}.porvata-outstream.porvata3>div{height:0}.porvata-outstream.porvata3.slot-animation{transition-property:max-height;transition-duration:1s;transition-timing-function:ease;transition-delay:0;-webkit-transition-property:max-height;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease;-webkit-transition-delay:0;overflow:hidden}.porvata-outstream.porvata3 .button-control .icon,.porvata-outstream.porvata3 .porvata-icon{cursor:pointer;fill:#fff;height:20px;overflow:hidden;position:absolute;width:20px}.porvata-outstream.porvata3 .progress-bar{background:#7c7c7c;bottom:0;height:4px;left:0;position:absolute;width:100%;z-index:100}.porvata-outstream.porvata3 .current-time{transition-property:width;transition-duration:1s;transition-timing-function:linear;transition-delay:0;-webkit-transition-property:width;-webkit-transition-duration:1s;-webkit-transition-timing-function:linear;-webkit-transition-delay:0;background:#fff;height:100%;max-width:100%;width:0;z-index:100}.porvata-outstream.porvata3 .volume-button{bottom:0;padding:14px 12px 14px 7px;position:absolute;right:0;z-index:100}.porvata-outstream.porvata3 .porvata-switchable-icon .porvata-off-icon{display:none}.porvata-outstream.porvata3 .porvata-switchable-icon .porvata-on-icon,.porvata-outstream.porvata3 .porvata-switchable-icon.is-on .porvata-off-icon{display:block}.porvata-outstream.porvata3 .porvata-switchable-icon.is-on .porvata-on-icon,.porvata-outstream.porvata3 .button-close{display:none}.porvata-outstream.porvata3.outstream-floating .porvata-container{z-index:1}.porvata-outstream.porvata3.outstream-floating .button-close{background:0 0;border:none;display:block;height:0;left:0;outline:none;position:absolute;top:0;width:0;z-index:100}.porvata-outstream.porvata3.outstream-floating .button-close>svg{height:14px;left:0;padding:6px;top:0;width:14px}.porvata-outstream.porvata3.outstream-floating .video-overlay{background:0 0}.porvata-outstream.porvata3.outstream-floating .video-display-wrapper{bottom:20px;height:240px;position:fixed;right:20px;width:320px}.porvata-container .porvata-interface{height:100%;pointer-events:none;position:absolute;width:100%;z-index:100}.porvata-container .porvata-interface>*{pointer-events:auto}.wds-global-navigation-wrapper{top:0;position:fixed;width:100%;z-index:400}#globalNavigation{position:static}.has-uap .WikiaSiteWrapper{margin-top:0}.has-uap .fandom-sticky-header{margin-top:-46px;z-index:401}.has-uap #top_leaderboard,.has-uap #hivi_leaderboard{z-index:402;padding:0;left:0;top:0;position:fixed;width:calc(100% - 66px);background-color:#000;margin-left:66px}.has-uap #top_leaderboard .replay-overlay,.has-uap #top_leaderboard .pause-overlay,.has-uap #hivi_leaderboard .replay-overlay,.has-uap #hivi_leaderboard .pause-overlay{cursor:pointer;height:100%;position:absolute;z-index:1}.has-uap #top_leaderboard .replay-overlay,.has-uap #hivi_leaderboard .replay-overlay{background:rgba(0,0,0,.3)url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+DQogICAgPGNpcmNsZSBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjQiIGN4PSIxNCIgY3k9IjE0IiByPSIxMy43NCIvPg0KICAgIDxwYXRoIGZpbGw9IiMyMzFmMjAiDQogICAgICAgICAgZD0iTTE2LDIuOTRBMTMuMDcsMTMuMDcsMCwxLDEsMywxNiwxMy4wOCwxMy4wOCwwLDAsMSwxNiwyLjk0TTE2LDJBMTQsMTQsMCwxLDAsMzAsMTYsMTQsMTQsMCwwLDAsMTYsMloiDQogICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDQgLTIuMDEpIi8+DQogICAgPHBvbHlnb24gZmlsbD0iIzIzMWYyMCIgcG9pbnRzPSIyMC4xNyAxNCA5LjYzIDIwLjIzIDkuNjMgNy43NyAyMC4xNyAxNCIvPg0KPC9zdmc+") center/8% no-repeat;display:none}.has-uap #top_leaderboard .pause-overlay,.has-uap #hivi_leaderboard .pause-overlay{top:0;width:100%}.has-uap #top_leaderboard.sticky-tlb,.has-uap #hivi_leaderboard.sticky-tlb{padding:18px 0 0;width:calc(100% - 66px);box-sizing:border-box}.has-uap #bottom_leaderboard{z-index:201;position:relative}.has-uap #bottom_leaderboard .replay-overlay,.has-uap #bottom_leaderboard .pause-overlay{cursor:pointer;height:100%;position:absolute;z-index:1}.has-uap #bottom_leaderboard .replay-overlay{background:rgba(0,0,0,.3)url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyOCAyOCI+DQogICAgPGNpcmNsZSBmaWxsPSIjZmZmIiBvcGFjaXR5PSIwLjQiIGN4PSIxNCIgY3k9IjE0IiByPSIxMy43NCIvPg0KICAgIDxwYXRoIGZpbGw9IiMyMzFmMjAiDQogICAgICAgICAgZD0iTTE2LDIuOTRBMTMuMDcsMTMuMDcsMCwxLDEsMywxNiwxMy4wOCwxMy4wOCwwLDAsMSwxNiwyLjk0TTE2LDJBMTQsMTQsMCwxLDAsMzAsMTYsMTQsMTQsMCwwLDAsMTYsMloiDQogICAgICAgICAgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIuMDQgLTIuMDEpIi8+DQogICAgPHBvbHlnb24gZmlsbD0iIzIzMWYyMCIgcG9pbnRzPSIyMC4xNyAxNCA5LjYzIDIwLjIzIDkuNjMgNy43NyAyMC4xNyAxNCIvPg0KPC9zdmc+") center/8% no-repeat;display:none}.has-uap #bottom_leaderboard .pause-overlay{top:0;width:100%}.has-uap #top_leaderboard .video-overlay,.has-uap #hivi_leaderboard .video-overlay,.has-uap #bottom_leaderboard .video-overlay{position:absolute}.has-uap #top_leaderboard .video-display-wrapper,.has-uap #hivi_leaderboard .video-display-wrapper,.has-uap #bottom_leaderboard .video-display-wrapper{height:100%;position:relative;width:100%}.has-uap #top_leaderboard .video-player,.has-uap #hivi_leaderboard .video-player,.has-uap #bottom_leaderboard .video-player{right:0}.has-uap #top_leaderboard .porvata-interface .bottom-panel,.has-uap #hivi_leaderboard .porvata-interface .bottom-panel,.has-uap #bottom_leaderboard .porvata-interface .bottom-panel{position:absolute;bottom:8px;right:0;text-align:right;z-index:1}.has-uap #top_leaderboard .porvata-interface .bottom-panel>div,.has-uap #hivi_leaderboard .porvata-interface .bottom-panel>div,.has-uap #bottom_leaderboard .porvata-interface .bottom-panel>div{cursor:pointer;display:inline-block;padding:6px 12px;vertical-align:top}@media only screen and (min-width:768px){.has-uap #top_leaderboard .porvata-interface .bottom-panel>div,.has-uap #hivi_leaderboard .porvata-interface .bottom-panel>div,.has-uap #bottom_leaderboard .porvata-interface .bottom-panel>div{padding:6px 10px}}.has-uap #top_leaderboard .porvata-interface .dynamic-panel,.has-uap #hivi_leaderboard .porvata-interface .dynamic-panel,.has-uap #bottom_leaderboard .porvata-interface .dynamic-panel{bottom:8px;display:none;pointer-events:none;right:0;text-align:left;width:100%;z-index:3}.has-uap #top_leaderboard .porvata-interface .dynamic-panel>div,.has-uap #hivi_leaderboard .porvata-interface .dynamic-panel>div,.has-uap #bottom_leaderboard .porvata-interface .dynamic-panel>div{pointer-events:all}.has-uap #top_leaderboard .porvata-interface .toggle-ui-overlay,.has-uap #hivi_leaderboard .porvata-interface .toggle-ui-overlay,.has-uap #bottom_leaderboard .porvata-interface .toggle-ui-overlay{cursor:pointer;height:100%;position:absolute;top:0;user-select:none;width:100%;z-index:1;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none}.has-uap #top_leaderboard .porvata-interface.ui-visible .toggle-ui-overlay,.has-uap #hivi_leaderboard .porvata-interface.ui-visible .toggle-ui-overlay,.has-uap #bottom_leaderboard .porvata-interface.ui-visible .toggle-ui-overlay{background:linear-gradient(to top,#000 0%,rgba(0,0,0,.7)15%,rgba(0,0,0,0)30%)}.has-uap #top_leaderboard .porvata-interface.ui-visible .dynamic-panel,.has-uap #hivi_leaderboard .porvata-interface.ui-visible .dynamic-panel,.has-uap #bottom_leaderboard .porvata-interface.ui-visible .dynamic-panel{display:block}.has-uap #top_leaderboard .porvata-interface .fading,.has-uap #hivi_leaderboard .porvata-interface .fading,.has-uap #bottom_leaderboard .porvata-interface .fading{opacity:0;transition:opacity 1s linear}.has-uap #top_leaderboard .porvata-interface .toggle-fullscreen-button,.has-uap #hivi_leaderboard .porvata-interface .toggle-fullscreen-button,.has-uap #bottom_leaderboard .porvata-interface .toggle-fullscreen-button{float:right}.has-uap #top_leaderboard .porvata-interface .button-control .icon,.has-uap #top_leaderboard .porvata-interface .porvata-icon,.has-uap #hivi_leaderboard .porvata-interface .button-control .icon,.has-uap #hivi_leaderboard .porvata-interface .porvata-icon,.has-uap #bottom_leaderboard .porvata-interface .button-control .icon,.has-uap #bottom_leaderboard .porvata-interface .porvata-icon{box-sizing:content-box;-webkit-box-sizing:content-box;cursor:pointer;color:#fff;fill:#fff;height:16px;opacity:.95;overflow:hidden;width:16px}.has-uap #top_leaderboard .porvata-interface .porvata-switchable-icon .porvata-off-icon,.has-uap #hivi_leaderboard .porvata-interface .porvata-switchable-icon .porvata-off-icon,.has-uap #bottom_leaderboard .porvata-interface .porvata-switchable-icon .porvata-off-icon{display:none}.has-uap #top_leaderboard .porvata-interface .porvata-switchable-icon.is-on .porvata-off-icon,.has-uap #hivi_leaderboard .porvata-interface .porvata-switchable-icon.is-on .porvata-off-icon,.has-uap #bottom_leaderboard .porvata-interface .porvata-switchable-icon.is-on .porvata-off-icon{display:inline-block}.has-uap #top_leaderboard .porvata-interface .porvata-switchable-icon.is-on .porvata-on-icon,.has-uap #hivi_leaderboard .porvata-interface .porvata-switchable-icon.is-on .porvata-on-icon,.has-uap #bottom_leaderboard .porvata-interface .porvata-switchable-icon.is-on .porvata-on-icon{display:none}.has-uap #top_leaderboard .porvata-interface .progress-bar,.has-uap #hivi_leaderboard .porvata-interface .progress-bar,.has-uap #bottom_leaderboard .porvata-interface .progress-bar{background:#7c7c7c;bottom:0;height:4px;left:0;position:absolute;width:100%;z-index:2}.has-uap #top_leaderboard .porvata-interface .current-time,.has-uap #hivi_leaderboard .porvata-interface .current-time,.has-uap #bottom_leaderboard .porvata-interface .current-time{background:#fff;height:100%;max-width:100%;width:0;transition:width linear}.has-uap #top_leaderboard .video-player>iframe,.has-uap #hivi_leaderboard .video-player>iframe,.has-uap #bottom_leaderboard .video-player>iframe{display:none}.has-uap #top_leaderboard .video-overlay,.has-uap #top_leaderboard .replay-overlay,.has-uap #hivi_leaderboard .video-overlay,.has-uap #hivi_leaderboard .replay-overlay,.has-uap #bottom_leaderboard .video-overlay,.has-uap #bottom_leaderboard .replay-overlay{right:23.2%;transform:translateX(50%)}.has-uap #top_leaderboard .advertisement-label,.has-uap #hivi_leaderboard .advertisement-label,.has-uap #bottom_leaderboard .advertisement-label{box-sizing:content-box;-webkit-box-sizing:content-box;color:#fff;font-weight:700;height:auto;left:0;letter-spacing:.5px;opacity:.95;position:absolute;text-transform:uppercase;top:0;width:auto;z-index:2147483648;font-size:6px;line-height:6px;padding:5px}@media only screen and (min-width:768px){.has-uap #top_leaderboard .advertisement-label,.has-uap #hivi_leaderboard .advertisement-label,.has-uap #bottom_leaderboard .advertisement-label{padding:6px;line-height:9px;font-size:9px}}.has-uap #top_leaderboard.sticky-tlb .advertisement-label,.has-uap #hivi_leaderboard.sticky-tlb .advertisement-label,.has-uap #bottom_leaderboard.sticky-tlb .advertisement-label{color:#5f7a7b;position:static;text-align:center}.has-uap #top_leaderboard .button-close,.has-uap #hivi_leaderboard .button-close,.has-uap #bottom_leaderboard .button-close{background:0 0;border:none;outline:none;cursor:pointer;display:block;padding:6px;position:absolute;top:0;right:0;z-index:100;fill:#fff}@media only screen and (min-width:768px){.has-uap #top_leaderboard .button-close,.has-uap #hivi_leaderboard .button-close,.has-uap #bottom_leaderboard .button-close{right:17px}}.has-uap #top_leaderboard .button-close,.has-uap #top_leaderboard .button-close .icon,.has-uap #hivi_leaderboard .button-close,.has-uap #hivi_leaderboard .button-close .icon,.has-uap #bottom_leaderboard .button-close,.has-uap #bottom_leaderboard .button-close .icon{box-sizing:content-box;-webkit-box-sizing:content-box;width:24px;height:24px}@media only screen and (min-width:768px){.has-uap #top_leaderboard .button-close,.has-uap #top_leaderboard .button-close .icon,.has-uap #hivi_leaderboard .button-close,.has-uap #hivi_leaderboard .button-close .icon,.has-uap #bottom_leaderboard .button-close,.has-uap #bottom_leaderboard .button-close .icon{width:16px;height:16px}}.has-uap #top_leaderboard.is-dark .advertisement-label,.has-uap #top_leaderboard.is-dark .button-control .icon,.has-uap #hivi_leaderboard.is-dark .advertisement-label,.has-uap #hivi_leaderboard.is-dark .button-control .icon,.has-uap #bottom_leaderboard.is-dark .advertisement-label,.has-uap #bottom_leaderboard.is-dark .button-control .icon{color:#9d9d9d;fill:#9d9d9d}.gpt-ad.expanded-slot{width:100%}.gpt-ad.expanded-slot>div.iframe-container,.gpt-ad.expanded-slot>div.iframe-container>iframe{height:100%;width:100%}.gpt-ad.expanded-slot.hide,.gpt-ad.expanded-slot .hide{display:none!important}.out-of-page-template{position:fixed;width:100%}.out-of-page-template,.out-of-page-template>.button-close{align-items:center;display:flex;justify-content:center;z-index:5000101}.out-of-page-template>.button-close{background:#000;border:none;cursor:pointer;fill:#fff;height:100%;padding:5px;position:absolute;right:0}.out-of-page-template>.button-close:hover{background:#333}.out-of-page-template>.button-close:focus{outline:none}.floor-adhesion{background:rgba(0,0,0,.8);bottom:0;left:0}.interstitial{background:#000;bottom:0;height:100vh;left:0;position:fixed;top:0;width:100%}.interstitial>.button-close{background-color:#002a32;fill:#fff;height:auto;top:0;border:2px solid #00d6d6;border-radius:24px;padding:2px;margin:11px}.interstitial>.advertisement-label{align-items:center;background-color:#002a32;color:#fff;display:flex;font-size:17px;height:55px;justify-content:left;left:0;padding:0 10px;position:absolute;top:0;width:100%;z-index:5000100}.custom-logo,.small-custom-logo{animation-duration:3s;animation-fill-mode:forwards;animation-name:fade-in;max-height:55px;opacity:0}.custom-logo{max-width:93px;margin-right:0}.small-custom-logo{max-width:27px;margin-left:0;margin-right:5px}.tracking-pixel,.wds-is-community-bar-in .custom-logo{display:none}.gpt-ad{text-align:center}.gpt-ad.hide,.gpt-ad .hide{display:none!important}.gpt-ad>div>iframe{display:block;margin:0 auto}.main-page-tag-rcs{display:flex;flex-direction:column}body:not(.has-uap) #hivi_leaderboard>div{margin-top:10px}body:not(.has-uap) #top_leaderboard>div{margin-top:10px;text-align:center}#top_boxad{margin-bottom:10px}#bottom_leaderboard>div{text-align:center}.porvata-outstream.porvata3 .volume-button{width:20px;height:20px;margin:0 10px 10px 0!important}#invisible_skin{display:none!important}#affiliate_slot>div{margin:0 10px 10px}#affiliate_disclaimer{font-size:12px;font-style:italic;line-height:1.5;margin:auto;padding-bottom:15px;width:280px}