====================================*/ /*==================================== a - all links, including twitter/megachatter ====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:50:30 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in-top * ---------------------------------------- */ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:51:3 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-out-bottom * ---------------------------------------- */ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 18, .tmp/app/themes/Network/base.scss */ .Network .main-content-container { height: 100%; } /* line 22, .tmp/app/themes/Network/base.scss */ .Network h1, .Network h2, .Network h3, .Network h4 { text-align: center; } /* line 29, .tmp/app/themes/Network/base.scss */ .Network h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #555555; font-size: 24px; line-height: 1.4; padding: 10px; font-weight: 700; } /* line 45, .tmp/app/themes/Network/base.scss */ .Network .question { background-color: #151b33; } /* line 49, .tmp/app/themes/Network/base.scss */ .Network h2 { color: #ffffff; font-size: 21px; font-weight: 700; overflow: hidden; vertical-align: middle; padding: 10px; margin: 0; } /* line 62, .tmp/app/themes/Network/base.scss */ .Network h3 { font-size: 24px; color: #151b33; padding: 0 20px; font-weight: 700; } /* line 68, .tmp/app/themes/Network/base.scss */ .Network h3 .locInserted { color: #555555; } /* line 76, .tmp/app/themes/Network/base.scss */ .Network h4 { font-size: 20px; color: #fff; } /* line 86, .tmp/app/themes/Network/base.scss */ .Network .app-container { margin: 0 auto; background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); background-repeat: no-repeat; min-height: 100%; overflow: hidden; } /* line 93, .tmp/app/themes/Network/base.scss */ .Network .app-container .winner-feedback-button { margin: 5px auto; z-index: 100; background: #d23232; font-size: 12px; display: -ms-grid; display: grid; -ms-grid-columns: 20px auto; grid-template-columns: 20px auto; grid-gap: 5px; } /* line 104, .tmp/app/themes/Network/base.scss */ .Network .app-container .winner-feedback-button .winner-icon { height: 100%; width: 100%; background: url("../themes/Network/images/trophy-solid.png"); background-repeat: no-repeat; background-position: center; background-size: contain; animation: jello-horizontal 0.9s both; } /* line 121, .tmp/app/themes/Network/base.scss */ .Network .view-container { position: relative; } /* line 128, .tmp/app/themes/Network/base.scss */ .Network footer, .Network header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 135, .tmp/app/themes/Network/base.scss */ .Network header { width: 100%; } /* line 139, .tmp/app/themes/Network/base.scss */ .Network header .column { vertical-align: middle; } /* line 146, .tmp/app/themes/Network/base.scss */ .Network p { padding: 0 30px; } /* line 153, .tmp/app/themes/Network/base.scss */ .Network a { color: #555555; } /* line 161, .tmp/app/themes/Network/base.scss */ .Network.trivia .user-label { display: block; text-align: center; } /* line 167, .tmp/app/themes/Network/base.scss */ .Network .user-label { background-color: #151b33; border-bottom: 1px solid #fff; color: #ffffff; display: none; font-size: 16px; margin: 0 auto; padding: 5px 30px; width: 100%; } /* line 178, .tmp/app/themes/Network/base.scss */ .Network .media > .pull-left { margin-right: 20px; } /* line 185, .tmp/app/themes/Network/base.scss */ .Network .share-score-button { background: url("../themes/Network/images/twitter-icon.png"), #151b33; background-size: auto 16px, 100%; background-position: right 6px center, center; background-repeat: no-repeat; margin: 10px auto; width: max-content; max-width: 220px; border: none; border-radius: 3px; position: relative; } /* line 197, .tmp/app/themes/Network/base.scss */ .Network .share-score-button h2 { font-size: 13px; color: #fff; text-align: left; padding: 4px 10px; min-height: 33px; margin-right: 33px; text-transform: capitalize; border: none; background-color: transparent; border-right: 1px solid #fff; height: 100%; } /* line 213, .tmp/app/themes/Network/base.scss */ .Network .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 217, .tmp/app/themes/Network/base.scss */ .Network .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 227, .tmp/app/themes/Network/base.scss */ .Network .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; font-weight: normal; margin: 0; padding: 0; } /* line 236, .tmp/app/themes/Network/base.scss */ .Network dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } @media screen and (min-width: 666px) { /* line 249, .tmp/app/themes/Network/base.scss */ .Network .app-container { width: 100%; } /* line 252, .tmp/app/themes/Network/base.scss */ .Network .view-container { min-height: 320px; width: 100%; } } /* line 259, .tmp/app/themes/Network/base.scss */ .Network .medium-width .question { margin: 0 auto; } /* line 262, .tmp/app/themes/Network/base.scss */ .Network .medium-width .question h2 { font-size: 34px; } /* line 267, .tmp/app/themes/Network/base.scss */ .Network .medium-width h1 { font-size: 24px; font-weight: 700; } @media screen and (max-width: 666px) { /* line 277, .tmp/app/themes/Network/base.scss */ .Network .app-container { width: 100%; } /* line 280, .tmp/app/themes/Network/base.scss */ .Network .view-container { min-height: 280px; width: 100%; } } /* line 287, .tmp/app/themes/Network/base.scss */ .Network .small-width .question, .Network .tiny-width .question { width: 100%; } /* line 288, .tmp/app/themes/Network/base.scss */ .Network .small-width .question h2, .Network .tiny-width .question h2 { font-size: 21px; } /* line 4, .tmp/app/themes/Network/_forms.scss */ .Network input, .Network textarea, .Network .date-picker > select { background-color: #000; border: 1px solid #333; border-right-color: #666; border-bottom-color: #666; padding: 8px 10px; font-size: 16px; color: #ffffff; } /* line 15, .tmp/app/themes/Network/_forms.scss */ .Network input:focus, .Network textarea:focus, .Network .date-picker > select:focus { background-color: #333; border-color: #666; border-right-color: #999; border-bottom-color: #999; } /* line 24, .tmp/app/themes/Network/_forms.scss */ .touched .Network input.ng-invalid, .attempted .Network input.ng-invalid, .touched .Network textarea.ng-invalid, .attempted .Network textarea.ng-invalid, .touched .Network .date-picker > select.ng-invalid, .attempted .Network .date-picker > select.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 33, .tmp/app/themes/Network/_forms.scss */ .Network ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #919191; } /* line 37, .tmp/app/themes/Network/_forms.scss */ .Network ::-moz-placeholder { /* Firefox 19+ */ color: #919191; } /* line 41, .tmp/app/themes/Network/_forms.scss */ .Network :-ms-input-placeholder { /* IE 10+ */ color: #919191; } /* line 45, .tmp/app/themes/Network/_forms.scss */ .Network :-moz-placeholder { /* Firefox 18- */ color: #919191; } /* line 49, .tmp/app/themes/Network/_forms.scss */ .Network button { background: #a42626; border: 1px solid transparent; color: #ffffff; cursor: pointer; text-transform: uppercase; padding: 8px 35px; margin: 5px auto; } /* line 58, .tmp/app/themes/Network/_forms.scss */ .Network button.small-button { margin: 10px 0; padding: 5px 20px; } /* line 65, .tmp/app/themes/Network/_forms.scss */ .Network .date-picker select { padding: 5px; margin: 5px; } /* line 70, .tmp/app/themes/Network/_forms.scss */ .Network .date-picker input { visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* line 79, .tmp/app/themes/Network/_forms.scss */ .Network .dropdown-list { background: #151b33; color: white; height: 26px; } /* line 85, .tmp/app/themes/Network/_forms.scss */ .Network .errorText { color: #a9a9a9; } /* line 8, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answers { list-style: none; margin: 0 auto; } /* line 11, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answers:after { content: ""; clear: both; } /* line 16, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; background-color: #ffffff; padding: 1px; transition: all ease-in-out 0.5s; } /* line 25, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 10, .tmp/app/themes/Network/_mixins.scss */ .Network .multi-choice .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/Network/_mixins.scss */ .Network .multi-choice .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 100px; } /* line 18, .tmp/app/themes/Network/_mixins.scss */ .Network .multi-choice .answer .percent-container .progress-container { padding-top: 5px; } /* line 32, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer.selected .your-vote-indicator { display: block !important; opacity: 1 !important; } /* line 36, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer.selected .answer-text { background: #a42626; } /* line 41, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer.popular .popular-icon { opacity: 1; } /* line 47, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer .popular-icon { opacity: 0; position: absolute; z-index: 1; background-color: #a42626; background-image: url("../themes/Network/images/indicators/popular-answer-icon.png"); background-position: center; background-repeat: no-repeat; transition: top ease-in-out 0.3s, bottom ease-in-out 0.3s, opacity ease-in-out 0.3s; } /* line 59, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer .your-vote-indicator { display: none; opacity: 0; position: absolute; transition: opacity ease-in-out 0.5s; z-index: 102; background-color: #a42626; color: #ffffff; text-align: center; } /* line 71, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 76, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer .percent-container { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); } /* line 80, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer .answer-text { background-color: #151b33; color: #ffffff; font-size: 18px; line-height: 1.1em; padding: 5px 10px; text-align: center; } /* line 88, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice .answer .percent-text { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); color: #202522; transition: all ease-in-out 0.5s; } /* line 96, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice.inactive .answer { cursor: default; } /* line 105, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice.trivia.answered .answers .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 107, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice.trivia.answered .answers .answer.incorrect { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 109, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice.trivia.answered .answers .answer.incorrect .popular-icon { display: block; opacity: 1; background-image: url("../themes/Network/images/indicators/incorrect-answer-icon.png"); background-size: 14px 13px; background-position: center; background-repeat: no-repeat; } /* line 118, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice.trivia.answered .answers .answer.correct { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 120, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice.trivia.answered .answers .answer.correct .popular-icon { display: block; opacity: 1; background-image: url("../themes/Network/images/indicators/correct-answer-icon.png"); background-size: 13px 16px; background-position: center; background-repeat: no-repeat; } /* line 136, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice.survey.answered .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 138, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .multi-choice.survey.answered .answer.popular { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 148, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.with-votes .vote-container { display: -ms-flexbox; display: flex; } /* line 153, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .vote-container { display: none; } /* line 160, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-scene-results .answered .percent-container { display: none; } /* line 164, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-scene-results .answered .answer-text { height: 100%; } /* line 168, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-scene-results .answered .popular-icon { display: none; } /* line 175, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-scene-results .medium-width .answered.pic-pick .image-container { position: absolute; top: 1px; } /* line 180, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 183, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text.no-image { padding-left: 10px; } /* line 195, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-during-scene .multi-choice:not(.answered) .percent-container { display: none; } /* line 199, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-during-scene .multi-choice:not(.answered) .answer-text { height: 100%; } /* line 203, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-during-scene .multi-choice:not(.answered) .popular-icon { display: none; } /* line 210, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .image-container { position: absolute; top: 1px; } /* line 215, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 218, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text.no-image { padding-left: 10px; } /* line 230, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .small-width .multi-choice .popular-icon, .Network .tiny-width .multi-choice .popular-icon { width: 68px; height: 13px; left: 1px; top: 0; overflow: visible; background-size: 12px 9px; } /* line 238, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .small-width .multi-choice .your-vote-indicator, .Network .tiny-width .multi-choice .your-vote-indicator { width: calc(100% - 71px); height: 13px; right: 1px; top: -13px; overflow: visible; line-height: 1.2; font-size: 12px; } /* line 247, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .small-width .multi-choice .answers, .Network .tiny-width .multi-choice .answers { padding: 0 0 0 12px; } /* line 252, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .small-width .multi-choice .answer.popular .popular-icon, .Network .tiny-width .multi-choice .answer.popular .popular-icon { top: -13px; } /* line 263, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .small-width .multi-choice.trivia.answered .answers .answer .popular-icon, .Network .tiny-width .multi-choice.trivia.answered .answers .answer .popular-icon { top: -13px; background-size: 11px 10px; } /* line 268, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .small-width .multi-choice.trivia.answered .answers .answer.correct .popular-icon, .Network .tiny-width .multi-choice.trivia.answered .answers .answer.correct .popular-icon { background-size: 10px 12px; } /* line 284, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .medium-width .multi-choice .popular-icon { width: 99%; height: 17px; left: 7px; bottom: 0; overflow: visible; background-size: 14px 11px; } /* line 292, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .medium-width .multi-choice .your-vote-indicator { width: 99%; height: 17px; left: 7px; top: -17px; overflow: visible; font-size: 13px; } /* line 300, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .medium-width .multi-choice .answers { padding: 0 0 12px 0; } /* line 305, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .medium-width .multi-choice .answer.popular .popular-icon { opacity: 1; bottom: -17px; } /* line 316, .tmp/app/themes/Network/_multi-choice-base.scss */ .Network .medium-width .multi-choice.trivia.answered .answers .answer .popular-icon { bottom: -17px; } /* line 10, .tmp/app/themes/Network/_modal.scss */ .Network .modal-backdrop.in { opacity: 0.1; } /* line 24, .tmp/app/themes/Network/_modal.scss */ .Network .modal.megaphone-default-modal .modal-dialog, .Network .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 28, .tmp/app/themes/Network/_modal.scss */ .Network .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 28, .tmp/app/themes/Network/_modal.scss */ .Network .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 35, .tmp/app/themes/Network/_modal.scss */ .Network .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; } /* line 40, .tmp/app/themes/Network/_modal.scss */ .Network .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 48, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal { background: rgba(0, 0, 0, 0.3); opacity: 0.96; position: fixed !important; } /* line 52, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog { display: block; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; } /* line 57, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 64, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 68, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #ffffff; border: 3px solid #a42626; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; } /* line 86, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show h2 { color: #151b33; } /* line 89, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 91, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; min-width: 130px; } /* line 98, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 102, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 5px; margin: 0; } /* line 106, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 113, .tmp/app/themes/Network/_modal.scss */ .Network .feedback-modal .modal-dialog .modal-content iframe { border: none; height: 100%; width: 100%; } /* line 124, .tmp/app/themes/Network/_modal.scss */ .Network .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 133, .tmp/app/themes/Network/_modal.scss */ .Network .modal-body.login-modal-body .login-header-image { background: #151b33; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .app-container .progress { line-height: 15px; height: 15px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .app-container .progress-bar { height: 11px; line-height: 11px; top: 1px; } /* line 31, .tmp/app/themes/Network/_survey-bars.scss */ .Network .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border-radius: 0; } /* line 39, .tmp/app/themes/Network/_survey-bars.scss */ .Network .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background: #151b33; position: absolute; width: 0; } /* line 45, .tmp/app/themes/Network/_survey-bars.scss */ .Network .app-container .slider-track-fg, .Network .app-container .trivia .correct .progress-bar, .Network .app-container .survey .popular .progress-bar { background: #a42626; } /* line 50, .tmp/app/themes/Network/_survey-bars.scss */ .Network .app-container .trivia .correct .progress, .Network .app-container .survey .popular .progress { border-color: #151b33; } /* line 54, .tmp/app/themes/Network/_survey-bars.scss */ .Network .app-container .slider-track, .Network .app-container .progress { background-color: #ffffff; } /* line 58, .tmp/app/themes/Network/_survey-bars.scss */ .Network .app-container .slider-track { border: 3px solid #ffffff; } /* line 4, .tmp/app/themes/Network/_status-bars.scss */ .Network .status-bar-container { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); height: 24px; transition: background 0.5s ease; margin-bottom: 20px; overflow: hidden; position: relative; } /* line 14, .tmp/app/themes/Network/_status-bars.scss */ .Network .status-bar-container h2 { background: none; color: #151b33; text-transform: uppercase; margin: 0; padding: 3px; font-size: 15px; height: auto; min-height: 0; } /* line 24, .tmp/app/themes/Network/_status-bars.scss */ .Network .status-bar-container .status-item { position: absolute; top: 0; left: 0; right: 0; margin: auto; } /* line 30, .tmp/app/themes/Network/_status-bars.scss */ .Network .status-bar-container .status-item.ng-leave { animation: fade-out-bottom-status 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* line 34, .tmp/app/themes/Network/_status-bars.scss */ .Network .status-bar-container .status-item.ng-enter { animation: fade-in-top-status 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } /* line 42, .tmp/app/themes/Network/_status-bars.scss */ .Network .medium-width .status-bar-container { margin-bottom: 30px; } /* line 44, .tmp/app/themes/Network/_status-bars.scss */ .Network .medium-width .status-bar-container h2 { font-size: 17px; } @keyframes fade-in-top-status { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-out-bottom-status { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } /* line 5, .tmp/app/themes/Network/_share-your-vote.scss */ .Network share-your-vote .share-vote { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /* line 9, .tmp/app/themes/Network/_share-your-vote.scss */ .Network share-your-vote .share-vote .twitter-share { -ms-flex-pack: end; justify-content: flex-end; background: #38a8e0; margin-right: 10px; } /* line 14, .tmp/app/themes/Network/_share-your-vote.scss */ .Network share-your-vote .share-vote .facebook-share { -ms-flex-pack: start; justify-content: flex-start; background: #3e528e; margin-left: 10px; } /* line 20, .tmp/app/themes/Network/_share-your-vote.scss */ .Network share-your-vote a { color: white; border-radius: 3px; max-width: 90px; } /* line 24, .tmp/app/themes/Network/_share-your-vote.scss */ .Network share-your-vote a img { max-height: 20px; max-width: 20px; margin: 0 10px; } /* line 5, .tmp/app/themes/Network/_score_summary.scss */ .Network score-summary p { font-size: 16px; color: #151b33; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: bold; } /* line 14, .tmp/app/themes/Network/_score_summary.scss */ .Network score-summary p span.locInserted { font-weight: bold; } /* line 17, .tmp/app/themes/Network/_score_summary.scss */ .Network score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/Network/_score_summary.scss */ .Network .score-summary-container { background: #ffffff; } /* line 4, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network.inactive .view-container .message-list, .Network.connecting .view-container .message-list { min-height: 200px; } /* line 11, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network.post_game .view-container button, .Network.final_result .view-container button { margin: 10px 0; } /* line 14, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network.post_game .view-container .megachatter-container, .Network.final_result .view-container .megachatter-container { margin: auto !important; max-width: 1000px !important; width: 100% !important; } /* line 18, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network.post_game .view-container .megachatter-container .message-list, .Network.final_result .view-container .megachatter-container .message-list { min-height: 300px !important; } /* line 22, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network.post_game .view-container [feedback], .Network.final_result .view-container [feedback] { display: none !important; } /* line 33, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.megachatter-top { position: relative; } /* line 36, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.megachatter-top.tile-small .megachatter-container, .Network .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0 0 10px 0; } /* line 43, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.megachatter-bottom { position: relative; } /* line 46, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.megachatter-bottom.ticker-small .megachatter-container, .Network .view-container.megachatter-bottom.ticker-medium .megachatter-container, .Network .view-container.megachatter-bottom.carousel-small .megachatter-container, .Network .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 51, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.megachatter-bottom.tile-small .megachatter-container, .Network .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 10px 0 0 0; } /* line 58, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small, .Network .view-container.show-megachatter.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 63, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .megachatter-container, .Network .view-container.show-megachatter.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 66, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .Network .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 250px; max-height: 100%; background: #fff; } /* line 71, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .Network .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 666px) { /* line 58, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small, .Network .view-container.show-megachatter.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 83, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .product-container, .Network .view-container.show-megachatter.tile-small .user-label, .Network .view-container.show-megachatter.tile-small .scene-wrapper, .Network .view-container.show-megachatter.tile-medium .product-container, .Network .view-container.show-megachatter.tile-medium .user-label, .Network .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 320px; margin: 0; } /* line 87, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .scene-wrapper, .Network .view-container.show-megachatter.tile-medium .scene-wrapper { overflow: hidden; } /* line 90, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .megachatter-container, .Network .view-container.show-megachatter.tile-medium .megachatter-container { padding-top: 0 !important; width: auto; border: 1px solid #fff; margin-left: 10px; } /* line 96, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .Network .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 200px !important; } } @media screen and (min-width: 1110px) { /* line 103, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .product-container, .Network .view-container.show-megachatter.tile-small .user-label, .Network .view-container.show-megachatter.tile-small .scene-wrapper, .Network .view-container.show-megachatter.tile-medium .product-container, .Network .view-container.show-megachatter.tile-medium .user-label, .Network .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 666px; } /* line 106, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .megachatter-container, .Network .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; } } @media screen and (max-width: 666px) { /* line 111, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.show-megachatter.tile-small .megachatter-container, .Network .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; width: 100%; min-width: 320px; margin: auto; border-bottom: 1px solid #fff; } } /* line 122, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small, .Network .view-container.ticker-medium { overflow: hidden; } /* line 124, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small .megachatter-container, .Network .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #ffffff; height: 100px; } /* line 128, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small .megachatter-container message-list, .Network .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 143, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small .megachatter-container message-list .message-list, .Network .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 148, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small .megachatter-container message-list .message-list message-item, .Network .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 154, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .Network .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 158, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .Network .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 164, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .Network .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 172, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.ticker-small .megachatter-container message-input, .Network .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 180, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.carousel-small .megachatter-container, .Network .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 183, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.carousel-small .megachatter-container message-list, .Network .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 186, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.carousel-small .megachatter-container message-list .message-list, .Network .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #ffffff; border-bottom: 1px solid #ffffff; position: relative; } /* line 192, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.carousel-small .megachatter-container message-list .message-list message-item, .Network .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #ffffff; overflow: hidden; } /* line 205, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .Network .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 212, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .Network .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 217, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .Network .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 225, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container.carousel-small .megachatter-container message-input, .Network .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 232, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer { z-index: 5; } /* line 237, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 246, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 253, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 259, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer .drawer-container { position: relative; } /* line 262, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 266, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #ffffff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #a9a9a9; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 274, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #151b33; } /* line 279, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 303, .tmp/app/themes/Network/_megachatter-presentations.scss */ .Network.stacked .main-content-container.megachatter-hidden megachatter-presentations, .Network.veil .main-content-container.megachatter-hidden megachatter-presentations { display: none; } /* line 2, .tmp/app/themes/Network/gdpr-banner.scss */ .Network gdpr-banner .banner-container { background: #313131; padding: 9px; } /* line 5, .tmp/app/themes/Network/gdpr-banner.scss */ .Network gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 12px; text-align: center; } /* line 11, .tmp/app/themes/Network/gdpr-banner.scss */ .Network gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 16, .tmp/app/themes/Network/gdpr-banner.scss */ .Network gdpr-banner .banner-container img { width: 20px; height: 20px; margin: 0 0 0 25px; cursor: pointer; } /* line 24, .tmp/app/themes/Network/gdpr-banner.scss */ .Network gdpr-banner .ng-enter, .Network gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 27, .tmp/app/themes/Network/gdpr-banner.scss */ .Network gdpr-banner .ng-enter, .Network gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 32, .tmp/app/themes/Network/gdpr-banner.scss */ .Network gdpr-banner .ng-leave, .Network gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network points-countdown { display: none; } /* line 11, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .trivia points-countdown { display: block; } /* line 14, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .trivia .points-and-countdown-container { margin: 0; } /* line 18, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .trivia .status-bar-container { position: relative; z-index: 1; } /* line 24, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .current-question-status-container { position: relative; display: block; width: 100%; } /* line 30, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .points-and-countdown-container { border-radius: 5px; position: absolute; width: 100%; z-index: 2; top: 0; height: 30px; pointer-events: none; } /* line 39, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .points-and-countdown-container .points, .Network .points-and-countdown-container .countdown { color: #151b33; text-align: center; background: #ffffff; top: -6px; position: absolute; z-index: 3; border: 3px solid black; border-radius: 5px; height: 35px; } /* line 51, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .points-and-countdown-container .points { font-size: 14px; width: 60px; left: 10px; } /* line 57, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .points-and-countdown-container .countdown { font-size: 22px; width: 55px; right: 10px; } /* line 64, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points { position: absolute; background: #a42626; color: #ffffff; padding: 0; width: 95px; height: 95px; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); /* gpu acceleration */ transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 89, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 94, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutUp 0.5s ease-out 1.5s both; } /* line 99, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePoints 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 106, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 114, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points .x-container .top-left-to-bottom-right, .Network #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 127, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 132, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 138, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 143, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 147, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 150, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 155, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 162, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 169, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #total-points { width: 100%; padding: 5px; background: #a42626; color: #ffffff; height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; font-size: 18px; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 187, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #total-points:not(.no-points).total-value-is-animating { font-size: 26px; } /* line 191, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network #total-points:not(.no-points).total-value-is-displayed { font-size: 18px; } /* line 198, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network.trivia .current-question-status-container { margin: 0 auto 30px auto; } /* line 205, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .small-width points-countdown, .Network .tiny-width points-countdown { position: relative; top: 10px; } /* line 210, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .small-width .trivia .current-question-status-container, .Network .tiny-width .trivia .current-question-status-container { Margin: 0 auto 60px auto; } /* line 214, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .small-width #total-points, .Network .tiny-width #total-points { top: -10px; } /* line 218, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .small-width .points-and-countdown-container .points, .Network .tiny-width .points-and-countdown-container .points { left: 0; } /* line 222, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network .small-width .points-and-countdown-container .countdown, .Network .tiny-width .points-and-countdown-container .countdown { right: 0; } /* line 230, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network.hide-points-during-scene .points { display: none; } /* line 233, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network.hide-points-during-scene .confetti { display: none; } /* line 236, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network.hide-points-during-scene #round-points { display: none; } /* line 239, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network.hide-points-during-scene #total-points { display: none; } /* line 245, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network.hide-countdown-during-scene .countdown { display: none; } /* line 251, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network.hide-countdown-scene-results.round_end .countdown { display: none; } /* line 260, .tmp/app/themes/Network/_points-and-countdown.scss */ .Network.hide-points-during-scene.hide-countdown-during-scene .small-width .trivia .current-question-status-container, .Network.hide-points-during-scene.hide-countdown-during-scene .tiny-width .trivia .current-question-status-container, .Network.hide-points-during-scene.hide-countdown-scene-results.round_end .small-width .trivia .current-question-status-container, .Network.hide-points-during-scene.hide-countdown-scene-results.round_end .tiny-width .trivia .current-question-status-container { Margin: 0 auto 30px auto; } /* line 2, .tmp/app/themes/Network/_veil.scss */ .Network.veil { background: transparent; } /* line 4, .tmp/app/themes/Network/_veil.scss */ .Network.veil .main-content-container { position: absolute; bottom: 10px; right: 0; left: 0; height: 40%; width: 90%; margin: auto; border-radius: 5px; opacity: 0.9; overflow: auto; border: 1px solid #808080; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); transform: translate3d(0, 0, 0); } /* line 20, .tmp/app/themes/Network/_veil.scss */ .Network.veil .modal-backdrop { display: none; } /* line 25, .tmp/app/themes/Network/_veil.scss */ .Network.veil .offer-modal, .Network.veil .feedback-modal { position: absolute; bottom: 10px; right: 0; left: 0; top: unset; height: 40%; width: 90%; margin: auto; border-radius: 5px; overflow: auto; box-shadow: none; } /* line 40, .tmp/app/themes/Network/_veil.scss */ .Network.veil .feedback-modal { height: 60%; } /* line 42, .tmp/app/themes/Network/_veil.scss */ .Network.veil .feedback-modal .modal-dialog { height: 100%; width: 100%; margin: auto; border-radius: 5px; } /* line 4, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container { width: 100%; } /* line 6, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .predictions-navigation-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 5px 0; } /* line 12, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .predictions-navigation-container * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 15, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .predictions-navigation-container.with-scene-counter { -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr max-content 1fr; grid-gap: 5px; } /* line 18, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .predictions-navigation-container.with-scene-counter .scene-counter-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #151b33; color: #ffffff; padding: 6px; border: 1px solid #ffffff; border-radius: 5px; } /* line 30, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .predictions-navigation-container p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 35, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .predictions-navigation-container .predictions-navigation { color: #ffffff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #151b33; font-size: 14px; padding: 10px; text-align: center; transition: background-color 0.15s linear; cursor: pointer; } /* line 46, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .predictions-navigation-container .predictions-navigation.active { background-color: #242e57; } /* line 52, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-title-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 55, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; grid-gap: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 61, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard span { font-size: 12px; color: #000; font-weight: normal; } /* line 66, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard svg { width: 10px; } /* line 72, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-title-container h3 { color: #000; margin: 0; padding: 0; text-align: left; font-size: 16px; } /* line 80, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-action-bar { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 12px; text-decoration: underline; padding: 5px 5px 0 5px; cursor: pointer; } /* line 93, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 101, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; z-index: 25; } /* line 109, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 118, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 121, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 126, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 131, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 135, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name, .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 141, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 145, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 153, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .card-container { width: 95%; margin: 10px auto; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 10px; overflow: hidden; transition: opacity 0.15s ease, transform 0.15s ease; max-width: 600px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 167, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .card-container h1 { color: #151b33; } /* line 170, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .card-container .back-button { cursor: pointer; } /* line 172, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .card-container .back-button p { color: #000; } /* line 177, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-title { color: #000; padding: 5px; } /* line 181, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .main-content-container { position: relative; } /* line 184, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .back-button, .Network #predictions-container .next-button { display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 192, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .back-button span:hover, .Network #predictions-container .back-button svg:hover, .Network #predictions-container .next-button span:hover, .Network #predictions-container .next-button svg:hover { cursor: pointer; text-decoration: underline; } /* line 197, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .back-button .back-icon, .Network #predictions-container .next-button .back-icon { width: 16px; height: 16px; } /* line 201, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .back-button p, .Network #predictions-container .next-button p { margin: 0; padding: 0; color: #000; } /* line 207, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .back-button-with-shaft { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 15px; width: 15px; background-size: contain; cursor: pointer; background-color: transparent; padding: 0; border: none; opacity: 1; cursor: pointer; margin: 0 2px 0 0; } /* line 223, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .back-button-with-shaft.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 229, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .next-button { -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 231, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .next-button p { text-align: right; } /* line 234, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .next-button svg { transform: rotateY(180deg); } /* line 239, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .loading-container { height: 200px; width: 200px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; } /* line 249, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; padding: 10px; } /* line 255, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item { max-width: 600px; width: 95%; background-color: #151b33; border-radius: 5px; cursor: pointer; transition: opacity 0.15s ease, transform 0.15s ease; } /* line 262, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item:hover { opacity: 0.9; transform: scale(1.03); } /* line 266, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container, .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { transition: opacity 0.4s ease; } /* line 269, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton { cursor: auto; min-height: 44px; background: linear-gradient(0.25turn, transparent, #ffffff47, transparent), linear-gradient(#151b33, #151b33), radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%), linear-gradient(#eee, #eee); background-repeat: no-repeat; background-size: 600px 250px, 600px 180px, 100px 100px, 225px 30px; background-position: -600px 0, 0 0, 0px 190px, 50px 195px; animation: loading-gradient-shine 1.5s infinite; } /* line 277, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-points-container, .Network #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-content { opacity: 0; overflow: hidden; } /* line 281, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton:hover { opacity: 1; transform: none; } /* line 286, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { color: #ffffff; padding: 12px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: auto; } /* line 295, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content p { margin: 0; padding: 0; } /* line 299, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content .right-chevron { width: 18px; height: 18px; } /* line 304, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container { border-radius: 0 0 5px 5px; } /* line 305, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container p { margin: 0; color: #fff; font-weight: lighter; text-align: center; padding: 3px; font-size: 12px; } /* line 314, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.correct { background-color: #27ae60; } /* line 317, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.incorrect { background-color: #c0392b; } /* line 320, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.info { background-color: gray; } /* line 328, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container.is-logged-out .logged-out-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; height: 100%; transition-delay: 0.1s; } /* line 335, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container.is-logged-out .logged-out-container h1 { animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; color: #000; font-weight: 600; font-size: 20px; text-align: center; margin: 10px auto; } /* line 343, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container.is-logged-out .logged-out-container button { border-radius: 5px; animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both; } /* line 348, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container.is-logged-out .logged-out-container .splash-screen-container { width: 100%; height: 100%; } /* line 351, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container.is-logged-out .logged-out-container .splash-screen-container img { width: 100%; height: auto; margin: 0 auto; cursor: pointer; } /* line 360, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .user-image { width: 40px; height: 40px; background: #151b33; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 375, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 384, .tmp/app/themes/Network/_predictions.scss */ .Network #predictions-container .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 399, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper h3 { color: #ffffff; background-color: #151b33; margin: 0; padding: 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-bottom: 1px solid #ffffff80; } /* line 407, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .close-panel-button { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 412, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .user-results-list-container { overflow: auto; } /* line 414, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .user-results-list-container .user-result-item { margin: 0 20px; } /* line 416, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .user-results-list-container .user-result-item .date-heading { padding: 2px; font-size: 12px; font-weight: normal; text-align: center; border-bottom: 1px solid; max-width: 620px; margin: 8px auto; } /* line 425, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper { background-color: #151b33; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 10px auto; border-radius: 20px; overflow: hidden; color: #fff; max-width: 600px; } /* line 439, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points:hover { background-repeat: repeat-x; background-position: top -10px center; background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='0' width='4' height='8'/%3E%3Crect x='84' y='0' width='4' height='8'/%3E%3Crect x='126' y='0' width='3' height='9'/%3E%3Crect x='168' y='0' width='3' height='9'/%3E%3Crect x='210' y='0' width='4' height='8'/%3E%3Crect x='252' y='0' width='4' height='9'/%3E%3Crect x='294' y='0' width='4' height='8'/%3E%3Crect x='336' y='0' width='3' height='9'/%3E%3Crect x='378' y='0' width='3' height='9'/%3E%3Crect x='420' y='0' width='4' height='8'/%3E%3Crect x='462' y='0' width='4' height='8'/%3E%3Crect x='504' y='0' width='3' height='9'/%3E%3Crect x='546' y='0' width='4' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 831ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 642ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 676ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 819ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E"); } /* line 446, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points .points-container { background: #27ae60; } /* line 452, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-container { background: #c0392b; padding: 5px; border-radius: 20px; color: #fff; min-width: 68px; text-align: center; font-size: 12px; } /* line 461, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-awarded-text { text-align: center; padding-right: 30px; } /* line 468, .tmp/app/themes/Network/_predictions.scss */ .Network .your-results-wrapper .tag-line { padding: 10px; color: #000; font-weight: normal; text-align: center; } /* line 478, .tmp/app/themes/Network/_predictions.scss */ .Network .close-panel-button { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 22px; width: 22px; position: absolute; top: 8px; left: 8px; background-size: contain; margin: 0; cursor: pointer; background-color: transparent; border-radius: 50%; padding: 0; border: none; opacity: 1; z-index: 40; cursor: pointer; } /* line 499, .tmp/app/themes/Network/_predictions.scss */ .Network .close-panel-button.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; } /* line 507, .tmp/app/themes/Network/_predictions.scss */ .Network .fullscreen-panel { position: fixed; top: 0; left: 0; height: calc(100vh - 24px); width: 100vw; background: #fff; z-index: 30; display: -ms-grid; display: grid; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; } /* line 521, .tmp/app/themes/Network/_predictions.scss */ .Network .rankings-wrapper .scroll-wrapper { overflow: auto; } /* line 524, .tmp/app/themes/Network/_predictions.scss */ .Network .rankings-wrapper .rankings-list-container { overflow: auto; } /* line 530, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 539, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; } /* line 546, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 555, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 558, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 563, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 568, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 572, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item .user-image { width: 40px; height: 40px; background: #151b33; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 587, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 596, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 607, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item .user-name, .Network .prediction-rankings-container .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 613, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 617, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 626, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container.expanded-leaderboard-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; border-top: 1px solid gray; overflow: auto; } /* line 630, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item { -ms-grid-columns: max-content 50px 1fr max-content; grid-template-columns: max-content 50px 1fr max-content; grid-gap: 10px; border-bottom: 1px solid gray; padding: 5px 15px; border-radius: 0; } /* line 636, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .user-name { text-align: left; font-weight: 600; } /* line 640, .tmp/app/themes/Network/_predictions.scss */ .Network .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .rank-number { margin: 0; color: #000; padding: 3px 7px; border-radius: 5px; font-size: 12px; border: 1px solid #000; min-width: 33px; text-align: center; } /* line 657, .tmp/app/themes/Network/_predictions.scss */ .Network #prediction-scene-container.animate-fade-in { transition-delay: 0.15s; } /* line 660, .tmp/app/themes/Network/_predictions.scss */ .Network #prediction-scene-container.animate-fade-in .megachatter-container .message-list { height: 260px !important; } /* line 5, .tmp/app/themes/Network/AppInstall/styles.scss */ .Network.AppInstall header, .Network [app-install] header { display: none; } /* line 8, .tmp/app/themes/Network/AppInstall/styles.scss */ .Network.AppInstall .app-install, .Network [app-install] .app-install { width: 100%; min-height: 460px; text-align: center; vertical-align: middle; } /* line 11, .tmp/app/themes/Network/AppInstall/styles.scss */ .Network.AppInstall .app-install .column, .Network [app-install] .app-install .column { width: 50%; } /* line 14, .tmp/app/themes/Network/AppInstall/styles.scss */ .Network.AppInstall .app-install .app-install-button, .Network [app-install] .app-install .app-install-button { max-height: 80px; max-width: 160px; } /* line 19, .tmp/app/themes/Network/AppInstall/styles.scss */ .Network.AppInstall .app-install a, .Network [app-install] .app-install a { text-decoration: underline; color: #151b33; cursor: pointer; } /* line 24, .tmp/app/themes/Network/AppInstall/styles.scss */ .Network.AppInstall .app-install h1, .Network [app-install] .app-install h1 { margin: 0 auto; padding: 20px; color: #151b33; font-size: 23px; font-weight: 700; } /* line 33, .tmp/app/themes/Network/AppInstall/styles.scss */ .Network.AppInstall .app-install dynamic-image, .Network [app-install] .app-install dynamic-image { display: block; margin: auto; width: 75px; height: 75px; } /* line 44, .tmp/app/themes/Network/AppInstall/styles.scss */ .Network .medium-width .app-install h1 { font-size: 33px; } /* line 5, .tmp/app/themes/Network/Banner/styles.scss */ .Network.Banner .banner, .Network [banner] .banner { text-align: center; vertical-align: middle; margin: auto; } /* line 6, .tmp/app/themes/Network/Banner/styles.scss */ .Network.Banner .banner a, .Network [banner] .banner a { text-decoration: underline; color: #555555; cursor: pointer; display: block; } /* line 12, .tmp/app/themes/Network/Banner/styles.scss */ .Network.Banner .banner h1, .Network [banner] .banner h1 { padding: 10px 50px; color: #151b33; font-weight: 700; } /* line 20, .tmp/app/themes/Network/Banner/styles.scss */ .Network.Banner .banner dynamic-image, .Network [banner] .banner dynamic-image { display: block; margin: auto; } /* line 24, .tmp/app/themes/Network/Banner/styles.scss */ .Network.Banner .banner .smallBannerImage, .Network [banner] .banner .smallBannerImage { height: 480px; width: 320px; } /* line 28, .tmp/app/themes/Network/Banner/styles.scss */ .Network.Banner .banner .mediumBannerImage, .Network [banner] .banner .mediumBannerImage { height: 480px; width: 666px; } /* line 8, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked.multiview .app-container .megachatter-container .message-list, .Network.Blank.veil.multiview .app-container .megachatter-container .message-list, .Network [blank].stacked.multiview .app-container .megachatter-container .message-list, .Network [blank].veil.multiview .app-container .megachatter-container .message-list { height: calc(100vh - 109px) !important; max-height: 100%; overflow-y: auto; } /* line 16, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked .scene-wrapper, .Network.Blank.veil .scene-wrapper, .Network [blank].stacked .scene-wrapper, .Network [blank].veil .scene-wrapper { height: 0 !important; } /* line 19, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked header, .Network.Blank.veil header, .Network [blank].stacked header, .Network [blank].veil header { display: none; } /* line 22, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked .view-container, .Network.Blank.veil .view-container, .Network [blank].stacked .view-container, .Network [blank].veil .view-container { min-height: unset; } /* line 25, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked .product-container, .Network.Blank.veil .product-container, .Network [blank].stacked .product-container, .Network [blank].veil .product-container { opacity: 0; height: 0; } /* line 29, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked .main-content-container, .Network.Blank.veil .main-content-container, .Network [blank].stacked .main-content-container, .Network [blank].veil .main-content-container { border: none; box-shadow: none; } /* line 32, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked .main-content-container gdpr-banner, .Network.Blank.veil .main-content-container gdpr-banner, .Network [blank].stacked .main-content-container gdpr-banner, .Network [blank].veil .main-content-container gdpr-banner { display: none; } /* line 35, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked .main-content-container facebook-login, .Network.Blank.veil .main-content-container facebook-login, .Network [blank].stacked .main-content-container facebook-login, .Network [blank].veil .main-content-container facebook-login { display: none; } /* line 39, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked .app-container, .Network.Blank.veil .app-container, .Network [blank].stacked .app-container, .Network [blank].veil .app-container { background: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 44, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked .app-container .megachatter-container .message-list, .Network.Blank.veil .app-container .megachatter-container .message-list, .Network [blank].stacked .app-container .megachatter-container .message-list, .Network [blank].veil .app-container .megachatter-container .message-list { max-height: 100%; } /* line 49, .tmp/app/themes/Network/Blank/styles.scss */ .Network.Blank.stacked footer, .Network.Blank.veil footer, .Network [blank].stacked footer, .Network [blank].veil footer { display: none; } /* line 2, .tmp/app/themes/Network/Bulletin/styles.scss */ .Network.Bulletin h1, .Network [bulletin] h1 { font-size: 23px; min-height: 300px; height: auto; color: #151b33; font-weight: 700; } @media screen and (min-width: 666px) { /* line 10, .tmp/app/themes/Network/Bulletin/styles.scss */ .Network.Bulletin h1, .Network [bulletin] h1 { font-size: 35px; } } /* line 6, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now, .Network [buy-now] .buy-now { display: block; } /* line 8, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .question, .Network [buy-now] .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .wrapper, .Network [buy-now] .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .wrapper img, .Network [buy-now] .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .wrapper a:hover, .Network [buy-now] .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .wrapper a, .Network [buy-now] .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .wrapper a button, .Network [buy-now] .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 666px) { /* line 6, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now, .Network [buy-now] .buy-now { margin: 0; } /* line 29, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now img, .Network [buy-now] .buy-now img { max-width: 306px; } /* line 32, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now a, .Network [buy-now] .buy-now a { display: block; } /* line 34, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now a button, .Network [buy-now] .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #555555; } } @media screen and (min-width: 666px) { /* line 42, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .wrapper, .Network [buy-now] .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 46, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .wrapper img, .Network [buy-now] .buy-now .wrapper img { max-width: 203px; } /* line 50, .tmp/app/themes/Network/BuyNow/styles.scss */ .Network.BuyNow .buy-now .wrapper a button, .Network [buy-now] .buy-now .wrapper a button { display: block; background-color: #555555; } } /* line 7, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network.ConfigurablePoll .configurable-poll .question .image-container { height: 80px; margin: 10px; width: 80px; } /* line 11, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network.ConfigurablePoll .configurable-poll .question .image-container dynamic-image { display: block; } /* line 22, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers { width: 80%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 25, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 29, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer .active-content, .Network .medium-width .configurable-poll .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 33, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer:first-child, .Network .medium-width .configurable-poll .answers .answer:nth-child(4), .Network .medium-width .configurable-poll .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 36, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer .image-container { width: 72px; height: 72px; } /* line 40, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer .popular-icon, .Network .medium-width .configurable-poll .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .configurable-poll .answers .answer .progress { line-height: 20px; height: 20px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .configurable-poll .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; } /* line 48, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer .percent-container { margin: 0; } /* line 50, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; } /* line 55, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 5px; } /* line 59, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer .image-container, .Network .medium-width .configurable-poll .answers .answer .percent-container { margin-top: 1px; } /* line 63, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .medium-width .configurable-poll .answers .answer .answer-text { font-size: 17px; min-height: 48px; width: 100%; } /* line 70, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .survey .Network .medium-width .configurable-poll .answers .answer.popular .percent-text, .trivia .Network .medium-width .configurable-poll .answers .answer.correct .percent-text { background-color: #ffffff; color: #141414; } /* line 83, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .small-width .configurable-poll .answers, .Network .tiny-width .configurable-poll .answers { padding: 0 10px; width: 80%; min-width: 320px; } /* line 87, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .small-width .configurable-poll .answers .answer, .Network .tiny-width .configurable-poll .answers .answer { width: 100%; margin-top: 20px; } /* line 90, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .small-width .configurable-poll .answers .answer:first-child, .Network .tiny-width .configurable-poll .answers .answer:first-child { margin-top: 0; } /* line 93, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .small-width .configurable-poll .answers .answer .image-container, .Network .tiny-width .configurable-poll .answers .answer .image-container { height: 68px; width: 68px; } /* line 97, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .small-width .configurable-poll .answers .answer .answer-text, .Network .tiny-width .configurable-poll .answers .answer .answer-text { font-size: 16px; min-height: 46px; width: 100%; } /* line 102, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .small-width .configurable-poll .answers .answer .percent-container, .Network .tiny-width .configurable-poll .answers .answer .percent-container { width: 100%; margin: 0; } /* line 105, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .small-width .configurable-poll .answers .answer .percent-container .progress-container, .Network .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 109, .tmp/app/themes/Network/ConfigurablePoll/styles.scss */ .Network .small-width .configurable-poll .answers .answer .percent-container .percent-text, .Network .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { line-height: 1.2; } /* line 10, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .configurable-poll .answers .answer .percent-container, .Network .tiny-width .configurable-poll .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .configurable-poll .answers .answer .percent-container .percent-text, .Network .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .configurable-poll .answers .answer .percent-container .progress-container, .Network .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .configurable-poll .answers .answer .progress, .Network .tiny-width .configurable-poll .answers .answer .progress { line-height: 15px; height: 15px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .configurable-poll .answers .answer .progress-bar, .Network .tiny-width .configurable-poll .answers .answer .progress-bar { height: 11px; line-height: 11px; top: 1px; } /* line 7, .tmp/app/themes/Network/DidYouKnow/styles.scss */ .Network.DidYouKnow .dyk-image-cont, .Network [did-you-know] .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/Network/DidYouKnow/styles.scss */ .Network.DidYouKnow .dyk-image-cont img, .Network [did-you-know] .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/Network/DidYouKnow/styles.scss */ .Network.DidYouKnow h1, .Network [did-you-know] h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } /* line 6, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate, .Network [donate] .donate { /* Portrait tablets and up */ /* Less than portrait tablets*/ } /* line 9, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate form .paypal-btn, .Network [donate] .donate form .paypal-btn { background-image: url("../themes/Network/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate a, .Network [donate] .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate img, .Network [donate] .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate button, .Network [donate] .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate button.streamtip-btn, .Network [donate] .donate button.streamtip-btn { background-image: url("../themes/Network/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate button.patreon-btn, .Network [donate] .donate button.patreon-btn { background-image: url("../themes/Network/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate button.subscribe-btn, .Network [donate] .donate button.subscribe-btn { background-image: url("../themes/Network/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } @media screen and (min-width: 666px) { /* line 54, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate img.foreground, .Network [donate] .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } } @media screen and (max-width: 666px) { /* line 64, .tmp/app/themes/Network/Donate/styles.scss */ .Network.Donate .donate img.foreground, .Network [donate] .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } } /* line 6, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage header, .Network [embedded-webpage] header { display: none; } /* line 10, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage footer, .Network [embedded-webpage] footer { display: none; } /* line 14, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage .app-container, .Network.EmbeddedWebpage .app-height-element, .Network.EmbeddedWebpage .view-container, .Network [embedded-webpage] .app-container, .Network [embedded-webpage] .app-height-element, .Network [embedded-webpage] .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage .view-container div[embedded-webpage], .Network [embedded-webpage] .view-container div[embedded-webpage] { -webkit-overflow-scrolling: touch; overflow: scroll; } @media screen and (max-width: 666px) { /* line 21, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage .view-container div[embedded-webpage], .Network [embedded-webpage] .view-container div[embedded-webpage] { height: 480px; } } @media screen and (min-width: 666px) { /* line 21, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage .view-container div[embedded-webpage], .Network [embedded-webpage] .view-container div[embedded-webpage] { height: 680px; } } /* line 34, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage iframe, .Network [embedded-webpage] iframe { background-color: transparent; border: none; width: 100%; } @media screen and (max-width: 666px) { /* line 34, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage iframe, .Network [embedded-webpage] iframe { height: 480px; } } @media screen and (min-width: 666px) { /* line 34, .tmp/app/themes/Network/EmbeddedWebpage/styles.scss */ .Network.EmbeddedWebpage iframe, .Network [embedded-webpage] iframe { height: 680px; } } /* line 4, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login { background-color: #000; display: block; } /* line 7, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner { margin: 0 auto; padding: 1px 5px; } @media screen and (max-width: 666px) { /* line 7, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner { max-width: 330px; min-width: 320px; } } @media screen and (min-width: 666px) { /* line 7, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner { max-width: 676px; min-width: 666px; } } /* line 20, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .column { vertical-align: middle; } /* line 24, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 28, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner string-rotator { display: -ms-flexbox; display: flex; } /* line 32, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner span { color: #ccc; font-weight: 400; font-size: 10px; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } /* line 41, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .user-info-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; transition: opacity 0.15s linear; } /* line 49, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .user-info-container:hover { opacity: 0.8; } /* line 51, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .user-info-container:hover p { text-decoration: underline; min-width: 80px; } /* line 56, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .user-info-container dynamic-image { height: 22px; width: 22px; border-radius: 50%; background: #fff; background-size: contain; } /* line 63, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .user-info-container p { padding: 0; margin: 0; font-size: 12px; color: #fff; font-weight: normal; min-width: 80px; } /* line 72, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .sign-out-pop-out { position: absolute; top: 30px; border-radius: 5px; margin: 0 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 10; background-color: #fff; overflow: hidden; } /* line 81, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .sign-out-pop-out ul { list-style-type: none; padding: 0; margin: 0; } /* line 85, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .sign-out-pop-out ul li { list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; padding: 5px 10px; transition: background 0.15s linear; background-color: #fff; } /* line 96, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .sign-out-pop-out ul li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.23); } /* line 99, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .sign-out-pop-out ul li:hover { background: #f6f6f6; } /* line 102, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .sign-out-pop-out ul li img { max-height: 24px; max-width: 24px; } /* line 106, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .sign-out-pop-out ul li p, .Network facebook-login .facebook-inner .sign-out-pop-out ul li p > span { padding: 0; margin: 0; color: #000; font-weight: normal; font-size: 13px; text-align: left; } /* line 116, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login .facebook-inner .sign-out-pop-out .login-bar-button { padding: 5px; } /* line 121, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network facebook-login button.login-bar-button { border: 0; cursor: pointer; text-transform: uppercase; margin: 1px auto; border-radius: 3px; padding: 2px; font-size: 11px; } /* line 132, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3b55a0', GradientType=0); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 11px; line-height: 0; font-weight: 400; border: 0 solid transparent; border-radius: 2px; text-transform: none; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 153, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network .facebook-button svg { height: 16px; width: 16px; } /* line 158, .tmp/app/themes/Network/FacebookLogin/styles.scss */ .Network .facebook-button .facebook-button-text { padding: 0 6px; } /* line 7, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .show-megachatter .facebook-to-tv .question, .Network.FacebookToTV .show-megachatter .facebook-to-tv .status-bar-container, .Network [facebook-to-tv] .show-megachatter .facebook-to-tv .question, .Network [facebook-to-tv] .show-megachatter .facebook-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .image-container, .Network [facebook-to-tv] .facebook-to-tv .image-container { background-color: #151b33; padding-top: 5px; padding-bottom: 5px; margin-bottom: 15px; } /* line 18, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .image-container.no-image, .Network [facebook-to-tv] .facebook-to-tv .image-container.no-image { background-color: transparent; height: 15px; } /* line 23, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv div:nth-of-type(2), .Network [facebook-to-tv] .facebook-to-tv div:nth-of-type(2) { width: 80%; margin: auto; } /* line 27, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .name, .Network.FacebookToTV .facebook-to-tv .screen-name, .Network.FacebookToTV .facebook-to-tv .message, .Network [facebook-to-tv] .facebook-to-tv .name, .Network [facebook-to-tv] .facebook-to-tv .screen-name, .Network [facebook-to-tv] .facebook-to-tv .message { margin: 0; position: relative; } /* line 33, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .name, .Network [facebook-to-tv] .facebook-to-tv .name { background-color: #151b33; color: #ffffff; font-size: 18px; padding: 5px 50px; } /* line 39, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .screen-name, .Network [facebook-to-tv] .facebook-to-tv .screen-name { background-color: #151b33; color: #a9a9a9; padding: 5px 20px 5px 20px; } /* line 44, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .message, .Network [facebook-to-tv] .facebook-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); color: #202522; font-size: 16px; padding: 20px; } /* line 49, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .message a, .Network [facebook-to-tv] .facebook-to-tv .message a { color: #202522; } /* line 53, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .avatar, .Network [facebook-to-tv] .facebook-to-tv .avatar { display: block; margin: 0 auto; height: 85px; width: 85px; } /* line 59, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network.FacebookToTV .facebook-to-tv .logo, .Network [facebook-to-tv] .facebook-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 71, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network .medium-width .facebook-to-tv { margin: 0 auto; width: 100%; min-width: 640px; } /* line 76, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network .medium-width .facebook-to-tv div:nth-of-type(2) { width: 90%; } /* line 79, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network .medium-width .facebook-to-tv .avatar { width: 100px; height: 100px; } /* line 83, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network .medium-width .facebook-to-tv .name { font-size: 21px; } /* line 86, .tmp/app/themes/Network/FacebookToTV/styles.scss */ .Network .medium-width .facebook-to-tv .message { font-size: 18px; } /* line 7, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network.FaceOff .show-megachatter .face-off .question, .Network.FaceOff .show-megachatter .face-off .status-bar-container, .Network [face-off] .show-megachatter .face-off .question, .Network [face-off] .show-megachatter .face-off .status-bar-container { width: 100%; } /* line 15, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network.FaceOff .face-off .answers .answer .active-content, .Network.FaceOff .face-off .answers .answer .answer-container, .Network [face-off] .face-off .answers .answer .active-content, .Network [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network.FaceOff .face-off .answers .answer .popular-icon, .Network.FaceOff .face-off .answers .answer .your-vote-indicator, .Network [face-off] .face-off .answers .answer .popular-icon, .Network [face-off] .face-off .answers .answer .your-vote-indicator { position: absolute; } /* line 23, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network.FaceOff .face-off .answers .answer:first-child .progress, .Network [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 41, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers { width: 90%; min-width: 640px; margin-bottom: 10px; } /* line 45, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer { width: 50%; } /* line 47, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer .your-vote-indicator, .Network .medium-width .face-off .answers .answer .popular-icon { width: calc(100% - 104px); } /* line 50, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer .percent-container { width: 100%; } /* line 54, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer:first-child .your-vote-indicator, .Network .medium-width .face-off .answers .answer:first-child .popular-icon { left: 103px; } /* line 59, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 63, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer:last-child .your-vote-indicator, .Network .medium-width .face-off .answers .answer:last-child .popular-icon { left: 1px; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .face-off .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 0.5px; } /* line 10, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .face-off .answers .answer .percent-container .percent-text { font-size: 24px; padding-top: 0; text-align: center; width: 80px; } /* line 18, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 71, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer:last-child .image-container { -ms-flex-order: 1; order: 1; } /* line 75, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer .image-container { height: 102px; width: 102px; } /* line 79, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer .answer-text { min-height: 62px; margin: 0; width: 100%; font-size: 20px; } /* line 85, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .medium-width .face-off .answers .answer .progress { border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; } /* line 97, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers, .Network .tiny-width .face-off .answers { padding: 0 0 20px 0; width: 80%; } /* line 100, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer, .Network .tiny-width .face-off .answers .answer { margin: 0; width: 50%; } /* line 103, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .image-container, .Network .tiny-width .face-off .answers .answer .image-container { height: 150px; width: 100%; margin: 0; border: 1px solid #e9e9e9; } /* line 108, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .image-container img, .Network .tiny-width .face-off .answers .answer .image-container img { max-height: 150px; max-width: 100%; } /* line 114, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer:first-child .progress-container, .Network .tiny-width .face-off .answers .answer:first-child .progress-container { padding: 0 2px 7px 4px; } /* line 119, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer:last-child .progress-container, .Network .tiny-width .face-off .answers .answer:last-child .progress-container { padding: 0 4px 7px 2px; } /* line 123, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .your-vote-indicator, .Network .small-width .face-off .answers .answer .popular-icon, .Network .tiny-width .face-off .answers .answer .your-vote-indicator, .Network .tiny-width .face-off .answers .answer .popular-icon { width: 85%; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 130, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .your-vote-indicator, .Network .tiny-width .face-off .answers .answer .your-vote-indicator { top: -13px; } /* line 133, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .popular-icon, .Network .tiny-width .face-off .answers .answer .popular-icon { top: auto; bottom: -13px; } /* line 137, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .percent-container, .Network .small-width .face-off .answers .answer .answer-text, .Network .tiny-width .face-off .answers .answer .percent-container, .Network .tiny-width .face-off .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 142, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .answer-text, .Network .tiny-width .face-off .answers .answer .answer-text { min-height: 70px; color: #ffffff; font-size: 16px; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .face-off .answers .answer .progress, .Network .tiny-width .face-off .answers .answer .progress { line-height: 16px; height: 16px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .face-off .answers .answer .progress-bar, .Network .tiny-width .face-off .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0.5px; } /* line 10, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .face-off .answers .answer .percent-container, .Network .tiny-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .face-off .answers .answer .percent-container .percent-text, .Network .tiny-width .face-off .answers .answer .percent-container .percent-text { font-size: 30px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .face-off .answers .answer .percent-container .progress-container, .Network .tiny-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 150, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .percent-container .percent-text, .Network .tiny-width .face-off .answers .answer .percent-container .percent-text { float: none; width: 100%; background: transparent; } /* line 155, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .percent-container .progress, .Network .tiny-width .face-off .answers .answer .percent-container .progress { border-right: 1px solid #ffffff; border-left: 1px solid #ffffff; } /* line 160, .tmp/app/themes/Network/FaceOff/styles.scss */ .Network .small-width .face-off .answers .answer .popular-label, .Network .tiny-width .face-off .answers .answer .popular-label { padding-bottom: 20px; } /* line 4, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback { color: #555555; text-transform: none; } /* line 7, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .view-container { padding: 0; } /* line 10, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .required { color: #151b33; } /* line 13, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback h1 { background: #151b33; color: #ffffff; font-size: 21px; text-transform: uppercase; margin: 0; padding: 15px 30px; font-weight: 700; } @media screen and (min-width: 666px) { /* line 13, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback h1 { font-size: 28px; } } /* line 26, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback h3 { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); font-size: 15px; color: #151b33; font-weight: bold; padding: 5px 30px; margin: 0 0 10px 0; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback h3 { font-size: 17px; } } /* line 38, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul { font-size: 0; margin: 0; overflow: hidden; padding: 0 20px; } @media screen and (min-width: 666px) { /* line 38, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul { padding: 0 100px; } } /* line 48, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul li { box-sizing: border-box; font-size: medium; list-style: none; margin: 0 0 5px 0; padding: 2px 10px; vertical-align: top; } /* line 56, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul li.item-checkbox, .Network .feedback ul li.item-textarea { display: block; width: 100%; } /* line 61, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul li.item-checkbox { display: block; width: 100%; float: left; } /* line 66, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul li label { display: block; margin-bottom: 0; color: #151b33; font-size: 13px; } /* line 72, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul li input, .Network .feedback ul li textarea { display: block; width: 100%; background: #151b33; } /* line 78, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul li textarea { height: 65px; } @media screen and (min-width: 666px) { /* line 48, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback ul li { display: inline-block; width: 50%; } } /* line 90, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .feedback-submit .close-button { display: none; } /* line 93, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .feedback-submit p { padding: 0; } @media screen and (max-width: 666px) { /* line 89, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .feedback-submit { text-align: center; } /* line 98, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .feedback-submit .feedback-submit-text { display: block; } } @media screen and (min-width: 666px) { /* line 89, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .feedback-submit { padding: 5px 15px 0 15px; text-align: right; } } /* line 106, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .feedback-submit button { display: block; background: #a42626; font-size: 17px; } /* line 112, .tmp/app/themes/Network/Feedback/styles.scss */ .Network .feedback .close-button-submitted, .Network .feedback .close-button-nonsubmitted { display: block; } /* line 125, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) .feedback ul li.item-checkbox label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Network/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 4px; } /* line 135, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) .feedback ul li.item-checkbox input { opacity: 0; } /* line 137, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/Network/images/feedback/checkboxBG-focus.png"); } /* line 140, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/Network/images/feedback/checkboxBG-selected-focus.png"); } /* line 143, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/Network/images/feedback/checkboxBG-selected.png"); } /* line 146, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/Network/images/feedback/checkboxBG-required.png"); } /* line 152, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/Network/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 162, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) input[type='checkbox'] { opacity: 0; } /* line 164, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/Network/feedback/checkboxBG-focus.png"); } /* line 168, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/Network/feedback/checkboxBG-selected-focus.png"); } /* line 171, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/Network/feedback/checkboxBG-selected.png"); } /* line 174, .tmp/app/themes/Network/Feedback/styles.scss */ .Network:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/Network/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .show-megachatter .five-star, .Network [five-stars] .show-megachatter .five-star { padding-bottom: 5px; } /* line 8, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .show-megachatter .five-star .question, .Network.FiveStars .show-megachatter .five-star .status-bar-container, .Network [five-stars] .show-megachatter .five-star .question, .Network [five-stars] .show-megachatter .five-star .status-bar-container { width: 100%; } /* line 14, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container, .Network [five-stars] .five-star .five-star-container { position: relative; } /* line 16, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .vote-container, .Network [five-stars] .five-star .five-star-container .vote-container { color: #151b33; font-size: 16px; } /* line 20, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .popular, .Network [five-stars] .five-star .five-star-container .popular { color: #ffffff; } /* line 23, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .image-container, .Network [five-stars] .five-star .five-star-container .image-container { text-align: center; } /* line 26, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .popular, .Network.FiveStars .five-star .five-star-container .your-vote, .Network [five-stars] .five-star .five-star-container .popular, .Network [five-stars] .five-star .five-star-container .your-vote { font-size: 30px; } /* line 30, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .title, .Network.FiveStars .five-star .five-star-container .five-star-average, .Network [five-stars] .five-star .five-star-container .title, .Network [five-stars] .five-star .five-star-container .five-star-average { font-size: 22px; line-height: 1.1em; } /* line 35, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .five-star-average, .Network.FiveStars .five-star .five-star-container .five-star-answer, .Network [five-stars] .five-star .five-star-container .five-star-average, .Network [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 39, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .five-star-average, .Network [five-stars] .five-star .five-star-container .five-star-average { background-color: #a42626; color: #ffffff; } /* line 43, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .five-star-answer, .Network [five-stars] .five-star .five-star-container .five-star-answer { background-color: #151b33; transition: all 1s; } /* line 47, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .five-star-answer-track, .Network [five-stars] .five-star .five-star-container .five-star-answer-track { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); } /* line 50, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .title, .Network [five-stars] .five-star .five-star-container .title { color: #ffffff; background-color: #151b33; text-align: center; padding: 7px; } /* line 56, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .answers, .Network [five-stars] .five-star .five-star-container .answers { margin: 0; padding: 0; transition: all 1s; } /* line 60, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .answers .answer, .Network [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/Network/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; width: 20%; list-style-type: none; } /* line 67, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star .five-star-container .answers .answer.active, .Network [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/Network/images/fivestar/star-active.png"); } /* line 74, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star.answered .five-star-answer, .Network [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 77, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network.FiveStars .five-star.answered .five-star-average, .Network [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 85, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 140px; margin-bottom: 10px; } /* line 91, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container.no-image { padding-left: 0; } /* line 94, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 340px; width: 60%; max-width: 600px; height: 82px; } /* line 101, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container .answer { background-size: 57px auto; height: 82px; } /* line 105, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container .image-container { width: 115px; height: 115px; margin-left: -124px; margin-top: 16px; float: left; } /* line 112, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container .title { height: 33px; font-size: 18px; } /* line 115, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container .title .your-vote { font-size: 29px; } /* line 119, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container .five-star-average { height: 32px; } /* line 122, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container .five-star-average .column.popular-label { padding-right: 5px; font-size: 18px; } /* line 126, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .medium-width .five-star .five-star-container .five-star-average .column.popular { font-size: 29px; padding-left: 5px; } /* line 138, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container, .Network .tiny-width .five-star .five-star-container { font-size: 26px; width: 80%; min-width: 256px; margin: 0 auto; } /* line 143, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .answers, .Network .tiny-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 245px; width: 60%; height: 50px; } /* line 149, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .answer, .Network .tiny-width .five-star .five-star-container .answer { background-size: 38px auto; height: 50px; } /* line 153, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .image-container, .Network .tiny-width .five-star .five-star-container .image-container { width: 50%; height: auto; } /* line 157, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .five-star-average, .Network .tiny-width .five-star .five-star-container .five-star-average { min-height: 134px; width: 50%; } /* line 160, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .five-star-average .row, .Network .tiny-width .five-star .five-star-container .five-star-average .row { height: 50%; text-align: center; } /* line 163, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .five-star-average .row:first-child, .Network .tiny-width .five-star .five-star-container .five-star-average .row:first-child { -ms-flex-align: end; align-items: flex-end; } /* line 168, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .five-star-answer, .Network .tiny-width .five-star .five-star-container .five-star-answer { margin-top: 0; } /* line 170, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .five-star-answer .title, .Network .tiny-width .five-star .five-star-container .five-star-answer .title { font-size: 24px; } /* line 174, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .popular-label, .Network .tiny-width .five-star .five-star-container .popular-label { font-size: 19px; } /* line 177, .tmp/app/themes/Network/FiveStars/styles.scss */ .Network .small-width .five-star .five-star-container .popular, .Network .tiny-width .five-star .five-star-container .popular { font-size: 44px; } /* line 4, .tmp/app/themes/Network/Footer/styles.scss */ .Network footer { margin-top: 15px; } @media screen and (max-width: 666px) { /* line 8, .tmp/app/themes/Network/Footer/styles.scss */ .Network footer .footer-images img { max-height: 65px; max-width: 116px; margin: 5px 0; } } @media screen and (min-width: 666px) { /* line 18, .tmp/app/themes/Network/Footer/styles.scss */ .Network footer .footer-images img { max-height: 66px; max-width: 280px; margin: 5px 0; } } /* line 25, .tmp/app/themes/Network/Footer/styles.scss */ .Network footer .policies { padding: 5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } /* line 29, .tmp/app/themes/Network/Footer/styles.scss */ .Network footer .policies a { text-decoration: underline; color: #151b33; font-size: 10px; font-weight: normal; cursor: pointer; } /* line 36, .tmp/app/themes/Network/Footer/styles.scss */ .Network footer .policies img { height: 12px; } /* line 7, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .show-megachatter .guess-gauge .question, .Network.GuessGauge .show-megachatter .guess-gauge .status-bar-container, .Network [guess-gauge] .show-megachatter .guess-gauge .question, .Network [guess-gauge] .show-megachatter .guess-gauge .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .gauge-container, .Network [guess-gauge] .guess-gauge .gauge-container { position: relative; } /* line 15, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .gauge-container .title, .Network [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 19, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .vote-container, .Network [guess-gauge] .guess-gauge .vote-container { color: #151b33; font-size: 16px; } /* line 23, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .gauge-inner, .Network [guess-gauge] .guess-gauge .gauge-inner { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); padding: 10px 20px; } /* line 28, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .gauge-average, .Network [guess-gauge] .guess-gauge .gauge-average { background-color: #a42626; color: #ffffff; font-size: 22px; line-height: 1.1em; } /* line 34, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .gauge-answer, .Network [guess-gauge] .guess-gauge .gauge-answer { padding-top: 35px; background-color: #151b33; } /* line 38, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .gauge-average, .Network.GuessGauge .guess-gauge .gauge-answer, .Network [guess-gauge] .guess-gauge .gauge-average, .Network [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 42, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .gauge-answer-track, .Network [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 45, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .display-answer, .Network [guess-gauge] .guess-gauge .display-answer { color: #ffffff; font-size: 20px; overflow: hidden; z-index: 102; margin-top: -45px; position: absolute; top: 2px; } /* line 56, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .slider .slider-track, .Network [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 58, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .Network [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { background: #aaaaaa; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */ background: radial-gradient(ellipse at center, #aaaaaa 0%, #aaaaaa 58%, #cccccc 59%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#cccccc', GradientType=1); /* IE6-9 fallback on horizontal gradient */ border: 1px solid #ffffff; border-radius: 33px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); cursor: pointer; position: absolute; height: 33px; text-align: center; top: -7px; width: 33px; z-index: 100; } /* line 78, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .slider .slider-track.popular, .Network [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 84, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .slider .slider-track, .Network [guess-gauge] .guess-gauge .slider .slider-track { height: 26px; } /* line 87, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .slider .slider-track-fg, .Network [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 20px; top: 3px; background: #a42626; } /* line 92, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .slider .slider-main, .Network [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; } /* line 97, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .popular, .Network [guess-gauge] .guess-gauge .popular { color: #ffffff; } /* line 101, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .labels, .Network [guess-gauge] .guess-gauge .labels { color: #202522; width: 100%; font-size: 15px; } /* line 105, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .labels .label-min, .Network [guess-gauge] .guess-gauge .labels .label-min { text-align: left; } /* line 108, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge .labels .label-max, .Network [guess-gauge] .guess-gauge .labels .label-max { text-align: right; } /* line 113, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge.answered .gauge-answer, .Network [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 116, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network.GuessGauge .guess-gauge.answered .gauge-average, .Network [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 125, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 140px; margin-bottom: 10px; } /* line 131, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-container.no-image { padding-left: 0; } /* line 134, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-container .image-container { width: 115px; height: 115px; margin-left: -125px; margin-top: 17px; float: left; } /* line 141, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 148, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-average { height: 32px; } /* line 150, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-average .column { padding: 0 5px; } /* line 154, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .display-answer { margin-top: -64px; font-size: 24px; } /* line 158, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-answer { min-height: 117px; } /* line 161, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-answer-track { width: 225px; position: relative; } /* line 165, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .gauge-inner { min-height: 82px; padding: 10px; } /* line 169, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .label-min, .Network .medium-width .guess-gauge .label-max { font-size: 19px; color: #202522; padding: 0 15px; text-align: center; width: 125px; } /* line 176, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .popular-label { font-size: 18px; } /* line 179, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .medium-width .guess-gauge .popular { font-size: 24px; } /* line 187, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .small-width .guess-gauge .gauge-container, .Network .tiny-width .guess-gauge .gauge-container { margin: 0 auto 20px auto; width: 80%; } /* line 191, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .small-width .guess-gauge .image-container, .Network .tiny-width .guess-gauge .image-container { width: 50%; height: auto; } /* line 195, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .small-width .guess-gauge .gauge-average, .Network .tiny-width .guess-gauge .gauge-average { min-height: 134px; width: 50%; width: auto; height: 100%; } /* line 200, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .small-width .guess-gauge .gauge-average .popular-label, .Network .tiny-width .guess-gauge .gauge-average .popular-label { font-size: 19px; } /* line 203, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .small-width .guess-gauge .gauge-average .row, .Network .tiny-width .guess-gauge .gauge-average .row { height: 50%; text-align: center; } /* line 208, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .small-width .guess-gauge .gauge-answer, .Network .tiny-width .guess-gauge .gauge-answer { margin-top: 5px; height: 100px; } /* line 212, .tmp/app/themes/Network/GuessGauge/styles.scss */ .Network .small-width .guess-gauge .label-min, .Network .small-width .guess-gauge .label-max, .Network .tiny-width .guess-gauge .label-min, .Network .tiny-width .guess-gauge .label-max { padding-top: 3px; } /* line 4, .tmp/app/themes/Network/Header/styles.scss */ .Network header { height: auto; width: 100%; } /* line 7, .tmp/app/themes/Network/Header/styles.scss */ .Network header .show-media { height: 60px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 50px; } /* line 6, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network.HotOrNot .show-megachatter .hot-or-not, .Network [hot-or-not] .show-megachatter .hot-or-not { padding-bottom: 5px; } /* line 8, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network.HotOrNot .show-megachatter .hot-or-not .question, .Network.HotOrNot .show-megachatter .hot-or-not .status-bar-container, .Network [hot-or-not] .show-megachatter .hot-or-not .question, .Network [hot-or-not] .show-megachatter .hot-or-not .status-bar-container { width: 100%; } /* line 16, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network.HotOrNot .hot-or-not .answers .answer .active-content, .Network.HotOrNot .hot-or-not .answers .answer .answer-container, .Network [hot-or-not] .hot-or-not .answers .answer .active-content, .Network [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 20, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network.HotOrNot .hot-or-not .answers .answer .popular-icon, .Network.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .Network [hot-or-not] .hot-or-not .answers .answer .popular-icon, .Network [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 27, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network.HotOrNot .hot-or-not .answers .answer .percent-text, .Network [hot-or-not] .hot-or-not .answers .answer .percent-text { font-size: 28px; } /* line 30, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network.HotOrNot .hot-or-not .answers .answer .progress, .Network [hot-or-not] .hot-or-not .answers .answer .progress { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } /* line 35, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network.HotOrNot .hot-or-not .answers .answer:first-child .progress, .Network [hot-or-not] .hot-or-not .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 50, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not { overflow: hidden; } /* line 53, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .image-container { float: left; margin: 0 3px; height: 102px; width: 102px; } /* line 58, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .image-container img { max-height: 100%; max-width: 100%; } /* line 63, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers { margin: auto; width: 90%; padding-bottom: 24px; } /* line 67, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers .answer { width: calc(50% - 53px); margin: 0; } /* line 70, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers .answer.no-image { width: 50%; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .hot-or-not .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 0.5px; } /* line 75, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers .answer:nth-child(2) .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 84, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers .answer .percent-container { margin: 0; } /* line 86, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 70px; font-size: 24px; } /* line 91, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 10px 13px; } /* line 95, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers .answer .answer-text { min-height: 62px; margin: 0; font-size: 19px; } /* line 101, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .medium-width .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 112, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .image-container, .Network .tiny-width .hot-or-not .image-container { height: 100px; margin: 0 auto 20px auto; width: 100px; } /* line 117, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers, .Network .tiny-width .hot-or-not .answers { width: 80%; min-width: 250px; padding-left: 0; padding-bottom: 12px; } /* line 122, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer, .Network .tiny-width .hot-or-not .answers .answer { margin: 0; width: calc(50% - 3px); padding: 0; } /* line 126, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer:first-child, .Network .tiny-width .hot-or-not .answers .answer:first-child { margin-right: 6px; } /* line 129, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer:first-child .percent-container .progress-container, .Network .tiny-width .hot-or-not .answers .answer:first-child .percent-container .progress-container { padding-right: 2px; } /* line 136, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer:last-child .percent-container .progress-container, .Network .tiny-width .hot-or-not .answers .answer:last-child .percent-container .progress-container { padding-left: 2px; padding-right: 5px; } /* line 142, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer .percent-container, .Network .small-width .hot-or-not .answers .answer .answer-text, .Network .tiny-width .hot-or-not .answers .answer .percent-container, .Network .tiny-width .hot-or-not .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 147, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer .your-vote-indicator, .Network .small-width .hot-or-not .answers .answer .popular-icon, .Network .tiny-width .hot-or-not .answers .answer .your-vote-indicator, .Network .tiny-width .hot-or-not .answers .answer .popular-icon { width: 100%; left: 0; } /* line 151, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer .your-vote-indicator, .Network .tiny-width .hot-or-not .answers .answer .your-vote-indicator { top: -14px; } /* line 154, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer .popular-icon, .Network .tiny-width .hot-or-not .answers .answer .popular-icon { top: auto; bottom: -14px; } /* line 158, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer .answer-text, .Network .tiny-width .hot-or-not .answers .answer .answer-text { min-height: 43px; color: #ffffff; margin-bottom: 0; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .hot-or-not .answers .answer .progress, .Network .tiny-width .hot-or-not .answers .answer .progress { line-height: 16px; height: 16px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .hot-or-not .answers .answer .progress-bar, .Network .tiny-width .hot-or-not .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0.5px; } /* line 10, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .hot-or-not .answers .answer .percent-container, .Network .tiny-width .hot-or-not .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .hot-or-not .answers .answer .percent-container .percent-text, .Network .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { font-size: 30px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .hot-or-not .answers .answer .percent-container .progress-container, .Network .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 166, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer .percent-container .percent-text, .Network .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 65px; background: transparent; } /* line 172, .tmp/app/themes/Network/HotOrNot/styles.scss */ .Network .small-width .hot-or-not .answers .answer .percent-container .progress-container, .Network .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 0 0 7px 5px; } /* line 7, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network.InstagramToTV .show-megachatter .instagram-to-tv .question, .Network.InstagramToTV .show-megachatter .instagram-to-tv .status-bar-container, .Network [instagram-to-tv] .show-megachatter .instagram-to-tv .question, .Network [instagram-to-tv] .show-megachatter .instagram-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network.InstagramToTV .instagram-to-tv h2, .Network [instagram-to-tv] .instagram-to-tv h2 { height: auto; min-height: 0; margin: 0 auto; padding: 10px 30px; text-align: center; } /* line 20, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network.InstagramToTV .instagram-to-tv .name, .Network.InstagramToTV .instagram-to-tv .screen-name, .Network.InstagramToTV .instagram-to-tv .message, .Network [instagram-to-tv] .instagram-to-tv .name, .Network [instagram-to-tv] .instagram-to-tv .screen-name, .Network [instagram-to-tv] .instagram-to-tv .message { margin: 0; position: relative; } /* line 27, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network.InstagramToTV .instagram-to-tv .name, .Network [instagram-to-tv] .instagram-to-tv .name { background-color: #151b33; color: #ffffff; font-size: 17px; padding: 5px 50px; } /* line 33, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network.InstagramToTV .instagram-to-tv .screen-name, .Network [instagram-to-tv] .instagram-to-tv .screen-name { background-color: #151b33; color: #a9a9a9; padding: 5px 20px 5px 20px; } /* line 38, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network.InstagramToTV .instagram-to-tv .message, .Network [instagram-to-tv] .instagram-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); color: #202522; font-size: 16px; padding: 30px 20px 20px 20px; } /* line 43, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network.InstagramToTV .instagram-to-tv .message a, .Network [instagram-to-tv] .instagram-to-tv .message a { color: #202522; } /* line 47, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network.InstagramToTV .instagram-to-tv .logo, .Network [instagram-to-tv] .instagram-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 59, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv { margin: 0 auto 195px auto; min-width: 640px; position: relative; height: 100px; } /* line 64, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv .instagram-content { overflow: hidden; position: absolute; top: 30px; left: 0; right: 0; width: 90%; margin: auto; } /* line 72, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv .instagram-content .image-container { float: left; height: 250px; width: 250px; } /* line 76, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv .instagram-content .image-container.no-image { opacity: 0; height: 28px; width: 0; float: none; } /* line 83, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv .instagram-content .image { display: block; margin: auto; width: 250px; height: 250px; } /* line 89, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv .instagram-content .content { margin-left: 250px; } /* line 91, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv .instagram-content .content.no-image { margin-left: 0; } /* line 95, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv .instagram-content .message { min-height: 208px; font-size: 21px; } /* line 99, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .medium-width .instagram-to-tv .instagram-content .name { text-align: left; padding-left: 20px; font-size: 23px; } /* line 109, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .small-width .instagram-to-tv, .Network .tiny-width .instagram-to-tv { margin-bottom: 15px; } /* line 111, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .small-width .instagram-to-tv .image-container, .Network .tiny-width .instagram-to-tv .image-container { background-color: #151b33; padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; } /* line 116, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .small-width .instagram-to-tv .image-container.no-image, .Network .tiny-width .instagram-to-tv .image-container.no-image { opacity: 0; height: 40px; } /* line 121, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .small-width .instagram-to-tv .image, .Network .tiny-width .instagram-to-tv .image { display: block; margin: auto; width: 200px; height: 200px; } /* line 127, .tmp/app/themes/Network/InstagramToTV/styles.scss */ .Network .small-width .instagram-to-tv .content, .Network .tiny-width .instagram-to-tv .content { width: 80%; margin: auto; } /* line 7, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers { width: 90%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 10, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 14, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer .active-content, .Network .medium-width .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 18, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer:first-child, .Network .medium-width .pic-pick .answers .answer:nth-child(4), .Network .medium-width .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 21, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer .image-container { width: 72px; height: 72px; } /* line 25, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer .popular-icon, .Network .medium-width .pic-pick .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .pic-pick .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .pic-pick .answers .answer .progress-bar { height: 10px; line-height: 10px; top: 0.5px; } /* line 33, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer .percent-container { margin: 0; } /* line 35, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; font-size: 36px; background: transparent; } /* line 42, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer .percent-container .progress-container { padding: 2px 7px 4px 7px; } /* line 45, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer .percent-container .progress { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } /* line 50, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .medium-width .pic-pick .answers .answer .answer-text { font-size: 20px; min-height: 48px; width: 100%; } /* line 57, .tmp/app/themes/Network/PicPick/styles.scss */ .survey .Network .medium-width .pic-pick .answers .answer.popular .percent-text, .trivia .Network .medium-width .pic-pick .answers .answer.correct .percent-text { background-color: #ffffff; color: #141414; } /* line 69, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers, .Network .tiny-width .pic-pick .answers { padding: 0 10px 10px 10px; width: 90%; min-width: 320px; } /* line 73, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer, .Network .tiny-width .pic-pick .answers .answer { width: 100%; margin-top: 20px; } /* line 76, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer:last-child, .Network .tiny-width .pic-pick .answers .answer:last-child { margin-bottom: 0; } /* line 79, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer:first-child, .Network .tiny-width .pic-pick .answers .answer:first-child { margin-top: 0; } /* line 82, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer .image-container, .Network .tiny-width .pic-pick .answers .answer .image-container { height: 68px; width: 68px; } /* line 86, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer .answer-text, .Network .tiny-width .pic-pick .answers .answer .answer-text { font-size: 18px; min-height: 42px; width: 100%; } /* line 91, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer .percent-container, .Network .tiny-width .pic-pick .answers .answer .percent-container { width: 100%; margin: 0; } /* line 94, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer .percent-container .progress-container, .Network .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 98, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer .percent-container .percent-text, .Network .tiny-width .pic-pick .answers .answer .percent-container .percent-text { line-height: 1.4; } /* line 101, .tmp/app/themes/Network/PicPick/styles.scss */ .Network .small-width .pic-pick .answers .answer .percent-container .progress, .Network .tiny-width .pic-pick .answers .answer .percent-container .progress { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } /* line 10, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .pic-pick .answers .answer .percent-container, .Network .tiny-width .pic-pick .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .pic-pick .answers .answer .percent-container .percent-text, .Network .tiny-width .pic-pick .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .pic-pick .answers .answer .percent-container .progress-container, .Network .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding-top: 7px; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .pic-pick .answers .answer .progress, .Network .tiny-width .pic-pick .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .pic-pick .answers .answer .progress-bar, .Network .tiny-width .pic-pick .answers .answer .progress-bar { height: 10px; line-height: 10px; top: 0.5px; } /* line 5, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container { border: 0 solid transparent; font-size: 20px; overflow: hidden; padding: 0; width: 90%; max-width: 620px; border-radius: 5px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 2; background-color: #ffffff; margin: 10px auto; } /* line 19, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking { border-bottom: 1px solid #fff; color: #ffffff; transition: all 0.3s; background-color: #151b33; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-template-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-gap: 5px; } /* line 33, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking.first-place div { font-size: 17px; } /* line 38, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 43, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 49, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking.ng-enter-stagger, .Network leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 53, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking.your-rank-highlight { color: #ffffff; background: #a42626; } /* line 58, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 63, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 71, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking:last-child { border: none; } /* line 75, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking div { padding: 0; height: 33px; font-size: 16px; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } /* line 84, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 36px; } /* line 89, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking div:last-child { line-height: 32px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 97, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking div img { height: 20px; padding: 0 8px; } /* line 102, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network leaderboard .rankings-container .ranking div.leaderboard .Network leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 112, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network .show-more-rankings { display: block; padding: 0; width: 50px; height: 25px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: -5px auto 0 auto; z-index: 1; position: relative; background-color: #151b33; color: #ffffff; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 127, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network .show-more-rankings span { font-size: 27px; line-height: 1; position: absolute; top: -5px; left: 0; right: 0; } /* line 135, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 139, .tmp/app/themes/Network/Leaderboard/styles.scss */ .Network .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 7, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network.LiveReactions .show-megachatter .live-reactions .question, .Network.LiveReactions .show-megachatter .live-reactions .status-bar-container, .Network [live-reactions] .show-megachatter .live-reactions .question, .Network [live-reactions] .show-megachatter .live-reactions .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network.LiveReactions .view-container, .Network [live-reactions] .view-container { position: static; } /* line 16, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network.LiveReactions .live-reactions .floating-reaction, .Network [live-reactions] .live-reactions .floating-reaction { max-width: 44px; max-height: 44px; position: absolute; animation: 2s reactionRiseNetwork ease-in forwards; z-index: 10; } /* line 24, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network.LiveReactions .live-reactions .answers .answer, .Network [live-reactions] .live-reactions .answers .answer { background: transparent; } /* line 26, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network.LiveReactions .live-reactions .answers .answer .reaction-label, .Network [live-reactions] .live-reactions .answers .answer .reaction-label { position: absolute; margin: auto; color: #141414; } /* line 31, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network.LiveReactions .live-reactions .answers .answer .reaction-bounce, .Network [live-reactions] .live-reactions .answers .answer .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 34, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network.LiveReactions .live-reactions .answers .answer .image-container, .Network [live-reactions] .live-reactions .answers .answer .image-container { width: 44px; height: 44px; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.6); } 66% { transform: scale(1.4); } 100% { transform: scale(1); } } @keyframes reactionRiseNetwork { 0% { opacity: 0; } 25% { opacity: 1; } 100% { top: -300px; } } /* line 73, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network .medium-width .live-reactions .answers { padding: 47px 0; margin: 20px auto; width: 575px; background: #151b33; } /* line 78, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network .medium-width .live-reactions .answers .answer { margin: 0; position: relative; background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); padding: 10px 0; } /* line 84, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network .medium-width .live-reactions .answers .answer:nth-child(odd) .reaction-label { top: -47px; left: 4px; } /* line 90, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network .medium-width .live-reactions .answers .answer:nth-child(even) .reaction-label { bottom: -47px; left: 0; } /* line 95, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network .medium-width .live-reactions .answers .answer .reaction-label { height: 47px; padding: 0; color: #ffffff; width: 110px; max-width: 110px; font-size: 18px; } /* line 109, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network .small-width .live-reactions .answers, .Network .tiny-width .live-reactions .answers { padding: 0 11px; width: 187px; margin: 10px auto; background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); } /* line 114, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network .small-width .live-reactions .answers .answer, .Network .tiny-width .live-reactions .answers .answer { margin: 10px 0; position: relative; } /* line 117, .tmp/app/themes/Network/LiveReactions/styles.scss */ .Network .small-width .live-reactions .answers .answer .reaction-label, .Network .tiny-width .live-reactions .answers .answer .reaction-label { width: 120px; height: 66px; left: 56px; top: -10px; padding: 0; color: #ffffff; background: #151b33; font-size: 18px; } /* line 5, .tmp/app/themes/Network/Poster/styles.scss */ .Network.Poster .posterImage, .Network [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; width: 100%; height: 480px; padding: 0; } /* line 13, .tmp/app/themes/Network/Poster/styles.scss */ .Network.Poster .posterImage .posterImageInner, .Network [poster] .posterImage .posterImageInner { height: 100%; -ms-flex-align: baseline; align-items: baseline; } /* line 16, .tmp/app/themes/Network/Poster/styles.scss */ .Network.Poster .posterImage .posterImageInner video, .Network.Poster .posterImage .posterImageInner img, .Network [poster] .posterImage .posterImageInner video, .Network [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 7, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .show-megachatter .mood-meter .question, .Network.MoodMeter .show-megachatter .mood-meter .status-bar-container, .Network [mood-meter] .show-megachatter .mood-meter .question, .Network [mood-meter] .show-megachatter .mood-meter .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .vote-container, .Network [mood-meter] .mood-meter .vote-container { color: #151b33; font-size: 16px; } /* line 17, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .meter-container, .Network [mood-meter] .mood-meter .meter-container { position: relative; } /* line 19, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .meter-container .title, .Network [mood-meter] .mood-meter .meter-container .title { display: none; } /* line 23, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .meter-inner, .Network [mood-meter] .mood-meter .meter-inner { display: block; margin: auto; } /* line 27, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .meter-inside, .Network [mood-meter] .mood-meter .meter-inside { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; } /* line 36, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .meter-average, .Network [mood-meter] .mood-meter .meter-average { background-color: #a42626; font-size: 22px; line-height: 1.1em; font-weight: bold; color: #ffffff; } /* line 43, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .meter-average, .Network.MoodMeter .mood-meter .meter-answer, .Network [mood-meter] .mood-meter .meter-average, .Network [mood-meter] .mood-meter .meter-answer { transition: all 1s; } /* line 47, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .meter-answer-track, .Network [mood-meter] .mood-meter .meter-answer-track { position: relative; z-index: 1; } /* line 50, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .meter-answer-track canvas, .Network [mood-meter] .mood-meter .meter-answer-track canvas { cursor: pointer; } /* line 54, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .display-answer, .Network [mood-meter] .mood-meter .display-answer { color: #ffffff; background-color: #151b33; font-size: 22px; font-weight: 700; overflow: hidden; display: block; padding: 10px 20px; word-break: break-word; } /* line 63, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .display-answer .popular-label, .Network [mood-meter] .mood-meter .display-answer .popular-label { color: #747374; } /* line 67, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .popular, .Network [mood-meter] .mood-meter .popular { color: #ffffff; } /* line 71, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .labels, .Network [mood-meter] .mood-meter .labels { color: #202522; background-color: #ffffff; font-weight: bold; font-size: 16px; margin-top: 4px; width: 100%; } /* line 78, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .labels .label-min, .Network [mood-meter] .mood-meter .labels .label-min { text-align: right; } /* line 81, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter .labels .label-max, .Network [mood-meter] .mood-meter .labels .label-max { text-align: left; } /* line 86, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter.answered .meter-answer, .Network [mood-meter] .mood-meter.answered .meter-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 89, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network.MoodMeter .mood-meter.answered .meter-average, .Network [mood-meter] .mood-meter.answered .meter-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 98, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .question { padding: 10px; } /* line 100, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .question dynamic-image { width: 80px; height: 80px; } /* line 104, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .question h2 { padding: 10px; height: auto; } /* line 109, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-container { margin: 0 auto; min-width: 640px; width: 80%; min-height: 203px; margin-bottom: 10px; } /* line 115, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 121, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-container .meter-inner { min-width: 389px; width: 100%; min-height: 203px; background: url(../themes/Network/images/moodmeter/meter-bg-medium.png); background-size: 169px 157px; background-position: center 9px; background-repeat: no-repeat; position: relative; margin-top: 40px; } /* line 132, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-container .rows { width: 50%; } /* line 136, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-inside { border-radius: 50%; width: 175px; height: 175px; z-index: -1; left: -6px; top: -3px; } /* line 143, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-inside img { max-width: 125px; max-height: 125px; margin: 10px; } /* line 149, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-average { height: 40%; min-height: 101.5px; min-width: 250px; width: 100%; float: left; padding: 20px 5px; text-align: center; line-height: 1.2; word-break: break-word; } /* line 159, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-average .popular-label { font-size: 15px; margin-bottom: 10px; } /* line 163, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-average .popular { font-size: 20px; } /* line 167, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-answer { width: 60%; min-width: 389px; background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); } /* line 171, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 40px; right: 0; width: 176px; margin-top: 18px; z-index: 10; } /* line 180, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .meter-answer .meter-answer-track canvas { width: 139px !important; height: 139px !important; } /* line 186, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .display-answer { height: 40%; min-height: 101.5px; min-width: 250px; width: 100%; clear: left; float: left; padding: 20px 5px; text-align: center; line-height: 1.2; } /* line 196, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .display-answer span { display: block; } /* line 198, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .display-answer span:first-of-type { font-size: 15px; margin-bottom: 10px; } /* line 202, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .display-answer span:last-of-type { font-size: 20px; } /* line 207, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .labels { margin-top: -40px; height: 50px; background-color: transparent; padding-top: 153px; } /* line 212, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .labels .label-min, .Network .medium-width .mood-meter .labels .label-max { width: 143px; vertical-align: middle; word-break: break-word; background: transparent; height: 50px; text-align: center; } /* line 221, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .labels .label-min { width: calc(50% - 60px); margin-right: 60px; } /* line 225, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .medium-width .mood-meter .labels .label-max { width: calc(50% - 75px); margin-left: 75px; } /* line 236, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .question dynamic-image, .Network .tiny-width .mood-meter .question dynamic-image { width: 60px; height: 60px; margin: 0 0 0 10px; } /* line 241, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .question h2, .Network .tiny-width .mood-meter .question h2 { padding: 10px; height: auto; text-align: center; } /* line 247, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-container, .Network .tiny-width .mood-meter .meter-container { margin: 0 auto; width: 85%; min-height: 400px; } /* line 252, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-inner, .Network .tiny-width .mood-meter .meter-inner { background: url(../themes/Network/images/moodmeter/meter-bg-small.png); background-size: 168px 156px; height: 179px; padding-top: 24px; background-position: center 15px; background-repeat: no-repeat; } /* line 260, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-inside, .Network .tiny-width .mood-meter .meter-inside { border-radius: 50%; width: 193px; height: 193px; z-index: -1; left: -3px; top: -4px; } /* line 267, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-inside img, .Network .tiny-width .mood-meter .meter-inside img { max-width: 125px; max-height: 125px; margin: 10px; } /* line 273, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .display-answer, .Network .tiny-width .mood-meter .display-answer { text-align: center; min-height: 50px; font-size: 18px; } /* line 278, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-average, .Network .tiny-width .mood-meter .meter-average { padding: 10px; text-align: center; word-break: break-word; } /* line 282, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-average .popular-label, .Network .tiny-width .mood-meter .meter-average .popular-label { margin-bottom: 5px; font-size: 17px; } /* line 286, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-average .popular, .Network .tiny-width .mood-meter .meter-average .popular { font-size: 20px; } /* line 290, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-answer, .Network .tiny-width .mood-meter .meter-answer { background: linear-gradient(to bottom, #fff 0%, #d8d9dc 100%); } /* line 292, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-answer .meter-answer-track, .Network .tiny-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: -2px; right: 0; width: 132px; } /* line 299, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .meter-answer .meter-answer-track canvas, .Network .tiny-width .mood-meter .meter-answer .meter-answer-track canvas { width: 139px !important; height: 138px !important; } /* line 305, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .labels, .Network .tiny-width .mood-meter .labels { padding: 0 5px; margin-top: 155px; background: linear-gradient(to bottom, #d8d9dc 0%, #d6d7da 100%); font-size: 15px; } /* line 310, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .labels .label-min, .Network .small-width .mood-meter .labels .label-max, .Network .tiny-width .mood-meter .labels .label-min, .Network .tiny-width .mood-meter .labels .label-max { width: 50%; vertical-align: middle; word-break: break-word; } /* line 316, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .labels .label-min, .Network .tiny-width .mood-meter .labels .label-min { padding-right: 50px; width: 50%; } /* line 320, .tmp/app/themes/Network/MoodMeter/styles.scss */ .Network .small-width .mood-meter .labels .label-max, .Network .tiny-width .mood-meter .labels .label-max { padding-left: 50px; width: 50%; } /* line 7, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 11, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 15, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer .active-content, .Network .medium-width .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer:first-child, .Network .medium-width .readers-choice .answers .answer:nth-child(4), .Network .medium-width .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .readers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .readers-choice .answers .answer .progress-bar { height: 10px; line-height: 10px; top: 0.5px; } /* line 23, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 26, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 36px; background: transparent; } /* line 32, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer .percent-container .progress-container { padding: 0 8px 8px 8px; } /* line 35, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer .percent-container .progress { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } /* line 40, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer .answer-text { font-size: 20px; min-height: 46px; } /* line 44, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .medium-width .readers-choice .answers .answer .popular-icon, .Network .medium-width .readers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 60, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice.trivia .answers, .Network .tiny-width .readers-choice.trivia .answers { margin-top: 20px; } /* line 64, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers, .Network .tiny-width .readers-choice .answers { padding: 0 10px; width: 90%; min-width: 320px; } /* line 68, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer, .Network .tiny-width .readers-choice .answers .answer { width: 100%; margin: 10px 0; } /* line 71, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer:first-child, .Network .tiny-width .readers-choice .answers .answer:first-child { margin-top: 0; } /* line 74, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer:last-child, .Network .tiny-width .readers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 77, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer .answer-text, .Network .tiny-width .readers-choice .answers .answer .answer-text { font-size: 18px; min-height: 44px; margin-bottom: 0; } /* line 82, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer .active-content, .Network .tiny-width .readers-choice .answers .answer .active-content { width: 100%; } /* line 84, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer .active-content .percent-text, .Network .tiny-width .readers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 89, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer .active-content .answer-container, .Network .tiny-width .readers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .readers-choice .answers .answer .percent-container, .Network .tiny-width .readers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .readers-choice .answers .answer .percent-container .percent-text, .Network .tiny-width .readers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 2px; text-align: center; width: 60px; } /* line 18, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .readers-choice .answers .answer .percent-container .progress-container, .Network .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding-top: 5px; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .readers-choice .answers .answer .progress, .Network .tiny-width .readers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .readers-choice .answers .answer .progress-bar, .Network .tiny-width .readers-choice .answers .answer .progress-bar { height: 10px; line-height: 10px; top: 0.5px; } /* line 95, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer .percent-container, .Network .tiny-width .readers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 99, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer .percent-container .progress-container, .Network .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding: 8px; } /* line 102, .tmp/app/themes/Network/ReadersChoice/styles.scss */ .Network .small-width .readers-choice .answers .answer .percent-container .progress, .Network .tiny-width .readers-choice .answers .answer .percent-container .progress { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } /* line 6, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .image-container, .Network [tweet-to-tv] .tweet-to-tv .image-container { background-color: #151b33; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; } /* line 11, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .image-container.no-image, .Network [tweet-to-tv] .tweet-to-tv .image-container.no-image { background-color: transparent; height: 15px; } /* line 16, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv div:nth-child(2), .Network [tweet-to-tv] .tweet-to-tv div:nth-child(2) { width: 80%; margin: auto; } /* line 20, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .name, .Network.TweetToTV .tweet-to-tv .screen-name, .Network.TweetToTV .tweet-to-tv .message, .Network [tweet-to-tv] .tweet-to-tv .name, .Network [tweet-to-tv] .tweet-to-tv .screen-name, .Network [tweet-to-tv] .tweet-to-tv .message { margin: 0; position: relative; } /* line 26, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .name, .Network [tweet-to-tv] .tweet-to-tv .name { background-color: #151b33; color: #ffffff; font-size: 18px; padding: 5px 50px; } /* line 32, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .screen-name, .Network [tweet-to-tv] .tweet-to-tv .screen-name { color: #202522; padding: 5px 20px 5px 20px; background: #ffffff; } /* line 36, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .screen-name a, .Network [tweet-to-tv] .tweet-to-tv .screen-name a { color: #202522; } /* line 40, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .message, .Network [tweet-to-tv] .tweet-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); color: #202522; font-size: 16px; padding: 5px 20px 20px 20px; } /* line 45, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .message a, .Network [tweet-to-tv] .tweet-to-tv .message a { color: #202522; } /* line 49, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .avatar, .Network [tweet-to-tv] .tweet-to-tv .avatar { display: block; margin: 0 auto; height: 85px; width: 85px; } /* line 55, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv .logo, .Network [tweet-to-tv] .tweet-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 63, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network.TweetToTV .tweet-to-tv twttr-follow-button, .Network [tweet-to-tv] .tweet-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 72, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network .medium-width .tweet-to-tv { margin: 0 auto; width: 100%; min-width: 640px; } /* line 76, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network .medium-width .tweet-to-tv div:nth-child(2) { width: 90%; } /* line 79, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network .medium-width .tweet-to-tv .name { font-size: 21px; } /* line 82, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network .medium-width .tweet-to-tv .screen-name { font-size: 16px; } /* line 85, .tmp/app/themes/Network/TweetToTV/styles.scss */ .Network .medium-width .tweet-to-tv .message { font-size: 18px; } /* line 5, .tmp/app/themes/Network/TwitchToTV/styles.scss */ .Network.TwitchToTV .twitch-to-tv, .Network [twitch-to-tv] .twitch-to-tv { width: 90%; display: block; margin: auto; } /* line 6, .tmp/app/themes/Network/TwitchToTV/styles.scss */ .Network.TwitchToTV .twitch-to-tv div:nth-child(2), .Network [twitch-to-tv] .twitch-to-tv div:nth-child(2) { width: 80%; margin: auto; } /* line 15, .tmp/app/themes/Network/TwitchToTV/styles.scss */ .Network.TwitchToTV .twitch-to-tv .name, .Network.TwitchToTV .twitch-to-tv .screen-name, .Network.TwitchToTV .twitch-to-tv .message, .Network [twitch-to-tv] .twitch-to-tv .name, .Network [twitch-to-tv] .twitch-to-tv .screen-name, .Network [twitch-to-tv] .twitch-to-tv .message { margin: 0; position: relative; } /* line 22, .tmp/app/themes/Network/TwitchToTV/styles.scss */ .Network.TwitchToTV .twitch-to-tv .name, .Network [twitch-to-tv] .twitch-to-tv .name { background-color: #151b33; color: #ffffff; font-size: 18px; padding: 5px 50px; margin-top: 50px; } /* line 30, .tmp/app/themes/Network/TwitchToTV/styles.scss */ .Network.TwitchToTV .twitch-to-tv .message, .Network [twitch-to-tv] .twitch-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); color: #202522; font-size: 16px; padding: 15px 20px 20px 20px; min-height: 70px; } /* line 37, .tmp/app/themes/Network/TwitchToTV/styles.scss */ .Network.TwitchToTV .twitch-to-tv .message a, .Network [twitch-to-tv] .twitch-to-tv .message a { color: #202522; } /* line 42, .tmp/app/themes/Network/TwitchToTV/styles.scss */ .Network.TwitchToTV .twitch-to-tv .logo, .Network [twitch-to-tv] .twitch-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 51, .tmp/app/themes/Network/TwitchToTV/styles.scss */ .Network.TwitchToTV .twitch-to-tv twttr-follow-button, .Network [twitch-to-tv] .twitch-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 6, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network.ViewersChoice .show-megachatter .viewers-choice, .Network [viewers-choice] .show-megachatter .viewers-choice { padding-bottom: 5px; } /* line 8, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network.ViewersChoice .show-megachatter .viewers-choice .question, .Network.ViewersChoice .show-megachatter .viewers-choice .status-bar-container, .Network [viewers-choice] .show-megachatter .viewers-choice .question, .Network [viewers-choice] .show-megachatter .viewers-choice .status-bar-container { width: 100%; } /* line 17, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .image-container { margin: 12px 40px; height: 75px; width: 75px; display: -ms-flexbox; display: flex; } /* line 23, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 27, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 31, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer .active-content, .Network .medium-width .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 35, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer:first-child, .Network .medium-width .viewers-choice .answers .answer:nth-child(4), .Network .medium-width .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .viewers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .medium-width .viewers-choice .answers .answer .progress-bar { height: 10px; line-height: 10px; top: 0.5px; } /* line 39, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 42, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 36px; background: transparent; } /* line 48, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 0 8px 8px 8px; } /* line 51, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer .percent-container .progress { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } /* line 56, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer .answer-text { font-size: 20px; min-height: 46px; } /* line 60, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .medium-width .viewers-choice .answers .answer .popular-icon, .Network .medium-width .viewers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 75, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .image-container, .Network .tiny-width .viewers-choice .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 80, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .status-bar-container, .Network .tiny-width .viewers-choice .status-bar-container { margin-bottom: 10px; } /* line 83, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers, .Network .tiny-width .viewers-choice .answers { padding: 0 10px; width: 90%; min-width: 320px; } /* line 87, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer, .Network .tiny-width .viewers-choice .answers .answer { width: 100%; margin: 10px 0; } /* line 90, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer .answer-text, .Network .tiny-width .viewers-choice .answers .answer .answer-text { font-size: 18px; min-height: 44px; margin-bottom: 0; } /* line 95, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer:last-child, .Network .tiny-width .viewers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 98, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer .active-content, .Network .tiny-width .viewers-choice .answers .answer .active-content { width: 100%; } /* line 100, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer .active-content .percent-text, .Network .tiny-width .viewers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 105, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer .active-content .answer-container, .Network .tiny-width .viewers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .viewers-choice .answers .answer .percent-container, .Network .tiny-width .viewers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .viewers-choice .answers .answer .percent-container .percent-text, .Network .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 2px; text-align: center; width: 60px; } /* line 18, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .viewers-choice .answers .answer .percent-container .progress-container, .Network .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding-top: 5px; } /* line 30, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .viewers-choice .answers .answer .progress, .Network .tiny-width .viewers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/Network/_mixins.scss */ .Network .small-width .viewers-choice .answers .answer .progress-bar, .Network .tiny-width .viewers-choice .answers .answer .progress-bar { height: 10px; line-height: 10px; top: 0.5px; } /* line 111, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer .percent-container, .Network .tiny-width .viewers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 115, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer .percent-container .progress-container, .Network .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 8px; } /* line 118, .tmp/app/themes/Network/ViewersChoice/styles.scss */ .Network .small-width .viewers-choice .answers .answer .percent-container .progress, .Network .tiny-width .viewers-choice .answers .answer .percent-container .progress { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } /* line 9, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network.MegaChatter .view-container.show-megachatter.tile-medium .scene-wrapper [megachatter], .Network.MegaChatter .view-container.show-megachatter.tile-small .scene-wrapper [megachatter] { width: 100%; min-width: auto; max-width: none; } /* line 20, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container { background: #ffffff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 25, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container.featured { background: #fff; } /* line 29, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 33, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 38, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 40, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container .content-wrapper .message-name { font-size: 18px; color: #151b33; padding: 0; margin: 0; } /* line 46, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container .content-wrapper .message-text { font-size: 14px; color: #151b33; padding: 0; } /* line 51, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 54, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 59, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 64, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 73, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-list { max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 79, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 84, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-input-container { background: #e9e9e9; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 89, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 94, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 98, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; font-size: 16px; background: #151b33; } /* line 106, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-input-container .message-container textarea.editing-text { height: 80px; } /* line 110, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 117, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .message-input-container button { padding: 10px 15px; background: #151b33; } /* line 125, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network message-list.stacked .message-list, .Network message-list.veil .message-list { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 131, .tmp/app/themes/Network/Megachatter/styles.scss */ .Network .megachatter-title { background: #ffffff; color: #151b33; padding: 10px 0; margin: 0; text-align: center; border-bottom: 1px solid black; } /* line 2, .tmp/app/themes/Network/PredictionCTA/styles.scss */ .Network.PredictionCTA h1, .Network [prediction-cta] h1 { font-size: 24px; height: auto; color: #151b33; font-weight: 700; margin: 0 auto; padding: 10px 10px 0 10px; } /* line 10, .tmp/app/themes/Network/PredictionCTA/styles.scss */ .Network.PredictionCTA p, .Network [prediction-cta] p { text-align: center; color: #151b33; margin: auto; padding: 20px 0 5px 0; font-size: 16px; } /* line 17, .tmp/app/themes/Network/PredictionCTA/styles.scss */ .Network.PredictionCTA button, .Network [prediction-cta] button { margin: 0 auto 30px auto; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; } /* line 22, .tmp/app/themes/Network/PredictionCTA/styles.scss */ .Network.PredictionCTA button .material-icons, .Network [prediction-cta] button .material-icons { font-size: 18px; } /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Main Styles ====================================*/ /* line 8, .tmp/app/themes/NetworkOneScreen/base.scss */ html, body { height: 100%; width: 100vw; background-color: transparent; overflow-x: hidden; } /* line 16, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen { color: #a9a9a9; font-family: "Open Sans", sans-serif; text-shadow: none; overflow: hidden; opacity: 1; transition: opacity 0.7s ease-in-out; font-weight: 700; /*==================================== h1 - Large Messages; i.e. Bulletin ====================================*/ /*==================================== h2 - Question Text represented in all product scenes as an
tag ====================================*/ /*==================================== h3 - ====================================*/ /*==================================== h4 - ====================================*/ /*==================================== .app-container - main container for the entire application; includes header and footer ====================================*/ /*==================================== .view-container - container for views, scenes and products ====================================*/ /*==================================== header/footer ====================================*/ /*==================================== p - most common text should be a====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:50:30 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in-top * ---------------------------------------- */ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:51:3 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-out-bottom * ---------------------------------------- */ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* ---------------------------------------------- * Generated by Animista on 2019-4-18 11:19:28 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation slide-out-blurred-right * ---------------------------------------- */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 25, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .main-content-container { height: 100%; } /* line 29, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen h1, .NetworkOneScreen h2, .NetworkOneScreen h3, .NetworkOneScreen h4 { text-align: center; font-weight: 700; } /* line 34, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen.pre_game, .NetworkOneScreen.inactive { transition: none; opacity: 0; } /* line 42, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #151b33; font-size: 3vw; line-height: 1.4; position: absolute; left: 0; right: 0; bottom: 7vw; margin: 0; } /* line 61, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .question { width: 100%; font-family: "Open Sans", sans-serif; margin-top: 6.2vw; padding-bottom: 0; background: #151b33; } /* line 68, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .question h2 { font-size: 2.8vw; line-height: 1.8vw; max-width: 100vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 1vw; } /* line 79, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen h2 { color: #fff; font-size: 50px; font-size: 3vw; line-height: 1; overflow: hidden; vertical-align: middle; margin: 0; text-align: left; padding: 0; font-family: "Open Sans", sans-serif; } /* line 95, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen h3 { font-size: 24px; color: #fff; padding: 0 20px; font-family: "Open Sans", sans-serif; } /* line 101, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen h3 .locInserted { color: #a7bbfd; } /* line 109, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen h4 { font-size: 20px; color: #fff; font-family: "Open Sans", sans-serif; } /* line 116, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .loading-screen { transition: none; opacity: 0; } /* line 126, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .app-container { height: 100vh; min-height: auto !important; overflow: hidden; position: relative; } /* line 132, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .app-container .app-height-element { height: 100vh; width: 100vw; } /* line 137, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .app-container .winner-feedback-button { position: absolute; margin: 0; bottom: 14.2vw; left: 0; z-index: 100; background: #d23232; padding: 0.7vw; font-size: 1.3vw; display: -ms-grid; display: grid; -ms-grid-columns: 1.5vw auto; grid-template-columns: 1.5vw auto; grid-gap: 0.5vw; } /* line 152, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .app-container .winner-feedback-button .winner-icon { height: 100%; width: 100%; background: url("../themes/NetworkOneScreen/images/trophy-solid.png"); background-repeat: no-repeat; background-position: center; background-size: contain; animation: jello-horizontal 0.9s both; } /* line 166, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen.final_result .onescreen-container, .NetworkOneScreen.post_game .onescreen-container { background: none; } /* line 171, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .onescreen-container { height: calc(100vw * 0.18); width: 100vw; min-width: calc(100vw - var(--megachatter-width)); min-height: auto !important; overflow: hidden; position: absolute; bottom: 0; left: 0; right: 0; pointer-events: all; background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); background-repeat: no-repeat; background-position: 0 3.8vw; background-size: 100% 67%; transition: width 300ms ease, min-width 300ms ease; } /* line 199, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen footer, .NetworkOneScreen header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 206, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen header { width: 100%; background-image: url("../themes/NetworkOneScreen/images/header.png"); background-size: 105px 46px; background-position: center; height: 60px; } /* line 214, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen header .column { vertical-align: middle; } /* line 218, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen header { display: none; } /* line 225, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen p { padding: 0 2vw; } /* line 233, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen.trivia .user-label { display: block; } /* line 238, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .user-label { color: #fff; display: none; font-size: 1.5vw; margin: 0 auto; position: absolute; top: 4.2vw; z-index: 99; text-align: right; font-weight: 700; right: 7vw; } /* line 250, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .user-label.facebook-show { display: block; } /* line 256, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen.Bulletin .user-label, .NetworkOneScreen.Banner .user-label, .NetworkOneScreen.AppInstall .user-label, .NetworkOneScreen.Blank .user-label, .NetworkOneScreen.game_over .user-label, .NetworkOneScreen.modal-open .user-label { display: none; } /* line 261, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .media > .pull-left { margin-right: 20px; } /* line 268, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .share-score-button { background: url("../themes/NetworkOneScreen/images/twitter.png"), #38a8e0; background-size: auto 1.8vw, 100%; background-position: right 0.5vw center, center; background-repeat: no-repeat; margin: 0 auto; width: max-content; border-radius: 0.2vw; position: relative; } /* line 278, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .share-score-button h2 { font-size: 1.2vw; color: #fff; text-align: left; padding: 0.5vw; margin-right: 2.2vw; text-transform: capitalize; border: none; background-color: transparent; height: 100%; } /* line 293, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 297, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 307, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; margin: 0; padding: 0; } /* line 315, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } @keyframes jello-horizontal { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } 100% { transform: scale3d(1, 1, 1); } } /* line 360, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .main-content-container .small-width megachatter-presentations, .NetworkOneScreen .main-content-container .tiny-width megachatter-presentations { display: none; } /* line 363, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .main-content-container .small-width gdpr-banner, .NetworkOneScreen .main-content-container .tiny-width gdpr-banner { left: 20vw; right: 20vw; } /* line 367, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .main-content-container .small-width facebook-login, .NetworkOneScreen .main-content-container .tiny-width facebook-login { right: 0; } /* line 370, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .main-content-container .small-width footer, .NetworkOneScreen .main-content-container .tiny-width footer { right: 1vw; } /* line 373, .tmp/app/themes/NetworkOneScreen/base.scss */ .NetworkOneScreen .main-content-container .small-width .onescreen-container, .NetworkOneScreen .main-content-container .tiny-width .onescreen-container { min-width: 100vw; width: 100vw; } /* line 4, .tmp/app/themes/NetworkOneScreen/_forms.scss */ .NetworkOneScreen input, .NetworkOneScreen textarea { background-color: #000000; border: 1px solid transparent; padding: 8px 10px; } /* line 9, .tmp/app/themes/NetworkOneScreen/_forms.scss */ .NetworkOneScreen input:focus, .NetworkOneScreen textarea:focus { background-color: #000000; border-color: #fff; color: #fff; } /* line 17, .tmp/app/themes/NetworkOneScreen/_forms.scss */ .touched .NetworkOneScreen input.ng-invalid, .attempted .NetworkOneScreen input.ng-invalid, .touched .NetworkOneScreen textarea.ng-invalid, .attempted .NetworkOneScreen textarea.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 26, .tmp/app/themes/NetworkOneScreen/_forms.scss */ .NetworkOneScreen button { background: #a42626; color: #fff; cursor: pointer; text-transform: uppercase; padding: 0.4vw 2.4vw; margin: 0 1vw; font-size: 24px; font-size: 1.2vw; border-radius: 0; border: none; font-weight: 700; } /* line 40, .tmp/app/themes/NetworkOneScreen/_forms.scss */ .NetworkOneScreen .errorText { color: #151b33; } /* line 5, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answers { list-style: none; margin: 0 auto; padding: 0 1vw; } /* line 9, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answers:after { content: ""; clear: both; } /* line 14, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; transition: all ease-in-out 0.5s; height: 6.7vw; } /* line 22, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 27, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer.selected { border-color: #fff; } /* line 29, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer.selected .your-vote-indicator { opacity: 1 !important; } /* line 35, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer .popular-icon { opacity: 0; } /* line 40, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer .your-vote-indicator { position: static; display: block; opacity: 0; transition: opacity ease-out 0.3s; z-index: 102; color: #fff; text-align: center; width: 80%; height: 1.8vw; line-height: 0.9; font-size: 2vw; overflow: hidden; font-family: "Open Sans", sans-serif; margin: -1.1vw auto 0 auto; background-color: #151b33; } /* line 59, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 64, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer .answer-text { color: #000000; font-size: 35px; font-size: 2vw; line-height: 0.9; text-align: center; transition: all ease-in-out 0.5s; max-height: 3vw; padding-top: 0.7vw; } /* line 74, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer .percent-text { color: #000000; transition: all ease-in-out 0.5s; font-family: "Open Sans", sans-serif; } /* line 79, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice .answer .percent-container { padding-top: 1vw; } /* line 85, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice.inactive .answer { cursor: default; } /* line 91, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice.trivia .answers { margin: -2.8vw auto; } /* line 98, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice.trivia.answered .answers .answer .answer-container { transition: all 1s; filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 103, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice.trivia.answered .answers .answer.correct .answer-container { transition: all 1s; filter: blur(0px); transform: scale3d(1.02, 1.02, 1); opacity: 1; z-index: 2; } /* line 116, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice.survey.answered .answer .answer-container { transition: all 1s; filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 121, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen .multi-choice.survey.answered .answer.popular .answer-container { transition: all 1s; filter: blur(0px); transform: scale3d(1.02, 1.02, 1); opacity: 1; z-index: 2; } /* line 132, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes .percent-container { display: none; } /* line 135, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes .answer-text { height: 100%; } /* line 138, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes .popular-icon { display: none; } /* line 142, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes .answer .answer-text { max-height: 6vw; padding-top: 0; } /* line 152, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes-scene-results .answered .percent-container { display: none; } /* line 155, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes-scene-results .answered .answer-text { height: 100%; } /* line 158, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes-scene-results .answered .popular-icon { display: none; } /* line 162, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes-scene-results .answered .answer .answer-text { max-height: 6vw; padding-top: 0; } /* line 173, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes-during-scene .multi-choice:not(.answered) .percent-container { display: none; } /* line 176, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes-during-scene .multi-choice:not(.answered) .answer-text { height: 100%; } /* line 179, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes-during-scene .multi-choice:not(.answered) .popular-icon { display: none; } /* line 183, .tmp/app/themes/NetworkOneScreen/_multi-choice-base.scss */ .NetworkOneScreen.hide-votes-during-scene .multi-choice:not(.answered) .answer .answer-text { max-height: 6vw; padding-top: 0; } /* line 7, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal-backdrop.in { opacity: 0; } /* line 21, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.megaphone-default-modal .modal-dialog, .NetworkOneScreen .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 26, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 34, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; box-shadow: none; } /* line 39, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.megaphone-default-modal .modal-dialog h2 { color: #fff; } /* line 44, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 49, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal .modal-content { background: none; box-shadow: none; border: none; border-radius: 0; } /* line 58, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal { opacity: 1; position: absolute !important; height: calc(100vw * 0.135); top: unset; bottom: 13px; overflow: hidden; min-height: auto !important; left: 0; right: 0; margin: auto; } /* line 69, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .megachatter-onescreen { width: 100%; transition: width 300ms ease, max-width 300ms ease; } /* line 72, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .megachatter-onescreen.megachatter-hidden { width: 100%; max-width: 100vw; } /* line 77, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .toggle-score-and-feedback { position: absolute; z-index: 100; top: 0; right: 0; margin: 0; } /* line 84, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .score-summary-container { height: 72%; width: 27%; position: absolute; z-index: 100; top: 3.7vw; overflow: hidden; margin: 0 1vw; } /* line 92, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .score-summary-container.show-scores { display: block; } /* line 97, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog { display: block; width: 100%; height: 100%; margin: 0; } /* line 103, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; top: 0; } /* line 112, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 118, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content .modal-body .form-offer form { position: unset; width: 100%; height: calc(100vw * 0.11); } /* line 124, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #fff; border: 3px solid #a42626; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; display: none; } /* line 144, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 147, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; padding: 5px; min-width: 130px; } /* line 156, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 161, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 0vw; margin: 0; display: none; } /* line 167, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: hidden; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 175, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content iframe { border: none; width: 100%; height: 100%; } @supports (-webkit-overflow-scrolling: touch) { /* line 175, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .feedback-modal .modal-dialog .modal-content iframe { height: 100%; } } /* line 189, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 196, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .leaderboard-modal { z-index: 5050 !important; } /* line 198, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .leaderboard-modal .modal-body { background: #a42626; } /* line 205, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal .modal-dialog { width: 100%; max-width: 100%; opacity: 1; position: absolute !important; height: calc(100vw * 0.135); top: unset; bottom: 13px; overflow: hidden; min-height: auto !important; left: 0; right: 0; margin: auto; } /* line 219, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal .modal-dialog h1, .NetworkOneScreen .modal.offer-modal .modal-dialog h2, .NetworkOneScreen .modal.offer-modal .modal-dialog h3, .NetworkOneScreen .modal.offer-modal .modal-dialog h4, .NetworkOneScreen .modal.offer-modal .modal-dialog h5, .NetworkOneScreen .modal.offer-modal .modal-dialog h6 { color: #ffffff; margin: 0 auto; padding: 1vw; text-align: center; } /* line 226, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal .modal-dialog .modal-body { height: 100%; width: 100%; } /* line 231, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal .modal-content { height: 100%; } /* line 235, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal .modal-content .offer-modal-buttons a { padding-bottom: 0.4vw; } /* line 240, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.webpage { bottom: calc((100vw * 0.182) - 4vw); } /* line 242, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.webpage .modal-dialog { height: 100%; bottom: unset; width: 75%; left: unset; } /* line 248, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.webpage .modal-dialog .modal-body .webpage-offer { height: 100%; overflow: hidden; } /* line 254, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.webpage iframe { width: 100%; height: 100%; } /* line 261, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.form form { height: 8.2vw; } /* line 263, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.form form label { font-size: 2vw; } /* line 266, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.form form input { font-size: 1.8vw; } /* line 270, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.form .offer-rules-container { -ms-flex-align: start; align-items: flex-start; -ms-flex: none; flex: none; } /* line 273, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.form .offer-rules-container .offer-modal-buttons { position: unset; } /* line 277, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.form button { margin: 0 1vw; } /* line 282, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.off-air { background: #fff; position: absolute !important; height: calc(100vw * 0.135); top: unset; bottom: 13px; overflow: hidden; min-height: auto !important; left: 0; right: 0; margin: auto; } /* line 294, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.off-air .modal-dialog, .NetworkOneScreen .modal.offer-modal.off-air .modal-content, .NetworkOneScreen .modal.offer-modal.off-air .modal-body { width: 100%; margin: 0; max-width: 100%; height: 100%; padding: 0; transition: none; } /* line 302, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.off-air .modal-dialog .billboard-offer, .NetworkOneScreen .modal.offer-modal.off-air .modal-content .billboard-offer, .NetworkOneScreen .modal.offer-modal.off-air .modal-body .billboard-offer { height: 100%; } /* line 305, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.off-air .modal-dialog .billboard-offer ng-include, .NetworkOneScreen .modal.offer-modal.off-air .modal-content .billboard-offer ng-include, .NetworkOneScreen .modal.offer-modal.off-air .modal-body .billboard-offer ng-include { width: 100%; height: 100%; } /* line 309, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.off-air .modal-dialog .billboard-offer ng-include a, .NetworkOneScreen .modal.offer-modal.off-air .modal-content .billboard-offer ng-include a, .NetworkOneScreen .modal.offer-modal.off-air .modal-body .billboard-offer ng-include a { width: 100%; height: 100%; } /* line 313, .tmp/app/themes/NetworkOneScreen/_modal.scss */ .NetworkOneScreen .modal.offer-modal.off-air .modal-dialog .billboard-offer ng-include a div, .NetworkOneScreen .modal.offer-modal.off-air .modal-content .billboard-offer ng-include a div, .NetworkOneScreen .modal.offer-modal.off-air .modal-body .billboard-offer ng-include a div { width: 100%; height: 100%; } /* line 30, .tmp/app/themes/NetworkOneScreen/_mixins.scss */ .NetworkOneScreen .app-container .progress { line-height: 15px; height: 15px; } /* line 34, .tmp/app/themes/NetworkOneScreen/_mixins.scss */ .NetworkOneScreen .app-container .progress-bar { height: 15px; line-height: 15px; top: 0px; } /* line 30, .tmp/app/themes/NetworkOneScreen/_survey-bars.scss */ .NetworkOneScreen .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border: none; border-radius: 0; } /* line 39, .tmp/app/themes/NetworkOneScreen/_survey-bars.scss */ .NetworkOneScreen .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background-color: #151b33; position: absolute; width: 0; } /* line 45, .tmp/app/themes/NetworkOneScreen/_survey-bars.scss */ .NetworkOneScreen .app-container .slider-track-fg, .NetworkOneScreen .app-container .trivia .correct .progress-bar, .NetworkOneScreen .app-container .survey .popular .progress-bar { background-color: #a42626; } /* line 50, .tmp/app/themes/NetworkOneScreen/_survey-bars.scss */ .NetworkOneScreen .app-container .trivia .correct .progress, .NetworkOneScreen .app-container .survey .popular .progress { border-color: #000000; } /* line 54, .tmp/app/themes/NetworkOneScreen/_survey-bars.scss */ .NetworkOneScreen .app-container .slider-track, .NetworkOneScreen .app-container .progress { background-color: #fff; } /* line 58, .tmp/app/themes/NetworkOneScreen/_survey-bars.scss */ .NetworkOneScreen .app-container .slider-track { border: 3px solid #fff; } /* line 4, .tmp/app/themes/NetworkOneScreen/_status-bars.scss */ .NetworkOneScreen .status-bar-container { background: #a42626; height: 2.8vw; width: 100%; transition: background 0.5s ease; overflow: hidden; position: absolute; top: -6.2vw; } /* line 15, .tmp/app/themes/NetworkOneScreen/_status-bars.scss */ .NetworkOneScreen .status-bar-container h2 { background: none; color: #fff; text-transform: uppercase; margin: 0; padding: 0.4vw; font-size: 2vw; height: auto; min-height: 0; text-align: center; } /* line 26, .tmp/app/themes/NetworkOneScreen/_status-bars.scss */ .NetworkOneScreen .status-bar-container .status-item { position: absolute; top: 0; left: 0; right: 0; margin: auto; } /* line 32, .tmp/app/themes/NetworkOneScreen/_status-bars.scss */ .NetworkOneScreen .status-bar-container .status-item.ng-leave { animation: fade-out-bottom-status 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* line 36, .tmp/app/themes/NetworkOneScreen/_status-bars.scss */ .NetworkOneScreen .status-bar-container .status-item.ng-enter { animation: fade-in-top-status 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } @keyframes fade-in-top-status { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-out-bottom-status { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } /* line 5, .tmp/app/themes/NetworkOneScreen/_share-your-vote.scss */ .NetworkOneScreen share-your-vote .share-vote { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; height: 3vw; } /* line 10, .tmp/app/themes/NetworkOneScreen/_share-your-vote.scss */ .NetworkOneScreen share-your-vote .share-vote .twitter-share { -ms-flex-pack: end; justify-content: flex-end; height: 2.2vw; font-size: 1.7vw; -ms-flex-align: center; align-items: center; background: #38a8e0; } /* line 17, .tmp/app/themes/NetworkOneScreen/_share-your-vote.scss */ .NetworkOneScreen share-your-vote .share-vote .facebook-share { -ms-flex-pack: start; justify-content: flex-start; height: 2.2vw; font-size: 1.7vw; -ms-flex-align: center; align-items: center; background: #3e528e; } /* line 25, .tmp/app/themes/NetworkOneScreen/_share-your-vote.scss */ .NetworkOneScreen share-your-vote a { color: white; border-radius: 0.2vw; max-width: 8vw; } /* line 29, .tmp/app/themes/NetworkOneScreen/_share-your-vote.scss */ .NetworkOneScreen share-your-vote a img { max-height: 1.8vw; max-width: 1.8vw; margin: 0 0.4vw; } /* line 4, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen.inactive .view-container .message-list, .NetworkOneScreen.connecting .view-container .message-list { min-height: 200px; } @media screen and (min-width: 1020px) { /* line 7, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen.inactive .view-container.tile-small, .NetworkOneScreen.inactive .view-container.tile-medium, .NetworkOneScreen.connecting .view-container.tile-small, .NetworkOneScreen.connecting .view-container.tile-medium { -ms-flex-direction: column; flex-direction: column; } } /* line 23, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.megachatter-top.tile-small .megachatter-container, .NetworkOneScreen .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0; } /* line 32, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.megachatter-bottom.ticker-small .megachatter-container, .NetworkOneScreen .view-container.megachatter-bottom.ticker-medium .megachatter-container, .NetworkOneScreen .view-container.megachatter-bottom.carousel-small .megachatter-container, .NetworkOneScreen .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 37, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.megachatter-bottom.tile-small .megachatter-container, .NetworkOneScreen .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 0; } /* line 43, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container megachatter-presentations { position: absolute; right: 0; bottom: 0; } /* line 48, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container megachatter-presentations .send-only-mode-input .message-input-container { position: relative; bottom: 30px; } /* line 51, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container megachatter-presentations .send-only-mode-input .message-input-container textarea { height: 100%; } /* line 59, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small, .NetworkOneScreen .view-container.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 64, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small .megachatter-container, .NetworkOneScreen .view-container.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 67, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small .megachatter-container message-list .message-list, .NetworkOneScreen .view-container.tile-medium .megachatter-container message-list .message-list { background: #fff; } /* line 68, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small .megachatter-container message-list .message-list.multiview-height, .NetworkOneScreen .view-container.tile-medium .megachatter-container message-list .message-list.multiview-height { min-height: calc(100vh - 110px) !important; height: calc(100vh - 110px) !important; } /* line 74, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .NetworkOneScreen .view-container.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 1020px) { /* line 59, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small, .NetworkOneScreen .view-container.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 86, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small .megachatter-container, .NetworkOneScreen .view-container.tile-medium .megachatter-container { padding-top: 0 !important; } /* line 90, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small .megachatter-container message-list .message-list.multiview-height, .NetworkOneScreen .view-container.tile-medium .megachatter-container message-list .message-list.multiview-height { min-height: calc(100vh - 110px) !important; height: calc(100vh - 110px) !important; } /* line 98, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small > div.animate-scene-in, .NetworkOneScreen .view-container.tile-medium > div.animate-scene-in { -ms-flex: 1 1 auto; flex: 1 1 auto; min-height: 0; min-width: 0; } /* line 103, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small > div.megachatter-container, .NetworkOneScreen .view-container.tile-medium > div.megachatter-container { width: 35%; max-width: 100%; min-width: 0; margin: 0 20px; } } /* line 111, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small .megachatter-container, .NetworkOneScreen .view-container.tile-medium .megachatter-container { margin: 0 auto; padding: 0 10px; } @media screen and (max-width: 666px) { /* line 116, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.tile-small .megachatter-container, .NetworkOneScreen .view-container.tile-medium .megachatter-container { padding: 10px; width: 100%; min-width: 320px; margin: auto; } } /* line 125, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small, .NetworkOneScreen .view-container.ticker-medium { overflow: hidden; } /* line 127, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small .megachatter-container, .NetworkOneScreen .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #fff; height: 100px; } /* line 131, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small .megachatter-container message-list, .NetworkOneScreen .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 146, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small .megachatter-container message-list .message-list, .NetworkOneScreen .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 151, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small .megachatter-container message-list .message-list message-item, .NetworkOneScreen .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 157, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .NetworkOneScreen .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 161, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .NetworkOneScreen .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 167, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .NetworkOneScreen .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 175, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.ticker-small .megachatter-container message-input, .NetworkOneScreen .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 183, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.carousel-small .megachatter-container, .NetworkOneScreen .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 186, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.carousel-small .megachatter-container message-list, .NetworkOneScreen .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 189, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.carousel-small .megachatter-container message-list .message-list, .NetworkOneScreen .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #fff; border-bottom: 1px solid #b7b7b7; position: relative; } /* line 195, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.carousel-small .megachatter-container message-list .message-list message-item, .NetworkOneScreen .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 208, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .NetworkOneScreen .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 215, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .NetworkOneScreen .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 220, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .NetworkOneScreen .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 228, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container.carousel-small .megachatter-container message-input, .NetworkOneScreen .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 235, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer { z-index: 5; } /* line 240, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 249, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 256, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 262, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer .drawer-container { position: relative; } /* line 265, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 269, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #fff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #a9a9a9; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 277, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #000000; } /* line 282, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } /* line 295, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container .megachatter-container { max-width: var(--megachatter-width); width: var(--megachatter-width); transition: width 300ms ease, max-width 300ms ease; } /* line 301, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-hidden .megachatter-container { max-width: 0; } /* line 307, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen .onescreen-container { width: calc(100vw - var(--megachatter-width)); } /* line 310, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen .question h2 { font-size: 2vw; } /* line 313, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen gdpr-banner { left: 0; right: calc(var(--megachatter-width) + 11.7vw); } /* line 317, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen facebook-login { right: var(--megachatter-width); } /* line 320, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen footer { right: var(--megachatter-width); } /* line 324, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen .user-label span:first-child { display: none; } /* line 331, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.HotOrNot .hot-or-not .answers .answer, .NetworkOneScreen .main-content-container.megachatter-onescreen [hot-or-not] .hot-or-not .answers .answer { width: calc(50% - 3.7vw); } /* line 340, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.FiveStars .five-star .five-star-container .five-star-answer, .NetworkOneScreen .main-content-container.megachatter-onescreen [five-stars] .five-star .five-star-container .five-star-answer { width: 40%; } /* line 343, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.FiveStars .five-star .five-star-container .five-star-average, .NetworkOneScreen .main-content-container.megachatter-onescreen [five-stars] .five-star .five-star-container .five-star-average { width: unset; } /* line 346, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.FiveStars .five-star .five-star-container .answers, .NetworkOneScreen .main-content-container.megachatter-onescreen [five-stars] .five-star .five-star-container .answers { padding-left: 0; } /* line 349, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.FiveStars .five-star .five-star-container .popular-label, .NetworkOneScreen .main-content-container.megachatter-onescreen [five-stars] .five-star .five-star-container .popular-label { width: 12vw; } /* line 358, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.GuessGauge .guess-gauge .gauge-container .guage-answer, .NetworkOneScreen .main-content-container.megachatter-onescreen [guess-gauge] .guess-gauge .gauge-container .guage-answer { margin: 0; } /* line 361, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.GuessGauge .guess-gauge .gauge-container .gauge-average, .NetworkOneScreen .main-content-container.megachatter-onescreen [guess-gauge] .guess-gauge .gauge-container .gauge-average { margin-right: 0; margin-left: 4vw; } /* line 371, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.MoodMeter .mood-meter .meter-container .meter-answer, .NetworkOneScreen .main-content-container.megachatter-onescreen [mood-meter] .mood-meter .meter-container .meter-answer { width: 40%; } /* line 374, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.MoodMeter .mood-meter .meter-container .answer-container, .NetworkOneScreen .main-content-container.megachatter-onescreen [mood-meter] .mood-meter .meter-container .answer-container { width: 40%; margin-right: 0; } /* line 377, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.MoodMeter .mood-meter .meter-container .answer-container .display-answer, .NetworkOneScreen .main-content-container.megachatter-onescreen [mood-meter] .mood-meter .meter-container .answer-container .display-answer { width: unset; } /* line 380, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.MoodMeter .mood-meter .meter-container .answer-container .meter-average, .NetworkOneScreen .main-content-container.megachatter-onescreen [mood-meter] .mood-meter .meter-container .answer-container .meter-average { width: unset; } @media only screen and (max-width: 870px) { /* line 387, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.MoodMeter .mood-meter .meter-container .answer-container, .NetworkOneScreen .main-content-container.megachatter-onescreen [mood-meter] .mood-meter .meter-container .answer-container { width: 10%; } /* line 389, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.MoodMeter .mood-meter .meter-container .answer-container .meter-average, .NetworkOneScreen .main-content-container.megachatter-onescreen [mood-meter] .mood-meter .meter-container .answer-container .meter-average { display: none; } /* line 393, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.MoodMeter .mood-meter .meter-container .meter-answer, .NetworkOneScreen .main-content-container.megachatter-onescreen [mood-meter] .mood-meter .meter-container .meter-answer { width: 50%; } } /* line 404, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.LiveReactions .live-reactions .answers .answer .answer-text, .NetworkOneScreen .main-content-container.megachatter-onescreen [live-reactions] .live-reactions .answers .answer .answer-text { padding: 0; } /* line 412, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.megachatter-hidden gdpr-banner { left: 20vw; right: 20vw; } /* line 416, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.megachatter-hidden facebook-login { right: 0; } /* line 419, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.megachatter-hidden footer { right: 1vw; } /* line 422, .tmp/app/themes/NetworkOneScreen/_megachatter-presentations.scss */ .NetworkOneScreen .main-content-container.megachatter-onescreen.megachatter-hidden .onescreen-container { min-width: 100vw; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 1, .tmp/app/themes/NetworkOneScreen/gdpr-banner.scss */ .NetworkOneScreen gdpr-banner { position: absolute; left: 20vw; right: 20vw; bottom: 14.2vw; z-index: 99; transition: left 300ms ease, right 300ms ease; } /* line 8, .tmp/app/themes/NetworkOneScreen/gdpr-banner.scss */ .NetworkOneScreen gdpr-banner .banner-container { background: #313131; padding: 0.5vw; } /* line 11, .tmp/app/themes/NetworkOneScreen/gdpr-banner.scss */ .NetworkOneScreen gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 1vw; text-align: center; } /* line 17, .tmp/app/themes/NetworkOneScreen/gdpr-banner.scss */ .NetworkOneScreen gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 22, .tmp/app/themes/NetworkOneScreen/gdpr-banner.scss */ .NetworkOneScreen gdpr-banner .banner-container img { width: 2vw; height: 2vw; margin: 0 0 0 2vw; cursor: pointer; } /* line 30, .tmp/app/themes/NetworkOneScreen/gdpr-banner.scss */ .NetworkOneScreen gdpr-banner .ng-enter, .NetworkOneScreen gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 33, .tmp/app/themes/NetworkOneScreen/gdpr-banner.scss */ .NetworkOneScreen gdpr-banner .ng-enter, .NetworkOneScreen gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 38, .tmp/app/themes/NetworkOneScreen/gdpr-banner.scss */ .NetworkOneScreen gdpr-banner .ng-leave, .NetworkOneScreen gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen points-countdown { display: none; } /* line 8, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen points-countdown .confetti { width: 0.3vw !important; height: 0.3vw !important; transform: translateX(-1vw) !important; } /* line 16, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen .trivia points-countdown { display: block; } /* line 19, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen .trivia .points-and-countdown-container { margin: 0; } /* line 23, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen .trivia .status-bar-container { position: relative; z-index: 1; } /* line 29, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen .current-question-status-container { position: relative; display: block; width: 100%; } /* line 35, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen .points-and-countdown-container { position: absolute; width: 100%; z-index: 2; top: -6.2vw; right: 0; pointer-events: none; } /* line 43, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen .points-and-countdown-container .points, .NetworkOneScreen .points-and-countdown-container .countdown { color: #fff; text-align: center; top: 0; position: absolute; z-index: 3; height: 2.7vw; font-size: 2vw; right: 0; left: 0; width: 9vw; } /* line 56, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen .points-and-countdown-container .points { left: 6vw; width: 7vw; } /* line 61, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen .points-and-countdown-container .countdown { font-size: 2.8vw; width: 5vw; } /* line 67, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points { background-color: #a42626; position: absolute; color: #fff; padding: 0; width: 7vw; height: 7vw; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-size: 2.4vw; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 91, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 96, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutOnescreen 0.5s ease-out 1.5s both; } /* line 101, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePointsOnescreen 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 108, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 116, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points .x-container .top-left-to-bottom-right, .NetworkOneScreen #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 129, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 134, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 140, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 145, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 149, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 152, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 157, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 164, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 171, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #total-points { width: 100%; padding: 0; background-color: #a42626; color: #fff; height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; top: -3.4vw; font-size: 1.8vw; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPointsStreaming 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 190, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #total-points:not(.no-points).total-value-is-animating { font-size: 2.8vw; } /* line 194, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen #total-points:not(.no-points).total-value-is-displayed { font-size: 2.2vw; } /* line 202, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen.hide-points-during-scene .points { display: none; } /* line 205, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen.hide-points-during-scene .confetti { display: none; } /* line 208, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen.hide-points-during-scene #round-points { display: none; } /* line 211, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen.hide-points-during-scene #total-points { display: none; } /* line 217, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen.hide-countdown-during-scene .countdown { display: none; } /* line 220, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen.hide-countdown-during-scene .points { left: 1vw; } /* line 226, .tmp/app/themes/NetworkOneScreen/_points-and-countdown.scss */ .NetworkOneScreen.hide-countdown-scene-results.round_end .countdown { display: none; } @keyframes animateTotalPointsStreaming { from { height: 0; opacity: 0; transform: translate3d(0, -100%, 0); } to { height: 3.4vw; opacity: 1; transform: translate3d(0, 0, 0); } } @keyframes fadePointsOutOnescreen { 0% { opacity: 1; } 80% { opacity: 1; } 100% { top: 0; } } @keyframes removePointsOnescreen { 0% { transform: scale(1); opacity: 1; top: 0; } 100% { transform: scale(0); opacity: 1; top: 0; } } /* line 5, .tmp/app/themes/NetworkOneScreen/_score_summary.scss */ .NetworkOneScreen score-summary p { font-size: 16px; color: #141414; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: 700; } /* line 14, .tmp/app/themes/NetworkOneScreen/_score_summary.scss */ .NetworkOneScreen score-summary p span.locInserted { font-weight: 700; } /* line 17, .tmp/app/themes/NetworkOneScreen/_score_summary.scss */ .NetworkOneScreen score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/NetworkOneScreen/_score_summary.scss */ .NetworkOneScreen .score-summary-container { background-repeat: no-repeat; background-position: center; overflow: auto; } /* line 5, .tmp/app/themes/NetworkOneScreen/AppInstall/styles.scss */ .NetworkOneScreen.AppInstall header, .NetworkOneScreen [app-install] header { display: none; } /* line 8, .tmp/app/themes/NetworkOneScreen/AppInstall/styles.scss */ .NetworkOneScreen.AppInstall .app-install, .NetworkOneScreen [app-install] .app-install { width: 100%; top: 4vw; height: 12vw; position: relative; text-align: center; vertical-align: middle; } /* line 13, .tmp/app/themes/NetworkOneScreen/AppInstall/styles.scss */ .NetworkOneScreen.AppInstall .app-install .app-install-button, .NetworkOneScreen [app-install] .app-install .app-install-button { max-width: 9.523vw; margin: 0 1vw; } /* line 17, .tmp/app/themes/NetworkOneScreen/AppInstall/styles.scss */ .NetworkOneScreen.AppInstall .app-install a, .NetworkOneScreen [app-install] .app-install a { text-decoration: underline; color: #000000; cursor: pointer; } /* line 22, .tmp/app/themes/NetworkOneScreen/AppInstall/styles.scss */ .NetworkOneScreen.AppInstall .app-install h1, .NetworkOneScreen [app-install] .app-install h1 { margin: 0 auto; padding: 0; font-size: 50px; font-size: 3vw; color: #151b33; position: unset; } /* line 32, .tmp/app/themes/NetworkOneScreen/AppInstall/styles.scss */ .NetworkOneScreen.AppInstall .app-install dynamic-image, .NetworkOneScreen [app-install] .app-install dynamic-image { display: none; margin: 0 auto; width: 8.273vw; visibility: hidden; } /* line 5, .tmp/app/themes/NetworkOneScreen/Banner/styles.scss */ .NetworkOneScreen.Banner .banner { text-align: center; vertical-align: middle; margin: auto; margin-top: 4.5vw; height: 11.5vw; } /* line 6, .tmp/app/themes/NetworkOneScreen/Banner/styles.scss */ .NetworkOneScreen.Banner .banner a { text-decoration: underline; color: #151b33; cursor: pointer; display: -ms-grid; display: grid; -ms-grid-columns: auto; grid-template-columns: auto; } /* line 13, .tmp/app/themes/NetworkOneScreen/Banner/styles.scss */ .NetworkOneScreen.Banner .banner h1 { padding: 4.5vw; position: unset; font-size: 2.6vw; line-height: 1; } /* line 24, .tmp/app/themes/NetworkOneScreen/Banner/styles.scss */ .NetworkOneScreen.Banner .banner dynamic-image { display: block; } /* line 27, .tmp/app/themes/NetworkOneScreen/Banner/styles.scss */ .NetworkOneScreen.Banner .banner .smallBannerImage { height: 11.3vw; -ms-flex-order: -1; order: -1; background-position: left; position: absolute; } /* line 33, .tmp/app/themes/NetworkOneScreen/Banner/styles.scss */ .NetworkOneScreen.Banner .banner .mediumBannerImage { height: 11.3vw; -ms-flex-order: -1; order: -1; background-position: left; position: absolute; } /* line 4, .tmp/app/themes/NetworkOneScreen/Blank/styles.scss */ .NetworkOneScreen.Blank .onescreen-container { opacity: 0; } /* line 9, .tmp/app/themes/NetworkOneScreen/Blank/styles.scss */ .NetworkOneScreen.Blank .main-content-container.megachatter-onescreen gdpr-banner { width: calc(92vw - var(--megachatter-width)); min-width: calc(92vw - var(--megachatter-width)); } /* line 13, .tmp/app/themes/NetworkOneScreen/Blank/styles.scss */ .NetworkOneScreen.Blank .main-content-container.megachatter-onescreen .winner-feedback-button { width: calc(53vw - var(--megachatter-width)); min-width: 17vw; left: 21vw; } /* line 19, .tmp/app/themes/NetworkOneScreen/Blank/styles.scss */ .NetworkOneScreen.Blank .main-content-container gdpr-banner { width: 85vw; min-width: 85vw; right: unset; left: 4vw; bottom: 8vw; } /* line 25, .tmp/app/themes/NetworkOneScreen/Blank/styles.scss */ .NetworkOneScreen.Blank .main-content-container gdpr-banner .banner-container { border-radius: 5px; } /* line 29, .tmp/app/themes/NetworkOneScreen/Blank/styles.scss */ .NetworkOneScreen.Blank .main-content-container .winner-feedback-button { right: unset; left: 38vw; bottom: 1vw; } /* line 2, .tmp/app/themes/NetworkOneScreen/Bulletin/styles.scss */ .NetworkOneScreen.Bulletin .bulletin-wrapper, .NetworkOneScreen [bulletin] .bulletin-wrapper { height: 12vw; position: relative; top: 3.8vw; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } /* line 9, .tmp/app/themes/NetworkOneScreen/Bulletin/styles.scss */ .NetworkOneScreen.Bulletin .bulletin-wrapper h1, .NetworkOneScreen [bulletin] .bulletin-wrapper h1 { font-size: 4.5vw; color: #151b33; margin: 0 auto; padding: 0; width: 100%; position: unset; } /* line 6, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now { display: block; } /* line 8, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 666px) { /* line 6, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now { margin: 0; } /* line 29, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now img { max-width: 306px; } /* line 32, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now a { display: block; } /* line 34, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #a7bbfd; } } @media screen and (min-width: 666px) { /* line 42, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 46, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .wrapper img { max-width: 203px; } /* line 50, .tmp/app/themes/NetworkOneScreen/BuyNow/styles.scss */ .NetworkOneScreen.BuyNow .buy-now .wrapper a button { display: block; background-color: #a7bbfd; } } /* line 7, .tmp/app/themes/NetworkOneScreen/DidYouKnow/styles.scss */ .NetworkOneScreen.DidYouKnow .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/NetworkOneScreen/DidYouKnow/styles.scss */ .NetworkOneScreen.DidYouKnow .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/NetworkOneScreen/DidYouKnow/styles.scss */ .NetworkOneScreen.DidYouKnow h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } @media screen and (min-width: 666px) { /* line 25, .tmp/app/themes/NetworkOneScreen/DidYouKnow/styles.scss */ .NetworkOneScreen.DidYouKnow .dyk-image-cont { width: 640px; } /* line 28, .tmp/app/themes/NetworkOneScreen/DidYouKnow/styles.scss */ .NetworkOneScreen.DidYouKnow h1 { width: 640px; } } /* line 6, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate { /* Portrait tablets and up */ /* Less than portrait tablets*/ } /* line 9, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate form .paypal-btn { background-image: url("../themes/NetworkOneScreen/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate button.streamtip-btn { background-image: url("../themes/NetworkOneScreen/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate button.patreon-btn { background-image: url("../themes/NetworkOneScreen/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate button.subscribe-btn { background-image: url("../themes/NetworkOneScreen/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } @media screen and (min-width: 666px) { /* line 54, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } } @media screen and (max-width: 666px) { /* line 64, .tmp/app/themes/NetworkOneScreen/Donate/styles.scss */ .NetworkOneScreen.Donate .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } } /* line 6, .tmp/app/themes/NetworkOneScreen/EmbeddedWebpage/styles.scss */ .NetworkOneScreen.EmbeddedWebpage header { display: none; } /* line 10, .tmp/app/themes/NetworkOneScreen/EmbeddedWebpage/styles.scss */ .NetworkOneScreen.EmbeddedWebpage footer { display: none; } /* line 14, .tmp/app/themes/NetworkOneScreen/EmbeddedWebpage/styles.scss */ .NetworkOneScreen.EmbeddedWebpage .app-container, .NetworkOneScreen.EmbeddedWebpage .app-height-element, .NetworkOneScreen.EmbeddedWebpage .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/NetworkOneScreen/EmbeddedWebpage/styles.scss */ .NetworkOneScreen.EmbeddedWebpage .view-container div[embedded-webpage] { height: 100%; max-height: 100%; max-width: 100%; width: 100%; -webkit-overflow-scrolling: touch; overflow: scroll; } /* line 32, .tmp/app/themes/NetworkOneScreen/EmbeddedWebpage/styles.scss */ .NetworkOneScreen.EmbeddedWebpage iframe { background-color: transparent; border: none; max-height: 100%; height: 100%; max-width: 100%; width: 100%; } /* line 5, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen.Bulletin facebook-login, .NetworkOneScreen.Banner facebook-login, .NetworkOneScreen.AppInstall facebook-login, .NetworkOneScreen.Blank facebook-login, .NetworkOneScreen.game_over facebook-login, .NetworkOneScreen.modal-open facebook-login, .NetworkOneScreen.TweetToTV facebook-login, .NetworkOneScreen.FacebookToTV facebook-login, .NetworkOneScreen.InstagramToTV facebook-login, .NetworkOneScreen.modal-open facebook-login, .NetworkOneScreen.final-result facebook-login, .NetworkOneScreen.final_result facebook-login, .NetworkOneScreen.post_game facebook-login { display: none; } /* line 10, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login { display: block; width: 6vw; position: absolute; right: 0; bottom: calc((100vw * 0.18) - 5.8vw); z-index: 99; transition: right 300ms ease; } /* line 18, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner { margin: 0 auto; padding: 0.1vw 1vw; } @media screen and (max-width: 666px) { /* line 18, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner { max-width: 8vw; min-width: 6vw; } } @media screen and (min-width: 666px) { /* line 18, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner { max-width: 8vw; min-width: 6vw; } } /* line 31, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .columns .column:first-child { display: none; } /* line 35, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .column { vertical-align: middle; } /* line 39, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 43, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner string-rotator { display: none; } /* line 47, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner span { color: #fff; font-weight: 700; font-size: .8vw; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.4; margin: 0; padding: 0; } /* line 57, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .fb_iframe_widget { -ms-flex-order: -1; order: -1; width: 6vw !important; height: 1vw !important; display: -ms-flexbox !important; display: flex !important; transform: scale(0.9); } @media screen and (max-width: 420px) { /* line 57, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .fb_iframe_widget { transform: scale(0.4); right: 6vw; } } @media screen and (min-width: 421px) and (max-width: 560px) { /* line 57, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .fb_iframe_widget { transform: scale(0.5); right: 6vw; } } @media screen and (min-width: 561px) and (max-width: 774px) { /* line 57, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .fb_iframe_widget { transform: scale(0.7); right: 5vw; } } @media screen and (min-width: 775px) and (max-width: 1089px) { /* line 57, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .fb_iframe_widget { transform: scale(0.8); right: 4vw; } } @media screen and (min-width: 1090px) and (max-width: 1332px) { /* line 57, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .fb_iframe_widget { transform: scale(1); right: 3vw; } } @media screen and (min-width: 1333px) and (max-width: 2427px) { /* line 57, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .fb_iframe_widget { transform: scale(1.2); right: 2vw; } } @media screen and (min-width: 2428px) { /* line 57, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .fb_iframe_widget { transform: scale(1.6); right: 0vw; } } /* line 93, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b68b9', endColorstr='#3b55a0',GradientType=0 ); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: .8vw; line-height: 0; font-weight: 700; border: 0 solid transparent; border-radius: 2px; text-transform: none; height: 0.8vw !important; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 115, .tmp/app/themes/NetworkOneScreen/FacebookLogin/styles.scss */ .NetworkOneScreen facebook-login .facebook-inner .facebook-button .facebook-button-text { padding: 0 6px; } /* line 5, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .user-label, .NetworkOneScreen [facebook-to-tv] .user-label { display: none; } /* line 8, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv { top: -2vw; position: relative; } /* line 11, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-name, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-name { margin-top: 5.8vw; } /* line 13, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-name .logo, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-name .logo { width: 2vw; height: 2vw; margin: 0.5vw 0vw 0.5vw 0.5vw; } /* line 18, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-name .name, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-name .name { color: #fff; text-align: left; padding: 0 0 0 1vw; font-size: 2.3vw; } /* line 24, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-name .screen-name, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-name .screen-name { color: #fff; text-align: right; font-size: 2vw; } /* line 28, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-name .screen-name a, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-name .screen-name a { color: #fff; } /* line 32, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-name .name, .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-name .screen-name, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-name .name, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-name .screen-name { padding-top: 0.4vw; margin: 0; line-height: 0.9; } /* line 38, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .image-container, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .image-container { width: 6.3vw; margin: 1.1vw 0 1.1vw 0.5vw; } /* line 41, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .image-container dynamic-image, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .image-container dynamic-image { background-position: center; } /* line 44, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .image-container .avatar, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .image-container .avatar { display: block; } /* line 48, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-content, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-content { height: 8.8vw; width: 100%; } /* line 51, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-content .message, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-content .message { color: #151b33; font-size: 1.9vw; margin: 0; padding: 0 1vw; height: 8.8vw; line-height: 1.2; } /* line 58, .tmp/app/themes/NetworkOneScreen/FacebookToTV/styles.scss */ .NetworkOneScreen.FacebookToTV .facebook-to-tv .facebook-content .message a, .NetworkOneScreen [facebook-to-tv] .facebook-to-tv .facebook-content .message a { color: #151b33; } /* line 8, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .active-content, .NetworkOneScreen.FaceOff .face-off .answers .answer .answer-container, .NetworkOneScreen [face-off] .face-off .answers .answer .active-content, .NetworkOneScreen [face-off] .face-off .answers .answer .answer-container { width: 100%; } /* line 12, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer:first-child .progress, .NetworkOneScreen [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 21, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer:first-child .percent-container .progress-container, .NetworkOneScreen [face-off] .face-off .answers .answer:first-child .percent-container .progress-container { padding-right: 0; } /* line 28, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer:last-child .percent-container .progress-container, .NetworkOneScreen [face-off] .face-off .answers .answer:last-child .percent-container .progress-container { padding-left: 0; } /* line 36, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers, .NetworkOneScreen [face-off] .face-off .answers { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 39, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer, .NetworkOneScreen [face-off] .face-off .answers .answer { width: calc(50% - 0.9vw); margin-right: 0.78125vw; } /* line 42, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .answer-container, .NetworkOneScreen [face-off] .face-off .answers .answer .answer-container { min-height: 7vw; } /* line 45, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .answer-align, .NetworkOneScreen [face-off] .face-off .answers .answer .answer-align { width: 100%; } /* line 49, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer:nth-child(2) .image-container, .NetworkOneScreen [face-off] .face-off .answers .answer:nth-child(2) .image-container { -ms-flex-order: 1; order: 1; } /* line 53, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer:nth-child(2) .percent-container .percent-text, .NetworkOneScreen [face-off] .face-off .answers .answer:nth-child(2) .percent-container .percent-text { -ms-flex-order: 1; order: 1; } /* line 58, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .active-content, .NetworkOneScreen.FaceOff .face-off .answers .answer .answer-container, .NetworkOneScreen [face-off] .face-off .answers .answer .active-content, .NetworkOneScreen [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 62, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer:first-child, .NetworkOneScreen.FaceOff .face-off .answers .answer:nth-child(4), .NetworkOneScreen.FaceOff .face-off .answers .answer:nth-child(3n+4), .NetworkOneScreen [face-off] .face-off .answers .answer:first-child, .NetworkOneScreen [face-off] .face-off .answers .answer:nth-child(4), .NetworkOneScreen [face-off] .face-off .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 65, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .image-container, .NetworkOneScreen [face-off] .face-off .answers .answer .image-container { width: 5vw; height: 5.5vw; margin-top: 0.2vw; } /* line 70, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .percent-container, .NetworkOneScreen [face-off] .face-off .answers .answer .percent-container { margin: 0 auto; width: 100%; } /* line 73, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .percent-container .progress, .NetworkOneScreen.FaceOff .face-off .answers .answer .percent-container .progress-bar, .NetworkOneScreen.FaceOff .face-off .answers .answer .percent-container .percent-text, .NetworkOneScreen [face-off] .face-off .answers .answer .percent-container .progress, .NetworkOneScreen [face-off] .face-off .answers .answer .percent-container .progress-bar, .NetworkOneScreen [face-off] .face-off .answers .answer .percent-container .percent-text { height: 40px; height: 1vw; } /* line 77, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .percent-container .percent-text, .NetworkOneScreen [face-off] .face-off .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 87, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .percent-container .progress-container, .NetworkOneScreen [face-off] .face-off .answers .answer .percent-container .progress-container { padding: 0; } /* line 91, .tmp/app/themes/NetworkOneScreen/FaceOff/styles.scss */ .NetworkOneScreen.FaceOff .face-off .answers .answer .answer-text, .NetworkOneScreen [face-off] .face-off .answers .answer .answer-text { width: 100%; height: 6vw; margin: 0; } /* line 4, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback { color: #fff; text-transform: none; background: linear-gradient(to bottom, #ffffff 0%, #d6d7da 100%); background-size: 100% 100%; border-radius: 0; height: 100%; bottom: 0; } /* line 13, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback.form-offer form { width: 100%; height: 6.5vw; -ms-flex-align: unset; align-items: unset; top: 4vw; } /* line 20, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback form { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: 2fr 1fr; grid-template-columns: 2fr 1fr; height: 100%; width: 100%; position: absolute; top: 2vw; } /* line 30, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback .view-container { padding: 0; } /* line 32, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback .view-container .form-wrapper, .NetworkOneScreen .feedback .view-container .submitted-wrapper { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; background: #151b33; -ms-flex-align: center; align-items: center; height: 3.5vw; } /* line 40, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback .required { color: #151b33; font-size: 1vw; } /* line 44, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback h1 { font-size: 30px; font-size: 2.5vw; } /* line 48, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback h2 { font-size: 30px; font-size: 1.3vw; } /* line 52, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback h3 { font-size: 24px; font-size: 1.8vw; } /* line 56, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback h1, .NetworkOneScreen .feedback h3, .NetworkOneScreen .feedback h2 { margin: 0; padding: 0 0.5vw; background: #151b33; position: unset; color: #fff; } /* line 65, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback ul { font-size: 0; padding: 0; margin: 0; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; height: 5vw; } /* line 72, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback ul li { box-sizing: border-box; font-size: 0.8vw; list-style: none; margin: 0; padding: 0 0.5vw; vertical-align: top; display: inline-block; width: 20vw; } /* line 81, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback ul li.hidden-item { width: 0; padding: 0; } /* line 85, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback ul li label { display: block; margin-bottom: 0; font-size: 1.4vw; color: #151b33; } /* line 91, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback ul li input, .NetworkOneScreen .feedback ul li textarea { height: 2.6vw; font-size: 1.4vw; padding: 0.2vw; width: 100%; } /* line 101, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback .more-feedback { margin: 0 auto; position: absolute; top: 5.5vw; } /* line 106, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback .close-button-submitted { position: absolute; margin: 0 auto; top: 8.5vw; } /* line 112, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback .feedback-submit { margin: 0; padding: 0; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: start; justify-content: flex-start; padding-top: 1.5vw; } /* line 118, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback .feedback-submit .feedback-submit-text { display: none; } /* line 121, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback .feedback-submit button { display: block; padding: 0.4vw 1.2vw; margin: 0 0.5vw; } /* line 128, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback.has-rankings form { width: 70%; -ms-grid-columns: 57vw 1fr; grid-template-columns: 57vw 1fr; display: -ms-grid; display: grid; top: 4vw; right: 1vw; height: 8.8vw; } /* line 135, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen .feedback.has-rankings form ul { padding-left: 0.5vw; } /* line 150, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) .feedback ul li.item-checkbox label { background-position: left 1.4vw; background-repeat: no-repeat; background-size: 1vw; background-image: url("../themes/NetworkOneScreen/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 1vw; padding-left: 1.3vw; font-size: 1.1vw; padding-top: 1vw; } /* line 161, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) .feedback ul li.item-checkbox input { opacity: 0; height: 0; width: 0; margin: 0; } /* line 167, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/NetworkOneScreen/images/feedback/checkboxBG-focus.png"); } /* line 171, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/NetworkOneScreen/images/feedback/checkboxBG-selected-focus.png"); } /* line 174, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/NetworkOneScreen/images/feedback/checkboxBG-selected.png"); } /* line 177, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/NetworkOneScreen/images/feedback/checkboxBG-required.png"); } /* line 183, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/NetworkOneScreen/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 193, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) input[type='checkbox'] { opacity: 0; } /* line 196, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/NetworkOneScreen/feedback/checkboxBG-focus.png"); } /* line 200, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/NetworkOneScreen/feedback/checkboxBG-selected-focus.png"); } /* line 203, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/NetworkOneScreen/feedback/checkboxBG-selected.png"); } /* line 206, .tmp/app/themes/NetworkOneScreen/Feedback/styles.scss */ .NetworkOneScreen:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/NetworkOneScreen/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container, .NetworkOneScreen [five-stars] .five-star .five-star-container { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 1vw; } /* line 10, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .popular, .NetworkOneScreen.FiveStars .five-star .five-star-container .popular-label, .NetworkOneScreen [five-stars] .five-star .five-star-container .popular, .NetworkOneScreen [five-stars] .five-star .five-star-container .popular-label { color: #000000; } /* line 13, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .popular-label, .NetworkOneScreen [five-stars] .five-star .five-star-container .popular-label { font-size: 35px; font-size: 2.2vw; margin-right: 1vw; text-transform: uppercase; } /* line 19, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .popular, .NetworkOneScreen [five-stars] .five-star .five-star-container .popular { font-size: 86px; font-size: 4vw; line-height: 1; font-family: "Open Sans", sans-serif; } /* line 25, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .image-container, .NetworkOneScreen [five-stars] .five-star .five-star-container .image-container { width: 5.5vw; height: 5.5vw; margin-top: 0.2vw; } /* line 29, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .image-container dynamic-image, .NetworkOneScreen [five-stars] .five-star .five-star-container .image-container dynamic-image { display: block; } /* line 33, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .five-star-average, .NetworkOneScreen.FiveStars .five-star .five-star-container .five-star-answer, .NetworkOneScreen [five-stars] .five-star .five-star-container .five-star-average, .NetworkOneScreen [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 37, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .five-star-average, .NetworkOneScreen [five-stars] .five-star .five-star-container .five-star-average { width: 8vw; height: 6vw; margin-top: 0; } /* line 41, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .five-star-average .popular, .NetworkOneScreen [five-stars] .five-star .five-star-container .five-star-average .popular { margin-left: 1vw; } /* line 45, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .five-star-answer, .NetworkOneScreen [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; width: 36.916vw; height: 6vw; } /* line 50, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .title, .NetworkOneScreen [five-stars] .five-star .five-star-container .title { color: #fff; text-align: center; padding: 0; margin-left: 14vw; text-transform: uppercase; } /* line 56, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .title .column, .NetworkOneScreen [five-stars] .five-star .five-star-container .title .column { font-size: 20px; font-size: 1.6vw; } /* line 59, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .title .column.your-vote, .NetworkOneScreen [five-stars] .five-star .five-star-container .title .column.your-vote { font-size: 2.4vw; line-height: 1.2; padding-left: 3%; } /* line 66, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .five-star-answer-track, .NetworkOneScreen.FiveStars .five-star .five-star-container .answers, .NetworkOneScreen [five-stars] .five-star .five-star-container .five-star-answer-track, .NetworkOneScreen [five-stars] .five-star .five-star-container .answers { height: 100%; } /* line 69, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .answers, .NetworkOneScreen [five-stars] .five-star .five-star-container .answers { margin: 0; transition: all 1s; height: 6vw; padding-left: 6vw; } /* line 74, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .answers .answer, .NetworkOneScreen [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/NetworkOneScreen/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; background-size: 84.287% auto; background-size: 5vw auto; cursor: pointer; width: 20%; list-style-type: none; } /* line 83, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star .five-star-container .answers .answer.active, .NetworkOneScreen [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/NetworkOneScreen/images/fivestar/star-active.png"); } /* line 90, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star.answered .five-star-answer, .NetworkOneScreen [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 93, .tmp/app/themes/NetworkOneScreen/FiveStars/styles.scss */ .NetworkOneScreen.FiveStars .five-star.answered .five-star-average, .NetworkOneScreen [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.02, 1.02, 1); opacity: 1; z-index: 2; } /* line 5, .tmp/app/themes/NetworkOneScreen/Footer/styles.scss */ .NetworkOneScreen.Blank footer { display: none; } /* line 10, .tmp/app/themes/NetworkOneScreen/Footer/styles.scss */ .NetworkOneScreen footer { position: absolute; right: 1vw; bottom: 14.2vw; display: inline-block; z-index: 99; width: 11.7vw; transition: right 300ms ease; } /* line 18, .tmp/app/themes/NetworkOneScreen/Footer/styles.scss */ .NetworkOneScreen footer .footer-images { background-size: contain; background-position: center; background-repeat: no-repeat; height: 3.8vw; } /* line 6, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-container, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-container { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 1vw; } /* line 10, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-container .title, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 13, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-container .image-container, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-container .image-container { width: 5.5vw; height: 5.5vw; margin-right: 0.78125vw; margin-top: 0.2vw; } /* line 18, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-container .image-container dynamic-image, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-container .image-container dynamic-image { display: block; } /* line 23, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-inner, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-inner { padding: 0 8.781vw; } /* line 27, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-average, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-average { height: 6vw; margin-right: 4vw; width: 30%; } /* line 31, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-average .popular, .NetworkOneScreen.GuessGauge .guess-gauge .gauge-average .popular-label, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-average .popular, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-average .popular-label { color: #151b33; } /* line 34, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-average .popular-label, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-average .popular-label { font-size: 35px; font-size: 1.6vw; text-align: center; text-transform: uppercase; } /* line 40, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-average .popular, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-average .popular { font-size: 48px; font-size: 2.2vw; font-family: "Open Sans", sans-serif; height: auto; line-height: 1; } /* line 48, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-answer, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; width: 40%; height: 6vw; margin: 0 0.312vw 0 2vw; } /* line 54, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-average, .NetworkOneScreen.GuessGauge .guess-gauge .gauge-answer, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-average, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 58, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .gauge-answer-track, .NetworkOneScreen [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 61, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .display-answer, .NetworkOneScreen [guess-gauge] .guess-gauge .display-answer { height: 2.7vw; max-width: 19.479vw; min-width: 16.285vw; z-index: 102; margin-top: -3.4vw; position: absolute; color: #fff; font-size: 2.2vw; line-height: 1; font-family: "Open Sans", sans-serif; background-color: #a42626; border-radius: 0.2vw; margin-bottom: 0; pointer-events: none; } /* line 79, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .slider .slider-track, .NetworkOneScreen [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 81, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .NetworkOneScreen [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { height: 3.3vw; width: 3.514vw; top: -1vw; cursor: pointer; position: absolute; z-index: 100; background: url(../themes/NetworkOneScreen/images/guessgauge/knob.png); background-repeat: no-repeat; background-position: center; background-size: 2.5vw auto; } /* line 93, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .slider .slider-track .slider-knob:after, .NetworkOneScreen [guess-gauge] .guess-gauge .slider .slider-track .slider-knob:after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; border: 0.9vw solid transparent; border-top-color: #a42626; border-bottom: 0; margin-left: -0.9vw; margin-bottom: -0.9vw; top: 0.3vw; pointer-events: none; } /* line 108, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .slider .slider-track .slider-track-fg, .NetworkOneScreen [guess-gauge] .guess-gauge .slider .slider-track .slider-track-fg { background-color: #151b33; } /* line 111, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .slider .slider-track.popular, .NetworkOneScreen [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 115, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .slider .slider-track, .NetworkOneScreen [guess-gauge] .guess-gauge .slider .slider-track { height: 40px; height: 1.3vw; border: none; } /* line 120, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .slider .slider-track-fg, .NetworkOneScreen [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 40px; height: 1.3vw; } /* line 124, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .slider .slider-main, .NetworkOneScreen [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; padding: 0 2vw; margin-top: 3.8vw; } /* line 131, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .popular, .NetworkOneScreen [guess-gauge] .guess-gauge .popular { color: #000000; } /* line 135, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .labels, .NetworkOneScreen [guess-gauge] .guess-gauge .labels { width: 100%; -ms-flex-align: end; align-items: flex-end; } /* line 138, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .labels .label-min, .NetworkOneScreen.GuessGauge .guess-gauge .labels .label-max, .NetworkOneScreen [guess-gauge] .guess-gauge .labels .label-min, .NetworkOneScreen [guess-gauge] .guess-gauge .labels .label-max { font-size: 35px; font-size: 2.2vw; color: #151b33; text-align: center; line-height: 1; position: relative; min-height: 2vw; top: -1.9vw; } /* line 148, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .labels .label-min, .NetworkOneScreen [guess-gauge] .guess-gauge .labels .label-min { padding-right: 30%; } /* line 151, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge .labels .label-max, .NetworkOneScreen [guess-gauge] .guess-gauge .labels .label-max { padding-left: 30%; } /* line 156, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge.answered .gauge-answer, .NetworkOneScreen [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 159, .tmp/app/themes/NetworkOneScreen/GuessGauge/styles.scss */ .NetworkOneScreen.GuessGauge .guess-gauge.answered .gauge-average, .NetworkOneScreen [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.02, 1.02, 1); opacity: 1; z-index: 2; } /* line 4, .tmp/app/themes/NetworkOneScreen/Header/styles.scss */ .NetworkOneScreen header { position: absolute; right: 0; top: 0; width: 17.1875vw; height: 27.62vw; } /* line 10, .tmp/app/themes/NetworkOneScreen/Header/styles.scss */ .NetworkOneScreen header p { color: #000000; font-size: 20px; margin-top: 65px; } /* line 5, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not, .NetworkOneScreen [hot-or-not] .hot-or-not { /* Portrait tablets and up */ /* Less than portrait tablets*/ } /* line 8, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .active-content, .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .answer-container, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .active-content, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; } /* line 11, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .popular-icon, .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .popular-icon, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: static; } /* line 14, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .percent-text, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .percent-text { font-size: 28px; } /* line 18, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer:first-of-type .progress, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer:first-of-type .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 27, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer:first-of-type .percent-container .progress-container, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer:first-of-type .percent-container .progress-container { padding-right: 0; } /* line 34, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer:last-child .percent-container .progress-container, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer:last-child .percent-container .progress-container { padding-left: 0; } /* line 42, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers, .NetworkOneScreen [hot-or-not] .hot-or-not .answers { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 45, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .image-container, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .image-container { width: 5.5vw; height: 6vw; margin-right: 0.78125vw; -ms-flex-order: 1; order: 1; margin-top: 0.2vw; } /* line 51, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .image-container.no-image, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .image-container.no-image { width: 0; } /* line 54, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .image-container dynamic-image, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .image-container dynamic-image { background-position: top center; } /* line 58, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer { width: calc(51.2vw - 6vw); margin-right: 0.78125vw; -ms-flex-order: 0; order: 0; } /* line 62, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer.no-image, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer.no-image { width: calc(51.2vw - 3vw); } /* line 65, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer:last-child, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer:last-child { margin: 0; -ms-flex-order: 2; order: 2; } /* line 69, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .answer-container, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .answer-container { min-height: 7vw; } /* line 75, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer:nth-child(3) .percent-container .percent-text, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer:nth-child(3) .percent-container .percent-text { -ms-flex-order: 1; order: 1; } /* line 80, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .active-content, .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .answer-container, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .active-content, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; } /* line 83, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer:first-child, .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer:nth-child(4), .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer:nth-child(3n+4), .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer:first-child, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer:nth-child(4), .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 86, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .percent-container, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .percent-container { margin: 0 auto; width: 100%; } /* line 89, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .percent-container .progress, .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .percent-container .progress-bar, .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .percent-container .percent-text, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .percent-container .progress, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .percent-container .progress-bar, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .percent-container .percent-text { height: 40px; height: 1vw; } /* line 93, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .percent-container .percent-text, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 103, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .percent-container .progress-container, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .percent-container .progress-container { padding: 0; } /* line 107, .tmp/app/themes/NetworkOneScreen/HotOrNot/styles.scss */ .NetworkOneScreen.HotOrNot .hot-or-not .answers .answer .answer-text, .NetworkOneScreen [hot-or-not] .hot-or-not .answers .answer .answer-text { width: 100%; height: 6vw; margin-bottom: 0; } /* line 5, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .user-label, .NetworkOneScreen [instagram-to-tv] .user-label { display: none; } /* line 8, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv { top: -2vw; position: relative; } /* line 11, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-name, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-name { padding-left: 0; margin-top: 5.8vw; } /* line 14, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-name .logo, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-name .logo { width: 2vw; height: 2vw; margin: 0.5vw 0vw 0.5vw 0.5vw; } /* line 19, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-name .name, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-name .name { color: #fff; text-align: left; padding: 0 0 0 1vw; font-size: 2.3vw; } /* line 25, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-name .screen-name, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-name .screen-name { color: #fff; text-align: right; font-size: 2vw; } /* line 29, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-name .screen-name a, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-name .screen-name a { color: #fff; } /* line 33, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-name .name, .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-name .screen-name, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-name .name, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-name .screen-name { padding-top: 0.4vw; margin-bottom: 0; line-height: 0.9; } /* line 39, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .image-container, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .image-container { width: 12.1vw; height: 12.1vw; margin-top: 5.8vw; } /* line 43, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .image-container dynamic-image, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .image-container dynamic-image { background-position: center top; } /* line 46, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .image-container .avatar, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .image-container .avatar { display: block; } /* line 50, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-content, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-content { height: 8.8vw; width: 100%; } /* line 53, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-content .message, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-content .message { color: #151b33; font-size: 1.9vw; margin: 0; padding: 0 1vw; -ms-flex-pack: start; justify-content: flex-start; height: 8.8vw; line-height: 1.2; } /* line 61, .tmp/app/themes/NetworkOneScreen/InstagramToTV/styles.scss */ .NetworkOneScreen.InstagramToTV .instagram-to-tv .instagram-content .message a, .NetworkOneScreen [instagram-to-tv] .instagram-to-tv .instagram-content .message a { color: #151b33; } /* line 4, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard { position: relative; top: 1vw; font-family: "Open Sans", sans-serif; } /* line 8, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard.share-score-visible { top: 0; } /* line 11, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container { border: none; font-size: 1vw; overflow: hidden; padding: 0; border-radius: 0.3vw; position: relative; z-index: 2; display: -ms-grid; display: grid; grid-gap: 0.1vw; max-width: none; margin: 0 auto; -ms-grid-rows: 1.6vw 1.3vw 1.3vw 1.3vw 1.3vw; grid-template-rows: 1.6vw 1.3vw 1.3vw 1.3vw 1.3vw; width: 100%; height: 7.4vw; background: transparent; top: 0.2vw; margin-top: 0; } /* line 30, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking { border-bottom: none; color: #151b33; transition: all 0.3s; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 2fr; grid-template-columns: 1fr 1fr 2fr; grid-gap: 0; -ms-flex-align: center; align-items: center; background: rgba(171, 171, 171, 0.4); } /* line 45, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.first-place div { font-size: 1.2vw; font-weight: 700; } /* line 51, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 56, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 62, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.ng-enter-stagger, .NetworkOneScreen leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 66, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.your-rank-highlight { font-weight: 600; } /* line 70, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 75, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 83, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div { padding: 0; font-size: 1vw; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; font-weight: 600; } /* line 92, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 1.3vw; } /* line 97, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div:last-child { text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 104, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div img { height: 1vw; padding: 0 0.2vw; } /* line 109, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div.leaderboard .NetworkOneScreen leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 119, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen .show-more-rankings { display: none; padding: 0; width: 4vw; height: 1.9vw; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: 0 auto 0 auto; z-index: 1; position: relative; background-color: #a42626; color: #fff; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 134, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen .show-more-rankings span { font-size: 2vw; line-height: 1; position: absolute; top: 0; left: 0; right: 0; } /* line 142, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 146, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 6, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers, .NetworkOneScreen [pic-pick] .pic-pick .answers { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 9, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers.four-answers .answer, .NetworkOneScreen [pic-pick] .pic-pick .answers.four-answers .answer { width: calc((100% / 4) - 0.6vw); } /* line 14, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers.five-answers .answer, .NetworkOneScreen [pic-pick] .pic-pick .answers.five-answers .answer { width: calc((100% / 5) - 0.7vw); } /* line 16, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers.five-answers .answer .answer-text, .NetworkOneScreen [pic-pick] .pic-pick .answers.five-answers .answer .answer-text { font-size: 1.7vw; } /* line 20, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers.five-answers .answer .percent-container .percent-text, .NetworkOneScreen [pic-pick] .pic-pick .answers.five-answers .answer .percent-container .percent-text { width: 4.5vw; font-size: 1.7vw; } /* line 28, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers.six-answers .answer, .NetworkOneScreen [pic-pick] .pic-pick .answers.six-answers .answer { width: calc((100% / 6) - 0.78125vw); } /* line 30, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers.six-answers .answer .answer-text, .NetworkOneScreen [pic-pick] .pic-pick .answers.six-answers .answer .answer-text { font-size: 1.6vw; } /* line 33, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers.six-answers .answer .percent-container, .NetworkOneScreen [pic-pick] .pic-pick .answers.six-answers .answer .percent-container { margin-left: 1vw; } /* line 35, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers.six-answers .answer .percent-container .percent-text, .NetworkOneScreen [pic-pick] .pic-pick .answers.six-answers .answer .percent-container .percent-text { width: 3.5vw; font-size: 1.3vw; } /* line 42, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer { width: calc(33.33% - 0.6vw); margin-right: 0.78125vw; font-weight: 700; } /* line 46, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer:last-child, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer:last-child { margin-right: 0; } /* line 49, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .answer-container, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .answer-container { min-height: 7vw; } /* line 52, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .answer-text, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .answer-text { width: 100%; } /* line 55, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .active-content, .NetworkOneScreen.PicPick .pic-pick .answers .answer .answer-container, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .active-content, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 59, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer:first-child, .NetworkOneScreen.PicPick .pic-pick .answers .answer:nth-child(4), .NetworkOneScreen.PicPick .pic-pick .answers .answer:nth-child(3n+4), .NetworkOneScreen [pic-pick] .pic-pick .answers .answer:first-child, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer:nth-child(4), .NetworkOneScreen [pic-pick] .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 62, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .image-container, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .image-container { width: 5.2vw; padding-bottom: 1.1vw; } /* line 66, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .popular-icon, .NetworkOneScreen.PicPick .pic-pick .answers .answer .your-vote-indicator, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .popular-icon, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .your-vote-indicator { position: static; } /* line 69, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .percent-container, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .percent-container { margin: 0; width: 100%; margin-left: 2vw; } /* line 73, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .percent-container .progress, .NetworkOneScreen.PicPick .pic-pick .answers .answer .percent-container .progress-bar, .NetworkOneScreen.PicPick .pic-pick .answers .answer .percent-container .percent-text, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .percent-container .progress, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .percent-container .progress-bar, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .percent-container .percent-text { height: 40px; height: 1vw; } /* line 77, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .percent-container .percent-text, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.2vw; line-height: 1; } /* line 87, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .NetworkOneScreen.PicPick .pic-pick .answers .answer .percent-container .progress-container, .NetworkOneScreen [pic-pick] .pic-pick .answers .answer .percent-container .progress-container { padding: 0; } /* line 93, .tmp/app/themes/NetworkOneScreen/PicPick/styles.scss */ .survey .NetworkOneScreen.PicPick .pic-pick .answers .answer.popular .percent-text, .trivia .NetworkOneScreen.PicPick .pic-pick .answers .answer.correct .percent-text, .survey .NetworkOneScreen [pic-pick] .pic-pick .answers .answer.popular .percent-text, .trivia .NetworkOneScreen [pic-pick] .pic-pick .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 5, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .view-container, .NetworkOneScreen [live-reactions] .view-container { position: static; } /* line 9, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .floating-reaction, .NetworkOneScreen [live-reactions] .live-reactions .floating-reaction { max-width: 3.845vw; max-height: 6.5vw; position: absolute; left: 0; top: 0; animation: reactionRise 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 18, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers, .NetworkOneScreen [live-reactions] .live-reactions .answers { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; margin: 0; } /* line 23, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer { top: 0; width: 20%; margin: 0; height: 6vw; background-size: 100% 100%; background-repeat: no-repeat; background-position: center; padding-left: 1.4vw; } /* line 32, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .active-content, .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .answer-container, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .active-content, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; } /* line 37, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer:first-child, .NetworkOneScreen.LiveReactions .live-reactions .answers .answer:nth-child(4), .NetworkOneScreen.LiveReactions .live-reactions .answers .answer:nth-child(3n+4), .NetworkOneScreen [live-reactions] .live-reactions .answers .answer:first-child, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer:nth-child(4), .NetworkOneScreen [live-reactions] .live-reactions .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 40, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .image-container, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .image-container { width: 4.5vw; height: 5vw; } /* line 44, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .popular-icon, .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .your-vote-indicator, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .popular-icon, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 51, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .percent-container, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .percent-container { margin: 0; width: 100%; } /* line 54, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .percent-container .progress, .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .percent-container .progress-bar, .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .percent-container .percent-text, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .percent-container .progress, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .percent-container .progress-bar, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .percent-container .percent-text { height: 40px; height: 1vw; } /* line 58, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .percent-container .percent-text, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; width: 5.729vw; font-size: 38px; font-size: 3.5vmin; line-height: 1; } /* line 67, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .percent-container .progress-container, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .percent-container .progress-container { padding: 0; } /* line 71, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .live-reactions .answers .answer .answer-text, .NetworkOneScreen [live-reactions] .live-reactions .answers .answer .answer-text { width: 100%; padding-top: 0; word-break: break-word; } /* line 79, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .reaction-bounce, .NetworkOneScreen [live-reactions] .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 82, .tmp/app/themes/NetworkOneScreen/LiveReactions/styles.scss */ .NetworkOneScreen.LiveReactions .reaction, .NetworkOneScreen [live-reactions] .reaction { position: absolute; top: 0; left: 0; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.9); } 66% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes reactionRise { 0% { top: 0; left: -5.625vw; } 100% { top: 0; left: calc(100% + 5.625vw); } } @keyframes slide-out-blurred-right { 0% { transform: translateX(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } 100% { transform: translateX(1000px) scaleX(2) scaleY(0.2); transform-origin: 0% 50%; filter: blur(40px); opacity: 0; } } /* line 4, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard { position: relative; top: 1vw; font-family: "Open Sans", sans-serif; } /* line 8, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard.share-score-visible { top: 0; } /* line 11, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container { border: none; font-size: 1vw; overflow: hidden; padding: 0; border-radius: 0.3vw; position: relative; z-index: 2; display: -ms-grid; display: grid; grid-gap: 0.1vw; max-width: none; margin: 0 auto; -ms-grid-rows: 1.6vw 1.3vw 1.3vw 1.3vw 1.3vw; grid-template-rows: 1.6vw 1.3vw 1.3vw 1.3vw 1.3vw; width: 100%; height: 7.4vw; background: transparent; top: 0.2vw; margin-top: 0; } /* line 30, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking { border-bottom: none; color: #151b33; transition: all 0.3s; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 2fr; grid-template-columns: 1fr 1fr 2fr; grid-gap: 0; -ms-flex-align: center; align-items: center; background: rgba(171, 171, 171, 0.4); } /* line 45, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.first-place div { font-size: 1.2vw; font-weight: 700; } /* line 51, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 56, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 62, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.ng-enter-stagger, .NetworkOneScreen leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 66, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.your-rank-highlight { font-weight: 600; } /* line 70, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 75, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 83, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div { padding: 0; font-size: 1vw; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; font-weight: 600; } /* line 92, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 1.3vw; } /* line 97, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div:last-child { text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 104, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div img { height: 1vw; padding: 0 0.2vw; } /* line 109, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen leaderboard .rankings-container .ranking div.leaderboard .NetworkOneScreen leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 119, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen .show-more-rankings { display: none; padding: 0; width: 4vw; height: 1.9vw; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: 0 auto 0 auto; z-index: 1; position: relative; background-color: #a42626; color: #fff; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 134, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen .show-more-rankings span { font-size: 2vw; line-height: 1; position: absolute; top: 0; left: 0; right: 0; } /* line 142, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 146, .tmp/app/themes/NetworkOneScreen/Leaderboard/styles.scss */ .NetworkOneScreen .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 5, .tmp/app/themes/NetworkOneScreen/Poster/styles.scss */ .NetworkOneScreen.Poster header, .NetworkOneScreen.Poster footer, .NetworkOneScreen [poster] header, .NetworkOneScreen [poster] footer { display: none; } /* line 9, .tmp/app/themes/NetworkOneScreen/Poster/styles.scss */ .NetworkOneScreen.Poster .posterImage, .NetworkOneScreen [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; max-height: 100%; max-width: 100%; } /* line 17, .tmp/app/themes/NetworkOneScreen/Poster/styles.scss */ .NetworkOneScreen.Poster .posterImage .posterImageInner img, .NetworkOneScreen [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 6, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .image-container, .NetworkOneScreen [mood-meter] .mood-meter .image-container { width: 5.5vw; height: 5.5vw; margin-right: 0.78125vw; margin-top: 0.2vw; } /* line 11, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .image-container dynamic-image, .NetworkOneScreen [mood-meter] .mood-meter .image-container dynamic-image { display: block; } /* line 15, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-container, .NetworkOneScreen [mood-meter] .mood-meter .meter-container { padding: 0 1vw; } /* line 17, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-container .meter-inner, .NetworkOneScreen [mood-meter] .mood-meter .meter-container .meter-inner { position: relative; } /* line 21, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-average, .NetworkOneScreen [mood-meter] .mood-meter .meter-average { line-height: 1.2; margin: 0 1vw; } /* line 24, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-average .popular, .NetworkOneScreen.MoodMeter .mood-meter .meter-average .popular-label, .NetworkOneScreen [mood-meter] .mood-meter .meter-average .popular, .NetworkOneScreen [mood-meter] .mood-meter .meter-average .popular-label { color: #151b33; } /* line 27, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-average .popular-label, .NetworkOneScreen [mood-meter] .mood-meter .meter-average .popular-label { font-size: 35px; font-size: 1.5vw; text-align: center; text-transform: uppercase; } /* line 33, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-average .popular, .NetworkOneScreen [mood-meter] .mood-meter .meter-average .popular { font-size: 48px; font-size: 1.5vw; font-family: "Open Sans", sans-serif; } /* line 40, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-container .title, .NetworkOneScreen [mood-meter] .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 47, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-inside, .NetworkOneScreen [mood-meter] .mood-meter .meter-inside { width: 4.8vw; position: absolute; top: 0.6vw; left: 0; right: 0; margin: auto; z-index: 1; pointer-events: none; } /* line 56, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-inside img, .NetworkOneScreen [mood-meter] .mood-meter .meter-inside img { width: 100%; } @media screen and (max-width: 385px) { /* line 47, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-inside, .NetworkOneScreen [mood-meter] .mood-meter .meter-inside { top: 0vw; width: 4.7vw; } } /* line 64, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-answer, .NetworkOneScreen [mood-meter] .mood-meter .meter-answer { transition: all 1s; width: 23.916vw; height: 6vw; position: relative; } /* line 69, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-answer .meter-answer-track, .NetworkOneScreen [mood-meter] .mood-meter .meter-answer .meter-answer-track { height: 6vw; background: url(../themes/NetworkOneScreen/images/moodmeter/meter-bg.png); background-size: 6vw auto; background-position: center top; background-repeat: no-repeat; } /* line 75, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .meter-answer .meter-answer-track canvas, .NetworkOneScreen [mood-meter] .mood-meter .meter-answer .meter-answer-track canvas { width: 5.3vw !important; height: 5.7vw !important; cursor: pointer; padding-top: 0.3vw; margin: 0 auto; display: block; } /* line 85, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .display-answer, .NetworkOneScreen [mood-meter] .mood-meter .display-answer { line-height: 1.2; color: #151b33; font-size: 1.5vw; width: 18vw; margin: 0 1vw; } /* line 91, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .display-answer :first-child, .NetworkOneScreen [mood-meter] .mood-meter .display-answer :first-child { text-transform: uppercase; text-align: center; } /* line 95, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .display-answer span, .NetworkOneScreen [mood-meter] .mood-meter .display-answer span { display: block; text-align: center; } /* line 100, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .labels, .NetworkOneScreen [mood-meter] .mood-meter .labels { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; pointer-events: none; display: -ms-flexbox; display: flex; width: 100%; } /* line 109, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .labels .label-min, .NetworkOneScreen.MoodMeter .mood-meter .labels .label-max, .NetworkOneScreen [mood-meter] .mood-meter .labels .label-min, .NetworkOneScreen [mood-meter] .mood-meter .labels .label-max { font-size: 35px; font-size: 1.85vw; color: #151b33; vertical-align: middle; word-break: break-word; background-color: transparent; height: 138px; height: 2vw; width: 40%; margin: 0 2vw -3.5vw 2vw; } /* line 124, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter .answer-container, .NetworkOneScreen [mood-meter] .mood-meter .answer-container { width: 24vw; height: 6vw; margin-right: 6vw; transition: all 1s; -ms-flex-pack: justify; justify-content: space-between; } /* line 133, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter.answered .meter-answer, .NetworkOneScreen [mood-meter] .mood-meter.answered .meter-answer { transition: all 1s; filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 137, .tmp/app/themes/NetworkOneScreen/MoodMeter/styles.scss */ .NetworkOneScreen.MoodMeter .mood-meter.answered .answer-container, .NetworkOneScreen [mood-meter] .mood-meter.answered .answer-container { transition: all 1s; filter: blur(0px); transform: scale3d(1.02, 1.02, 1); opacity: 1; z-index: 2; } /* line 6, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers, .NetworkOneScreen [readers-choice] .readers-choice .answers { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 9, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers.four-answers .answer, .NetworkOneScreen [readers-choice] .readers-choice .answers.four-answers .answer { width: calc((100% / 4) - 0.6vw); } /* line 14, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers.five-answers .answer, .NetworkOneScreen [readers-choice] .readers-choice .answers.five-answers .answer { width: calc((100% / 5) - 0.7vw); } /* line 16, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers.five-answers .answer .answer-text, .NetworkOneScreen [readers-choice] .readers-choice .answers.five-answers .answer .answer-text { font-size: 1.7vw; } /* line 20, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers.five-answers .answer .percent-container .percent-text, .NetworkOneScreen [readers-choice] .readers-choice .answers.five-answers .answer .percent-container .percent-text { width: 4.5vw; font-size: 1.7vw; } /* line 28, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers.six-answers .answer, .NetworkOneScreen [readers-choice] .readers-choice .answers.six-answers .answer { width: calc((100% / 6) - 0.78125vw); } /* line 30, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers.six-answers .answer .answer-text, .NetworkOneScreen [readers-choice] .readers-choice .answers.six-answers .answer .answer-text { font-size: 1.7vw; } /* line 33, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers.six-answers .answer .percent-container, .NetworkOneScreen [readers-choice] .readers-choice .answers.six-answers .answer .percent-container { margin-left: 1vw; } /* line 35, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers.six-answers .answer .percent-container .percent-text, .NetworkOneScreen [readers-choice] .readers-choice .answers.six-answers .answer .percent-container .percent-text { width: 3.5vw; font-size: 1.3vw; } /* line 42, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer { width: calc(33.33% - 0.6vw); margin-right: 0.78125vw; } /* line 45, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer:last-child, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer:last-child { margin-right: 0; } /* line 48, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .answer-container, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .answer-container { min-height: 7vw; } /* line 51, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .answer-text, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .answer-text { width: 100%; height: 6vw; margin-bottom: 0; } /* line 56, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .active-content, .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .answer-container, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .active-content, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 60, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer:first-child, .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer:nth-child(4), .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer:nth-child(3n+4), .NetworkOneScreen [readers-choice] .readers-choice .answers .answer:first-child, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer:nth-child(4), .NetworkOneScreen [readers-choice] .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 63, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .popular-icon, .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .your-vote-indicator, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .popular-icon, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .your-vote-indicator { position: static; } /* line 66, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .percent-container, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .percent-container { margin: 0 auto; width: 100%; } /* line 69, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .percent-container .progress, .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .percent-container .progress-bar, .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .percent-container .percent-text, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .percent-container .progress, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .percent-container .progress-bar, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .percent-container .percent-text { height: 40px; height: 1vw; } /* line 73, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .percent-container .percent-text, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 83, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer .percent-container .progress-container, .NetworkOneScreen [readers-choice] .readers-choice .answers .answer .percent-container .progress-container { padding: 0; } /* line 89, .tmp/app/themes/NetworkOneScreen/ReadersChoice/styles.scss */ .survey .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer.popular .percent-text, .trivia .NetworkOneScreen.ReadersChoice .readers-choice .answers .answer.correct .percent-text, .survey .NetworkOneScreen [readers-choice] .readers-choice .answers .answer.popular .percent-text, .trivia .NetworkOneScreen [readers-choice] .readers-choice .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 5, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .user-label, .NetworkOneScreen [tweet-to-tv] .user-label { display: none; } /* line 8, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv { top: -2vw; position: relative; } /* line 11, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-name, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-name { height: 3vw; margin-top: 5.8vw; } /* line 14, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-name .logo, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-name .logo { width: 2vw; height: 2vw; margin: 0.5vw 0vw 0.5vw 0.5vw; } /* line 19, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-name .name, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-name .name { color: #fff; text-align: left; padding: 0 0 0 1vw; font-size: 2.3vw; } /* line 25, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-name .screen-name, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-name .screen-name { color: #fff; text-align: right; font-size: 2vw; } /* line 29, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-name .screen-name a, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-name .screen-name a { color: #fff; } /* line 33, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-name .name, .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-name .screen-name, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-name .name, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-name .screen-name { padding-top: 0.4vw; margin: 0; line-height: 0.9; } /* line 39, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .image-container, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .image-container { width: 6.3vw; margin: 1.1vw 0 1.1vw 0.5vw; } /* line 42, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .image-container dynamic-image, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .image-container dynamic-image { background-position: center; } /* line 45, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .image-container .avatar, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .image-container .avatar { display: block; } /* line 49, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-content, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-content { height: 8.8vw; width: 100%; } /* line 52, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-content .message, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-content .message { color: #151b33; font-size: 1.9vw; margin: 0; padding: 0 1vw; height: 8.8vw; line-height: 1.2; } /* line 59, .tmp/app/themes/NetworkOneScreen/TweetToTV/styles.scss */ .NetworkOneScreen.TweetToTV .tweet-to-tv .twitter-content .message a, .NetworkOneScreen [tweet-to-tv] .tweet-to-tv .twitter-content .message a { color: #151b33; } /* line 6, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .image-container, .NetworkOneScreen [viewers-choice] .viewers-choice .image-container { width: 5vw; height: 5.5vw; display: -ms-flexbox; display: flex; margin-right: 0.78125vw; margin-top: 0.2vw; } /* line 14, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers, .NetworkOneScreen [viewers-choice] .viewers-choice .answers { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 17, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers.four-answers .answer, .NetworkOneScreen [viewers-choice] .viewers-choice .answers.four-answers .answer { width: calc((100% / 4) - 0.6vw); } /* line 22, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers.five-answers .answer, .NetworkOneScreen [viewers-choice] .viewers-choice .answers.five-answers .answer { width: calc((100% / 5) - 0.7vw); } /* line 24, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers.five-answers .answer .answer-text, .NetworkOneScreen [viewers-choice] .viewers-choice .answers.five-answers .answer .answer-text { font-size: 1.7vw; } /* line 28, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers.five-answers .answer .percent-container .percent-text, .NetworkOneScreen [viewers-choice] .viewers-choice .answers.five-answers .answer .percent-container .percent-text { width: 4.5vw; font-size: 1.7vw; } /* line 36, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers.six-answers .answer, .NetworkOneScreen [viewers-choice] .viewers-choice .answers.six-answers .answer { width: calc((100% / 6) - 1.68125vw); } /* line 38, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers.six-answers .answer .answer-text, .NetworkOneScreen [viewers-choice] .viewers-choice .answers.six-answers .answer .answer-text { font-size: 1.7vw; } /* line 41, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers.six-answers .answer .percent-container, .NetworkOneScreen [viewers-choice] .viewers-choice .answers.six-answers .answer .percent-container { margin-left: 1vw; } /* line 43, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers.six-answers .answer .percent-container .percent-text, .NetworkOneScreen [viewers-choice] .viewers-choice .answers.six-answers .answer .percent-container .percent-text { width: 3.5vw; font-size: 1.3vw; } /* line 50, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer { width: calc(33.33% - 2.5vw); margin-right: 0.78125vw; } /* line 53, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer:last-child, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer:last-child { margin-right: 0; } /* line 56, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .answer-container, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .answer-container { min-height: 7vw; } /* line 59, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .answer-text, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .answer-text { width: 100%; height: 6vw; margin-bottom: 0; } /* line 64, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .active-content, .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .answer-container, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .active-content, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 68, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer:first-child, .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer:nth-child(4), .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer:nth-child(3n+4), .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer:first-child, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer:nth-child(4), .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 71, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .popular-icon, .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .your-vote-indicator, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .popular-icon, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .your-vote-indicator { position: static; } /* line 74, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .percent-container, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .percent-container { margin: 0 auto; width: 100%; } /* line 77, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .percent-container .progress, .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .percent-container .progress-bar, .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .percent-container .percent-text, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .percent-container .progress, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .percent-container .progress-bar, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .percent-container .percent-text { height: 40px; height: 1vw; } /* line 81, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .percent-container .percent-text, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 91, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer .percent-container .progress-container, .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer .percent-container .progress-container { padding: 0; } /* line 97, .tmp/app/themes/NetworkOneScreen/ViewersChoice/styles.scss */ .survey .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer.popular .percent-text, .trivia .NetworkOneScreen.ViewersChoice .viewers-choice .answers .answer.correct .percent-text, .survey .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer.popular .percent-text, .trivia .NetworkOneScreen [viewers-choice] .viewers-choice .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 4, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container { background: #fff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 9, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container.featured { background: #fff; } /* line 13, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 16, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container.anonymous .message-name, .NetworkOneScreen .message-item-container.anonymous .message-text, .NetworkOneScreen .message-item-container.anonymous .message-timestamp { font-weight: 400; } /* line 21, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container.anonymous .message-name { font-size: 17px; } /* line 25, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 30, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 32, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container .content-wrapper .message-name { font-size: 18px; color: #000000; padding: 0; margin: 0; } /* line 38, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container .content-wrapper .message-text { font-size: 14px; color: #000000; padding: 0; overflow-wrap: anywhere; } /* line 44, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 47, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 52, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 57, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 66, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-list { min-height: 100px; max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 73, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 78, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-input-container { background: #ebebeb; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 83, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 88, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 92, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; } /* line 99, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 106, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .message-input-container button { margin: 0 5px 5px 5px; padding: 10px; font-size: 16px; } /* line 113, .tmp/app/themes/NetworkOneScreen/Megachatter/styles.scss */ .NetworkOneScreen .megachatter-title { background: #fff; color: #000000; padding: 10px 0; margin: 0; text-align: center; border-bottom: 1px solid black; } /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Main Styles ====================================*/ /* line 7, .tmp/app/themes/WCMH/base.scss */ html, body { height: 100%; } /* line 11, .tmp/app/themes/WCMH/base.scss */ .WCMH { background-color: #fff; background-image: none; background-position: center center; color: #a9a9a9; font-family: "Montserrat", sans-serif; text-shadow: none; /*==================================== h1 - Large Messages; i.e. Bulletin ====================================*/ /*==================================== h2 - Question Text represented in all product scenes as an
tag ====================================*/ /*==================================== h3 - ====================================*/ /*==================================== h4 - ====================================*/ /*==================================== .app-container - main container for the entire application; includes header and footer ====================================*/ /*==================================== .view-container - container for views, scenes and products ====================================*/ /*==================================== header/footer ====================================*/ /*==================================== p - most common text should be a====================================*/ /*==================================== a - all links, including twitter/megachatter ====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:50:30 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in-top * ---------------------------------------- */ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:51:3 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-out-bottom * ---------------------------------------- */ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 19, .tmp/app/themes/WCMH/base.scss */ .WCMH .main-content-container { height: 100%; } /* line 23, .tmp/app/themes/WCMH/base.scss */ .WCMH h1, .WCMH h2, .WCMH h3, .WCMH h4 { text-align: center; } /* line 30, .tmp/app/themes/WCMH/base.scss */ .WCMH h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #fff; font-size: 23px; line-height: 1.4; padding: 10px; } /* line 45, .tmp/app/themes/WCMH/base.scss */ .WCMH .question { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); } /* line 47, .tmp/app/themes/WCMH/base.scss */ .WCMH .question h2 { color: #1d2e58; font-weight: 700; } /* line 53, .tmp/app/themes/WCMH/base.scss */ .WCMH h2 { color: #fff; font-size: 25px; font-weight: 400; overflow: hidden; vertical-align: middle; padding: 12px 20px; margin: 0; } /* line 66, .tmp/app/themes/WCMH/base.scss */ .WCMH h3 { font-size: 23px; color: #fff; padding: 0 20px; } /* line 71, .tmp/app/themes/WCMH/base.scss */ .WCMH h3 .locInserted { color: #555555; } /* line 79, .tmp/app/themes/WCMH/base.scss */ .WCMH h4 { font-size: 20px; color: #fff; } /* line 89, .tmp/app/themes/WCMH/base.scss */ .WCMH .app-container { margin: 0 auto; background-color: #00264b; background-repeat: no-repeat; min-height: 100%; overflow: hidden; } /* line 95, .tmp/app/themes/WCMH/base.scss */ .WCMH .app-container .winner-feedback-button { margin: 5px auto; z-index: 100; background: #d23232; font-size: 12px; display: -ms-grid; display: grid; -ms-grid-columns: 20px auto; grid-template-columns: 20px auto; grid-gap: 5px; } /* line 106, .tmp/app/themes/WCMH/base.scss */ .WCMH .app-container .winner-feedback-button .winner-icon { height: 100%; width: 100%; background: url("../themes/WCMH/images/trophy-solid.png"); background-repeat: no-repeat; background-position: center; background-size: contain; animation: jello-horizontal 0.9s both; } /* line 123, .tmp/app/themes/WCMH/base.scss */ .WCMH .view-container { position: relative; } /* line 130, .tmp/app/themes/WCMH/base.scss */ .WCMH footer, .WCMH header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 137, .tmp/app/themes/WCMH/base.scss */ .WCMH header { width: 100%; } /* line 141, .tmp/app/themes/WCMH/base.scss */ .WCMH header .column { vertical-align: middle; } /* line 148, .tmp/app/themes/WCMH/base.scss */ .WCMH p { padding: 0 30px; } /* line 155, .tmp/app/themes/WCMH/base.scss */ .WCMH a { color: #555555; } /* line 163, .tmp/app/themes/WCMH/base.scss */ .WCMH.trivia .user-label { display: block; text-align: center; } /* line 169, .tmp/app/themes/WCMH/base.scss */ .WCMH .user-label { color: #fff; display: none; font-size: 16px; margin: 0 auto; padding: 5px 30px; width: 100%; } /* line 178, .tmp/app/themes/WCMH/base.scss */ .WCMH .media > .pull-left { margin-right: 20px; } /* line 185, .tmp/app/themes/WCMH/base.scss */ .WCMH .share-score-button { background: url("../themes/WCMH/images/twitter-icon.png"), linear-gradient(to bottom, #f5f3f3 0%, #cbcbcb 100%); background-size: auto 16px, 100%; background-position: right 6px center, center; background-repeat: no-repeat; margin: 10px auto; width: max-content; max-width: 220px; border: none; border-radius: 1px; position: relative; } /* line 196, .tmp/app/themes/WCMH/base.scss */ .WCMH .share-score-button h2 { font-size: 13px; color: #1d2e58; text-align: left; padding: 4px 10px; min-height: 33px; margin-right: 33px; text-transform: capitalize; border: none; background-color: transparent; border-right: 1px solid #1d2e58; height: 100%; } /* line 212, .tmp/app/themes/WCMH/base.scss */ .WCMH .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 216, .tmp/app/themes/WCMH/base.scss */ .WCMH .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 226, .tmp/app/themes/WCMH/base.scss */ .WCMH .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; font-weight: normal; margin: 0; padding: 0; } /* line 235, .tmp/app/themes/WCMH/base.scss */ .WCMH dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } /* line 243, .tmp/app/themes/WCMH/base.scss */ .WCMH .product-container { min-width: 320px; } @media screen and (min-width: 666px) { /* line 251, .tmp/app/themes/WCMH/base.scss */ .WCMH .app-container { width: 100%; background-image: url("../themes/WCMH/images/background-medium.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom right; } /* line 258, .tmp/app/themes/WCMH/base.scss */ .WCMH .view-container { min-height: 320px; width: 100%; } } /* line 265, .tmp/app/themes/WCMH/base.scss */ .WCMH .medium-width .question { margin: 0 auto; } /* line 268, .tmp/app/themes/WCMH/base.scss */ .WCMH .medium-width .question h2 { font-size: 36px; } /* line 273, .tmp/app/themes/WCMH/base.scss */ .WCMH .medium-width h1 { font-size: 33px; } @media screen and (max-width: 666px) { /* line 282, .tmp/app/themes/WCMH/base.scss */ .WCMH .app-container { width: 100%; background-image: url("../themes/WCMH/images/background-small.png"); background-repeat: no-repeat; background-size: cover; background-position: top left; } /* line 289, .tmp/app/themes/WCMH/base.scss */ .WCMH .view-container { min-height: 280px; width: 100%; } } /* line 296, .tmp/app/themes/WCMH/base.scss */ .WCMH .small-width .question, .WCMH .tiny-width .question { width: 100%; } /* line 297, .tmp/app/themes/WCMH/base.scss */ .WCMH .small-width .question h2, .WCMH .tiny-width .question h2 { font-size: 20px; padding: 5px; } /* line 4, .tmp/app/themes/WCMH/_forms.scss */ .WCMH input, .WCMH textarea, .WCMH .date-picker > select { background-color: #fff; border: 1px solid #333; border-right-color: #666; border-bottom-color: #666; padding: 5px 10px; font-size: 16px; color: #1d2e58; } /* line 15, .tmp/app/themes/WCMH/_forms.scss */ .WCMH input:focus, .WCMH textarea:focus, .WCMH .date-picker > select:focus { background-color: #ebebeb; border-color: #666; border-right-color: #999; border-bottom-color: #999; } /* line 24, .tmp/app/themes/WCMH/_forms.scss */ .touched .WCMH input.ng-invalid, .attempted .WCMH input.ng-invalid, .touched .WCMH textarea.ng-invalid, .attempted .WCMH textarea.ng-invalid, .touched .WCMH .date-picker > select.ng-invalid, .attempted .WCMH .date-picker > select.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 33, .tmp/app/themes/WCMH/_forms.scss */ .WCMH ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #919191; } /* line 37, .tmp/app/themes/WCMH/_forms.scss */ .WCMH ::-moz-placeholder { /* Firefox 19+ */ color: #919191; } /* line 41, .tmp/app/themes/WCMH/_forms.scss */ .WCMH :-ms-input-placeholder { /* IE 10+ */ color: #919191; } /* line 45, .tmp/app/themes/WCMH/_forms.scss */ .WCMH :-moz-placeholder { /* Firefox 18- */ color: #919191; } /* line 49, .tmp/app/themes/WCMH/_forms.scss */ .WCMH button { background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); color: #fff; border: none; cursor: pointer; text-transform: uppercase; padding: 8px 30px; margin: 5px auto; letter-spacing: 2px; } /* line 58, .tmp/app/themes/WCMH/_forms.scss */ .WCMH button.small-button { margin: 10px 0; padding: 5px 20px; } /* line 65, .tmp/app/themes/WCMH/_forms.scss */ .WCMH .date-picker select { padding: 5px; margin: 5px; } /* line 70, .tmp/app/themes/WCMH/_forms.scss */ .WCMH .date-picker input { visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* line 79, .tmp/app/themes/WCMH/_forms.scss */ .WCMH .errorText { color: #a9a9a9; } /* line 7, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answers { list-style: none; margin: 0 auto; } /* line 11, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answers:after { content: ""; clear: both; } /* line 17, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; background: linear-gradient(to bottom, #082673 0%, #00113b 100%); box-shadow: inset -2px -2px rgba(0, 0, 0, 0.35); transition: all ease-in-out 0.5s; transform: translateZ(0); } /* line 28, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer.pulse { animation: pulse 0.5s ease backwards; } /* line 32, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 10, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .multi-choice .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .multi-choice .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 100px; } /* line 18, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .multi-choice .answer .percent-container .progress-container { padding-top: 5px; } /* line 40, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer.selected .your-vote-indicator { display: block !important; opacity: 1 !important; } /* line 44, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer.selected .answer-text { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); color: #1d2e58; } /* line 51, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer.popular .popular-icon { opacity: 1; } /* line 57, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer .popular-icon { opacity: 0; position: absolute; z-index: -1; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); background-image: url("../themes/WCMH/images/indicators/popular-answer-icon.png"), linear-gradient(to bottom, #ffa112 0%, #c05000 100%); background-position: center; background-repeat: no-repeat; transition: top ease-in-out 0.3s, bottom ease-in-out 0.3s, opacity ease-in-out 0.3s; } /* line 69, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer .your-vote-indicator { display: none; opacity: 0; position: absolute; transition: opacity ease-in-out 0.5s; z-index: 102; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); color: #1d2e58; text-align: center; } /* line 81, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 86, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer .answer-text { background: linear-gradient(to bottom, #008cf2 0%, #00030e 100%); color: #fff; font-size: 17px; line-height: 1.1em; padding: 5px 10px; text-align: center; box-shadow: inset 2px 2px rgba(255, 255, 255, 0.15), inset -1px -1px rgba(0, 0, 0, 0.35); transition: all ease-in-out 0.5s; } /* line 97, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice .answer .percent-text { color: #fff; transition: all ease-in-out 0.5s; } /* line 104, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice.inactive .answer { cursor: default; } /* line 114, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice.trivia.answered .answers .answer .popular-icon { display: block; opacity: 1; background-image: url("../themes/WCMH/images/indicators/incorrect-answer-icon.png"), linear-gradient(to bottom, #ffa112 0%, #c05000 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 123, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice.trivia.answered .answers .answer.incorrect { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 127, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice.trivia.answered .answers .answer.correct { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 130, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice.trivia.answered .answers .answer.correct .popular-icon { background-image: url("../themes/WCMH/images/indicators/correct-answer-icon.png"), linear-gradient(to bottom, #ffa112 0%, #c05000 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 144, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice.survey.answered .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 147, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .multi-choice.survey.answered .answer.popular { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 157, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.with-votes .vote-container { display: -ms-flexbox; display: flex; } /* line 162, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .vote-container { display: none; } /* line 169, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-scene-results .answered .percent-container { display: none; } /* line 173, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-scene-results .answered .answer-text { height: 100%; } /* line 177, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-scene-results .answered .popular-icon { display: none; } /* line 184, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-scene-results .medium-width .answered.pic-pick .image-container { position: absolute; top: 1px; } /* line 189, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 192, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text.no-image { padding-left: 10px; } /* line 204, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-during-scene .multi-choice:not(.answered) .percent-container { display: none; } /* line 208, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-during-scene .multi-choice:not(.answered) .answer-text { height: 100%; } /* line 212, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-during-scene .multi-choice:not(.answered) .popular-icon { display: none; } /* line 219, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .image-container { position: absolute; top: 1px; } /* line 223, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 226, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text.no-image { padding-left: 10px; } /* line 238, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .small-width .multi-choice .popular-icon, .WCMH .tiny-width .multi-choice .popular-icon { width: 68px; height: 17px; left: 0; top: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 247, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .small-width .multi-choice .your-vote-indicator, .WCMH .tiny-width .multi-choice .your-vote-indicator { width: calc(100% - 69px); height: 17px; right: 0; top: -18px; overflow: visible; line-height: 1.2; font-size: 15px; } /* line 257, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .small-width .multi-choice .answers, .WCMH .tiny-width .multi-choice .answers { padding: 0 0 0 12px; } /* line 263, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .small-width .multi-choice .answer.popular .popular-icon, .WCMH .tiny-width .multi-choice .answer.popular .popular-icon { top: -18px; } /* line 274, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .small-width .multi-choice.trivia.answered .answers .answer .popular-icon, .WCMH .tiny-width .multi-choice.trivia.answered .answers .answer .popular-icon { top: -18px; } /* line 294, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .medium-width .multi-choice .popular-icon { width: 100%; height: 17px; left: 0; bottom: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 303, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .medium-width .multi-choice .your-vote-indicator { width: 100%; height: 17px; line-height: 1.3; left: 0; top: -18px; overflow: visible; } /* line 312, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .medium-width .multi-choice .answers { padding: 0 0 12px 0; } /* line 318, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .medium-width .multi-choice .answer.popular .popular-icon { opacity: 1; bottom: -18px; } /* line 329, .tmp/app/themes/WCMH/_multi-choice-base.scss */ .WCMH .medium-width .multi-choice.trivia.answered .answers .answer .popular-icon { bottom: -18px; } /* line 7, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal-backdrop.in { opacity: 0.1; } /* line 21, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.megaphone-default-modal .modal-dialog, .WCMH .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 26, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 34, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; } /* line 40, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 48, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal { background: rgba(0, 0, 0, 0.3); opacity: 0.96; position: fixed !important; } /* line 52, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .toggle-score-and-feedback { display: none; } /* line 56, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog { display: block; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; } /* line 62, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 70, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 75, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #fff; border: 3px solid #00264b; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; } /* line 94, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 97, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; padding: 5px; min-width: 130px; } /* line 106, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 111, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 5px; margin: 0; } /* line 116, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 124, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content iframe { border: none; width: 100%; height: calc(100% - 6px); } @supports (-webkit-overflow-scrolling: touch) { /* line 124, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .feedback-modal .modal-dialog .modal-content iframe { height: 100%; } } /* line 138, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 145, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .leaderboard-modal { z-index: 5050 !important; } /* line 147, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .leaderboard-modal .modal-body { background: #00264b; } /* line 155, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.offer-modal.wcmh .modal-dialog { margin: 5px auto; width: calc(100% - 10px); } /* line 159, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.offer-modal.wcmh .modal-body { height: unset; padding: 5px; } /* line 163, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.offer-modal.wcmh .offer-background-image { background-size: contain; background-repeat: no-repeat; } /* line 167, .tmp/app/themes/WCMH/_modal.scss */ .WCMH .modal.offer-modal.wcmh .offer-foreground-image { max-height: 400px; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .app-container .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .app-container .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 31, .tmp/app/themes/WCMH/_survey-bars.scss */ .WCMH .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border: none; border-radius: 0; } /* line 40, .tmp/app/themes/WCMH/_survey-bars.scss */ .WCMH .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); position: absolute; width: 0; } /* line 46, .tmp/app/themes/WCMH/_survey-bars.scss */ .WCMH .app-container .slider-track-fg, .WCMH .app-container .trivia .correct .progress-bar, .WCMH .app-container .survey .popular .progress-bar { background: linear-gradient(to right, #c05000 0%, #ffa112 100%); } /* line 51, .tmp/app/themes/WCMH/_survey-bars.scss */ .WCMH .app-container .trivia .correct .progress, .WCMH .app-container .survey .popular .progress { border-color: #000; } /* line 55, .tmp/app/themes/WCMH/_survey-bars.scss */ .WCMH .app-container .slider-track, .WCMH .app-container .progress { background-color: rgba(255, 255, 255, 0.2); } /* line 59, .tmp/app/themes/WCMH/_survey-bars.scss */ .WCMH .app-container .slider-track { border: none; } /* line 4, .tmp/app/themes/WCMH/_status-bars.scss */ .WCMH .status-bar-container { background: linear-gradient(to bottom, #008cf2 0%, #00030e 100%); height: 24px; transition: background 0.5s ease; margin-bottom: 18px; overflow: hidden; position: relative; } /* line 14, .tmp/app/themes/WCMH/_status-bars.scss */ .WCMH .status-bar-container h2 { background: none; color: #fff; margin: 0; padding: 2px; font-size: 17px; height: auto; min-height: 0; } /* line 23, .tmp/app/themes/WCMH/_status-bars.scss */ .WCMH .status-bar-container .status-item { position: absolute; top: 0; left: 0; right: 0; margin: auto; } /* line 29, .tmp/app/themes/WCMH/_status-bars.scss */ .WCMH .status-bar-container .status-item.ng-leave { animation: fade-out-bottom-status 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* line 33, .tmp/app/themes/WCMH/_status-bars.scss */ .WCMH .status-bar-container .status-item.ng-enter { animation: fade-in-top-status 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } @keyframes fade-in-top-status { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-out-bottom-status { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } /* line 5, .tmp/app/themes/WCMH/_share-your-vote.scss */ .WCMH share-your-vote .share-vote { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /* line 9, .tmp/app/themes/WCMH/_share-your-vote.scss */ .WCMH share-your-vote .share-vote .twitter-share { -ms-flex-pack: end; justify-content: flex-end; background: #38a8e0; margin-right: 10px; } /* line 14, .tmp/app/themes/WCMH/_share-your-vote.scss */ .WCMH share-your-vote .share-vote .facebook-share { -ms-flex-pack: start; justify-content: flex-start; background: #3e528e; margin-left: 10px; } /* line 20, .tmp/app/themes/WCMH/_share-your-vote.scss */ .WCMH share-your-vote a { color: white; border-radius: 3px; max-width: 90px; } /* line 24, .tmp/app/themes/WCMH/_share-your-vote.scss */ .WCMH share-your-vote a img { max-height: 18px; max-width: 18px; margin: 0 10px; } /* line 5, .tmp/app/themes/WCMH/_score_summary.scss */ .WCMH score-summary p { font-size: 16px; color: #fff; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: bold; } /* line 14, .tmp/app/themes/WCMH/_score_summary.scss */ .WCMH score-summary p span.locInserted { font-weight: bold; } /* line 17, .tmp/app/themes/WCMH/_score_summary.scss */ .WCMH score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/WCMH/_score_summary.scss */ .WCMH .score-summary-container { background: linear-gradient(to right, #0b5dcf 0%, #092863 100%); } /* line 4, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH.inactive .view-container .message-list, .WCMH.connecting .view-container .message-list { min-height: 200px; } /* line 11, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH.post_game .view-container button, .WCMH.final_result .view-container button { margin: 10px 0; } /* line 14, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH.post_game .view-container .megachatter-container, .WCMH.final_result .view-container .megachatter-container { margin: auto !important; max-width: 1000px !important; width: 100% !important; } /* line 18, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH.post_game .view-container .megachatter-container .message-list, .WCMH.final_result .view-container .megachatter-container .message-list { min-height: 300px !important; } /* line 22, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH.post_game .view-container [feedback], .WCMH.final_result .view-container [feedback] { display: none !important; } /* line 33, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.megachatter-top { position: relative; } /* line 36, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.megachatter-top.tile-small .megachatter-container, .WCMH .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0 0 10px 0; } /* line 43, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.megachatter-bottom { position: relative; } /* line 46, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.megachatter-bottom.ticker-small .megachatter-container, .WCMH .view-container.megachatter-bottom.ticker-medium .megachatter-container, .WCMH .view-container.megachatter-bottom.carousel-small .megachatter-container, .WCMH .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 51, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.megachatter-bottom.tile-small .megachatter-container, .WCMH .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 10px 0 0 0; } /* line 58, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small, .WCMH .view-container.show-megachatter.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 63, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .megachatter-container, .WCMH .view-container.show-megachatter.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 66, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WCMH .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 250px; max-height: 100%; background: #fff; } /* line 71, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMH .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 666px) { /* line 58, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small, .WCMH .view-container.show-megachatter.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 83, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .product-container, .WCMH .view-container.show-megachatter.tile-small .user-label, .WCMH .view-container.show-megachatter.tile-small .scene-wrapper, .WCMH .view-container.show-megachatter.tile-medium .product-container, .WCMH .view-container.show-megachatter.tile-medium .user-label, .WCMH .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 320px; margin: 0; } /* line 87, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .scene-wrapper, .WCMH .view-container.show-megachatter.tile-medium .scene-wrapper { overflow: hidden; } /* line 90, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .megachatter-container, .WCMH .view-container.show-megachatter.tile-medium .megachatter-container { padding-top: 0 !important; width: auto; border: 1px solid #fff; margin-left: 10px; } /* line 96, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WCMH .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 200px !important; } } @media screen and (min-width: 1110px) { /* line 103, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .product-container, .WCMH .view-container.show-megachatter.tile-small .user-label, .WCMH .view-container.show-megachatter.tile-small .scene-wrapper, .WCMH .view-container.show-megachatter.tile-medium .product-container, .WCMH .view-container.show-megachatter.tile-medium .user-label, .WCMH .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 666px; } /* line 106, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .megachatter-container, .WCMH .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; } } @media screen and (max-width: 666px) { /* line 111, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.show-megachatter.tile-small .megachatter-container, .WCMH .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; width: 100%; min-width: 320px; margin: auto; border-bottom: 1px solid #fff; } } /* line 122, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small, .WCMH .view-container.ticker-medium { overflow: hidden; } /* line 124, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small .megachatter-container, .WCMH .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #fff; height: 100px; } /* line 128, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small .megachatter-container message-list, .WCMH .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 143, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small .megachatter-container message-list .message-list, .WCMH .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 148, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small .megachatter-container message-list .message-list message-item, .WCMH .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 154, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMH .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 158, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .WCMH .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 164, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WCMH .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 172, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.ticker-small .megachatter-container message-input, .WCMH .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 180, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.carousel-small .megachatter-container, .WCMH .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 183, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.carousel-small .megachatter-container message-list, .WCMH .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 186, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.carousel-small .megachatter-container message-list .message-list, .WCMH .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #fff; border-bottom: 1px solid #fff; position: relative; } /* line 192, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.carousel-small .megachatter-container message-list .message-list message-item, .WCMH .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #fff; overflow: hidden; } /* line 205, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMH .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 212, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .WCMH .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 217, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WCMH .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 225, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container.carousel-small .megachatter-container message-input, .WCMH .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 232, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer { z-index: 5; } /* line 237, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 246, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 253, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 259, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer .drawer-container { position: relative; } /* line 262, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 266, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #fff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #a9a9a9; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 274, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #000; } /* line 279, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 303, .tmp/app/themes/WCMH/_megachatter-presentations.scss */ .WCMH.stacked .main-content-container.megachatter-hidden megachatter-presentations, .WCMH.veil .main-content-container.megachatter-hidden megachatter-presentations { display: none; } /* line 2, .tmp/app/themes/WCMH/gdpr-banner.scss */ .WCMH gdpr-banner .banner-container { background: #313131; padding: 9px; } /* line 5, .tmp/app/themes/WCMH/gdpr-banner.scss */ .WCMH gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 12px; text-align: center; } /* line 11, .tmp/app/themes/WCMH/gdpr-banner.scss */ .WCMH gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 16, .tmp/app/themes/WCMH/gdpr-banner.scss */ .WCMH gdpr-banner .banner-container img { width: 20px; height: 20px; margin: 0 0 0 25px; cursor: pointer; } /* line 24, .tmp/app/themes/WCMH/gdpr-banner.scss */ .WCMH gdpr-banner .ng-enter, .WCMH gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 27, .tmp/app/themes/WCMH/gdpr-banner.scss */ .WCMH gdpr-banner .ng-enter, .WCMH gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 32, .tmp/app/themes/WCMH/gdpr-banner.scss */ .WCMH gdpr-banner .ng-leave, .WCMH gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH points-countdown { display: none; } /* line 11, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .trivia points-countdown { display: block; } /* line 14, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .trivia .points-and-countdown-container { margin: 0; } /* line 18, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .trivia .status-bar-container { margin-bottom: 0 !important; position: relative; z-index: 1; } /* line 26, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .trivia .current-question-status-container { margin-bottom: 25px; } /* line 31, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .current-question-status-container { position: relative; display: block; width: 100%; } /* line 37, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .points-and-countdown-container { border-radius: 0; position: absolute; width: 100%; z-index: 2; top: 0; left: 0; height: 0; pointer-events: none; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); color: #fff; } /* line 49, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .points-and-countdown-container .points, .WCMH .points-and-countdown-container .countdown { color: #fff; text-align: center; top: -4px; position: absolute; z-index: 3; height: 30px; width: 60px; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); } /* line 59, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .points-and-countdown-container .points { left: 0; font-size: 14px; } /* line 64, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .points-and-countdown-container .countdown { right: 0; font-size: 18px; } /* line 70, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points { position: absolute; color: #fff; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); padding: 0; width: 95px; height: 95px; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 93, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 98, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutUp 0.5s ease-out 1.5s both; } /* line 103, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePoints 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 110, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 118, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points .x-container .top-left-to-bottom-right, .WCMH #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 131, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 136, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 142, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 147, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 151, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 154, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 159, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 166, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 173, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #total-points { width: 100%; padding: 5px; color: #fff; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; font-size: 18px; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 191, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #total-points:not(.no-points).total-value-is-animating { font-size: 26px; } /* line 195, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH #total-points:not(.no-points).total-value-is-displayed { font-size: 18px; } @keyframes animateTotalPointsStreaming { from { height: 0; opacity: 0; transform: translate3d(0, -100%, 0); } to { height: 30px; opacity: 1; transform: translate3d(0, 0, 0); } } /* line 215, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .small-width points-countdown, .WCMH .tiny-width points-countdown { position: relative; top: 10px; } /* line 220, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .small-width .trivia .current-question-status-container, .WCMH .tiny-width .trivia .current-question-status-container { Margin: 0 auto 60px auto; } /* line 224, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .small-width #total-points, .WCMH .tiny-width #total-points { top: -10px; } /* line 228, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .small-width .points-and-countdown-container .points, .WCMH .tiny-width .points-and-countdown-container .points { left: 0; } /* line 232, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH .small-width .points-and-countdown-container .countdown, .WCMH .tiny-width .points-and-countdown-container .countdown { right: 0; } /* line 240, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH.hide-points-during-scene .points { display: none; } /* line 243, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH.hide-points-during-scene .confetti { display: none; } /* line 246, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH.hide-points-during-scene #round-points { display: none; } /* line 249, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH.hide-points-during-scene #total-points { display: none; } /* line 255, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH.hide-countdown-during-scene .countdown { display: none; } /* line 261, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH.hide-countdown-scene-results.round_end .countdown { display: none; } /* line 270, .tmp/app/themes/WCMH/_points-and-countdown.scss */ .WCMH.hide-points-during-scene.hide-countdown-during-scene .small-width .trivia .current-question-status-container, .WCMH.hide-points-during-scene.hide-countdown-during-scene .tiny-width .trivia .current-question-status-container, .WCMH.hide-points-during-scene.hide-countdown-scene-results.round_end .small-width .trivia .current-question-status-container, .WCMH.hide-points-during-scene.hide-countdown-scene-results.round_end .tiny-width .trivia .current-question-status-container { Margin: 0 auto 50px auto; } /* line 2, .tmp/app/themes/WCMH/_veil.scss */ .WCMH.veil { background: transparent; } /* line 4, .tmp/app/themes/WCMH/_veil.scss */ .WCMH.veil .main-content-container { position: absolute; bottom: 10px; right: 0; left: 0; height: 40%; width: 90%; margin: auto; border-radius: 5px; opacity: 0.9; overflow: auto; border: 1px solid #808080; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); transform: translate3d(0, 0, 0); } /* line 20, .tmp/app/themes/WCMH/_veil.scss */ .WCMH.veil .modal-backdrop { display: none; } /* line 25, .tmp/app/themes/WCMH/_veil.scss */ .WCMH.veil .offer-modal, .WCMH.veil .feedback-modal { position: absolute; bottom: 10px; right: 0; left: 0; top: unset; height: 40%; width: 90%; margin: auto; border-radius: 5px; overflow: auto; box-shadow: none; } /* line 40, .tmp/app/themes/WCMH/_veil.scss */ .WCMH.veil .feedback-modal { height: 60%; } /* line 42, .tmp/app/themes/WCMH/_veil.scss */ .WCMH.veil .feedback-modal .modal-dialog { height: 100%; width: 100%; margin: auto; border-radius: 5px; } /* line 4, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container { width: 100%; } /* line 6, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .predictions-navigation-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 5px 0; } /* line 12, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .predictions-navigation-container * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 15, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .predictions-navigation-container.with-scene-counter { -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr max-content 1fr; grid-gap: 5px; } /* line 18, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .predictions-navigation-container.with-scene-counter .scene-counter-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #000; color: #fff; padding: 6px; border: 1px solid #fff; border-radius: 5px; } /* line 30, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .predictions-navigation-container p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 35, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .predictions-navigation-container .predictions-navigation { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #000; font-size: 14px; padding: 10px; text-align: center; transition: background-color 0.15s linear; cursor: pointer; } /* line 46, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .predictions-navigation-container .predictions-navigation.active { background-color: #1a1919; } /* line 52, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-title-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 55, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; grid-gap: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 61, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard span { font-size: 12px; color: #000; font-weight: normal; } /* line 66, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard svg { width: 10px; } /* line 72, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-title-container h3 { color: #000; margin: 0; padding: 0; text-align: left; font-size: 16px; } /* line 80, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-action-bar { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 12px; text-decoration: underline; padding: 5px 5px 0 5px; cursor: pointer; } /* line 93, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 101, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; z-index: 25; } /* line 109, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 118, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 121, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 126, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 131, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 135, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name, .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 141, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 145, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 153, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .card-container { width: 95%; margin: 10px auto; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 10px; overflow: hidden; transition: opacity 0.15s ease, transform 0.15s ease; max-width: 600px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 167, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .card-container h1 { color: #000; } /* line 170, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .card-container .back-button { cursor: pointer; } /* line 172, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .card-container .back-button p { color: #000; } /* line 177, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-title { color: #000; padding: 5px; } /* line 181, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .main-content-container { position: relative; } /* line 184, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .back-button, .WCMH #predictions-container .next-button { display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 192, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .back-button span:hover, .WCMH #predictions-container .back-button svg:hover, .WCMH #predictions-container .next-button span:hover, .WCMH #predictions-container .next-button svg:hover { cursor: pointer; text-decoration: underline; } /* line 197, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .back-button .back-icon, .WCMH #predictions-container .next-button .back-icon { width: 16px; height: 16px; } /* line 201, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .back-button p, .WCMH #predictions-container .next-button p { margin: 0; padding: 0; color: #000; } /* line 207, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .back-button-with-shaft { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 15px; width: 15px; background-size: contain; cursor: pointer; background-color: transparent; padding: 0; border: none; opacity: 1; cursor: pointer; margin: 0 2px 0 0; } /* line 223, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .back-button-with-shaft.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 229, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .next-button { -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 231, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .next-button p { text-align: right; } /* line 234, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .next-button svg { transform: rotateY(180deg); } /* line 239, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .loading-container { height: 200px; width: 200px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; } /* line 249, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; padding: 10px; } /* line 255, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item { max-width: 600px; width: 95%; background-color: #000; border-radius: 5px; cursor: pointer; transition: opacity 0.15s ease, transform 0.15s ease; } /* line 262, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item:hover { opacity: 0.9; transform: scale(1.03); } /* line 266, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container, .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { transition: opacity 0.4s ease; } /* line 269, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton { cursor: auto; min-height: 44px; background: linear-gradient(0.25turn, transparent, #ffffff47, transparent), linear-gradient(#000, #000), radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%), linear-gradient(#eee, #eee); background-repeat: no-repeat; background-size: 600px 250px, 600px 180px, 100px 100px, 225px 30px; background-position: -600px 0, 0 0, 0px 190px, 50px 195px; animation: loading-gradient-shine 1.5s infinite; } /* line 277, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-points-container, .WCMH #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-content { opacity: 0; overflow: hidden; } /* line 281, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton:hover { opacity: 1; transform: none; } /* line 286, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { color: #fff; padding: 12px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: auto; } /* line 295, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content p { margin: 0; padding: 0; } /* line 299, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content .right-chevron { width: 18px; height: 18px; } /* line 304, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container { border-radius: 0 0 5px 5px; } /* line 305, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container p { margin: 0; color: #fff; font-weight: lighter; text-align: center; padding: 3px; font-size: 12px; } /* line 314, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.correct { background-color: #27ae60; } /* line 317, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.incorrect { background-color: #c0392b; } /* line 320, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.info { background-color: gray; } /* line 328, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container.is-logged-out .logged-out-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; height: 100%; transition-delay: 0.1s; } /* line 335, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container.is-logged-out .logged-out-container h1 { animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; color: #000; font-weight: 600; font-size: 20px; text-align: center; margin: 10px auto; } /* line 343, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container.is-logged-out .logged-out-container button { border-radius: 5px; animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both; } /* line 348, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container.is-logged-out .logged-out-container .splash-screen-container { width: 100%; height: 100%; } /* line 351, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container.is-logged-out .logged-out-container .splash-screen-container img { width: 100%; height: auto; margin: 0 auto; cursor: pointer; } /* line 360, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .user-image { width: 40px; height: 40px; background: #000; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 375, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 384, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #predictions-container .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 399, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper h3 { color: #ffffff; background-color: #000; margin: 0; padding: 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-bottom: 1px solid #ffffff80; } /* line 407, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .close-panel-button { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 412, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .user-results-list-container { overflow: auto; } /* line 414, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .user-results-list-container .user-result-item { margin: 0 20px; } /* line 416, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .user-results-list-container .user-result-item .date-heading { padding: 2px; font-size: 12px; font-weight: normal; text-align: center; border-bottom: 1px solid; max-width: 620px; margin: 8px auto; } /* line 425, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper { background-color: #000; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 10px auto; border-radius: 20px; overflow: hidden; color: #fff; max-width: 600px; } /* line 439, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points:hover { background-repeat: repeat-x; background-position: top -10px center; background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='0' width='4' height='8'/%3E%3Crect x='84' y='0' width='4' height='8'/%3E%3Crect x='126' y='0' width='3' height='9'/%3E%3Crect x='168' y='0' width='3' height='9'/%3E%3Crect x='210' y='0' width='4' height='8'/%3E%3Crect x='252' y='0' width='4' height='9'/%3E%3Crect x='294' y='0' width='4' height='8'/%3E%3Crect x='336' y='0' width='3' height='9'/%3E%3Crect x='378' y='0' width='3' height='9'/%3E%3Crect x='420' y='0' width='4' height='8'/%3E%3Crect x='462' y='0' width='4' height='8'/%3E%3Crect x='504' y='0' width='3' height='9'/%3E%3Crect x='546' y='0' width='4' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 831ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 642ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 676ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 819ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E"); } /* line 446, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points .points-container { background: #27ae60; } /* line 452, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-container { background: #c0392b; padding: 5px; border-radius: 20px; color: #fff; min-width: 68px; text-align: center; font-size: 12px; } /* line 461, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-awarded-text { text-align: center; padding-right: 30px; } /* line 468, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .your-results-wrapper .tag-line { padding: 10px; color: #000; font-weight: normal; text-align: center; } /* line 478, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .close-panel-button { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 22px; width: 22px; position: absolute; top: 8px; left: 8px; background-size: contain; margin: 0; cursor: pointer; background-color: transparent; border-radius: 50%; padding: 0; border: none; opacity: 1; z-index: 40; cursor: pointer; } /* line 499, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .close-panel-button.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; } /* line 507, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .fullscreen-panel { position: fixed; top: 0; left: 0; height: calc(100vh - 24px); width: 100vw; background: #fff; z-index: 30; display: -ms-grid; display: grid; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; } /* line 521, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .rankings-wrapper .scroll-wrapper { overflow: auto; } /* line 524, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .rankings-wrapper .rankings-list-container { overflow: auto; } /* line 530, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 539, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; } /* line 546, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 555, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 558, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 563, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 568, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 572, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item .user-image { width: 40px; height: 40px; background: #000; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 587, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 596, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 607, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item .user-name, .WCMH .prediction-rankings-container .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 613, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 617, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 626, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container.expanded-leaderboard-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; border-top: 1px solid gray; overflow: auto; } /* line 630, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item { -ms-grid-columns: max-content 50px 1fr max-content; grid-template-columns: max-content 50px 1fr max-content; grid-gap: 10px; border-bottom: 1px solid gray; padding: 5px 15px; border-radius: 0; } /* line 636, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .user-name { text-align: left; font-weight: 600; } /* line 640, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .rank-number { margin: 0; color: #000; padding: 3px 7px; border-radius: 5px; font-size: 12px; border: 1px solid #000; min-width: 33px; text-align: center; } /* line 657, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #prediction-scene-container.animate-fade-in { transition-delay: 0.15s; } /* line 660, .tmp/app/themes/WCMH/_predictions.scss */ .WCMH #prediction-scene-container.animate-fade-in .megachatter-container .message-list { height: 260px !important; } /* line 5, .tmp/app/themes/WCMH/AppInstall/styles.scss */ .WCMH.AppInstall header, .WCMH [app-install] header { display: none; } /* line 8, .tmp/app/themes/WCMH/AppInstall/styles.scss */ .WCMH.AppInstall .app-install, .WCMH [app-install] .app-install { width: 100%; min-height: 460px; text-align: center; vertical-align: middle; } /* line 11, .tmp/app/themes/WCMH/AppInstall/styles.scss */ .WCMH.AppInstall .app-install .column, .WCMH [app-install] .app-install .column { width: 50%; } /* line 14, .tmp/app/themes/WCMH/AppInstall/styles.scss */ .WCMH.AppInstall .app-install .app-install-button, .WCMH [app-install] .app-install .app-install-button { max-height: 80px; max-width: 160px; } /* line 19, .tmp/app/themes/WCMH/AppInstall/styles.scss */ .WCMH.AppInstall .app-install a, .WCMH [app-install] .app-install a { text-decoration: underline; color: #000; cursor: pointer; } /* line 24, .tmp/app/themes/WCMH/AppInstall/styles.scss */ .WCMH.AppInstall .app-install h1, .WCMH [app-install] .app-install h1 { margin: 0 auto; padding: 20px; } /* line 30, .tmp/app/themes/WCMH/AppInstall/styles.scss */ .WCMH.AppInstall .app-install dynamic-image, .WCMH [app-install] .app-install dynamic-image { display: block; margin: auto; width: 72px; height: 72px; } /* line 5, .tmp/app/themes/WCMH/Banner/styles.scss */ .WCMH.Banner .banner, .WCMH [banner] .banner { text-align: center; vertical-align: middle; margin: auto; } /* line 6, .tmp/app/themes/WCMH/Banner/styles.scss */ .WCMH.Banner .banner a, .WCMH [banner] .banner a { text-decoration: underline; color: #fff; cursor: pointer; display: block; } /* line 12, .tmp/app/themes/WCMH/Banner/styles.scss */ .WCMH.Banner .banner h1, .WCMH [banner] .banner h1 { padding: 10px 50px; } /* line 18, .tmp/app/themes/WCMH/Banner/styles.scss */ .WCMH.Banner .banner dynamic-image, .WCMH [banner] .banner dynamic-image { display: block; margin: auto; } /* line 22, .tmp/app/themes/WCMH/Banner/styles.scss */ .WCMH.Banner .banner .smallBannerImage, .WCMH [banner] .banner .smallBannerImage { height: 480px; width: 320px; } /* line 26, .tmp/app/themes/WCMH/Banner/styles.scss */ .WCMH.Banner .banner .mediumBannerImage, .WCMH [banner] .banner .mediumBannerImage { height: 480px; width: 666px; } /* line 8, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked.multiview .app-container .megachatter-container .message-list, .WCMH.Blank.veil.multiview .app-container .megachatter-container .message-list, .WCMH [blank].stacked.multiview .app-container .megachatter-container .message-list, .WCMH [blank].veil.multiview .app-container .megachatter-container .message-list { height: calc(100vh - 109px) !important; max-height: 100%; overflow-y: auto; } /* line 16, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked .scene-wrapper, .WCMH.Blank.veil .scene-wrapper, .WCMH [blank].stacked .scene-wrapper, .WCMH [blank].veil .scene-wrapper { height: 0 !important; } /* line 19, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked header, .WCMH.Blank.veil header, .WCMH [blank].stacked header, .WCMH [blank].veil header { display: none; } /* line 22, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked .view-container, .WCMH.Blank.veil .view-container, .WCMH [blank].stacked .view-container, .WCMH [blank].veil .view-container { min-height: unset; } /* line 25, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked .product-container, .WCMH.Blank.veil .product-container, .WCMH [blank].stacked .product-container, .WCMH [blank].veil .product-container { opacity: 0; height: 0; } /* line 29, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked .main-content-container, .WCMH.Blank.veil .main-content-container, .WCMH [blank].stacked .main-content-container, .WCMH [blank].veil .main-content-container { border: none; box-shadow: none; } /* line 32, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked .main-content-container gdpr-banner, .WCMH.Blank.veil .main-content-container gdpr-banner, .WCMH [blank].stacked .main-content-container gdpr-banner, .WCMH [blank].veil .main-content-container gdpr-banner { display: none; } /* line 35, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked .main-content-container facebook-login, .WCMH.Blank.veil .main-content-container facebook-login, .WCMH [blank].stacked .main-content-container facebook-login, .WCMH [blank].veil .main-content-container facebook-login { display: none; } /* line 39, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked .app-container, .WCMH.Blank.veil .app-container, .WCMH [blank].stacked .app-container, .WCMH [blank].veil .app-container { background: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 44, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked .app-container .megachatter-container .message-list, .WCMH.Blank.veil .app-container .megachatter-container .message-list, .WCMH [blank].stacked .app-container .megachatter-container .message-list, .WCMH [blank].veil .app-container .megachatter-container .message-list { max-height: 100%; } /* line 49, .tmp/app/themes/WCMH/Blank/styles.scss */ .WCMH.Blank.stacked footer, .WCMH.Blank.veil footer, .WCMH [blank].stacked footer, .WCMH [blank].veil footer { display: none; } /* line 2, .tmp/app/themes/WCMH/Bulletin/styles.scss */ .WCMH.Bulletin h1, .WCMH [bulletin] h1 { font-weight: bold; } /* line 5, .tmp/app/themes/WCMH/Bulletin/styles.scss */ .WCMH.Bulletin h2, .WCMH [bulletin] h2 { background: none; margin: 0; font-size: 22px; min-height: auto; height: auto; } /* line 6, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now, .WCMH [buy-now] .buy-now { display: block; } /* line 8, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .question, .WCMH [buy-now] .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .wrapper, .WCMH [buy-now] .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .wrapper img, .WCMH [buy-now] .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .wrapper a:hover, .WCMH [buy-now] .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .wrapper a, .WCMH [buy-now] .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .wrapper a button, .WCMH [buy-now] .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 666px) { /* line 6, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now, .WCMH [buy-now] .buy-now { margin: 0; } /* line 29, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now img, .WCMH [buy-now] .buy-now img { max-width: 306px; } /* line 32, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now a, .WCMH [buy-now] .buy-now a { display: block; } /* line 34, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now a button, .WCMH [buy-now] .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #555555; } } @media screen and (min-width: 666px) { /* line 42, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .wrapper, .WCMH [buy-now] .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 46, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .wrapper img, .WCMH [buy-now] .buy-now .wrapper img { max-width: 203px; } /* line 50, .tmp/app/themes/WCMH/BuyNow/styles.scss */ .WCMH.BuyNow .buy-now .wrapper a button, .WCMH [buy-now] .buy-now .wrapper a button { display: block; background-color: #555555; } } /* line 7, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH.ConfigurablePoll .configurable-poll .question .image-container { height: 80px; margin: 10px; width: 80px; } /* line 11, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH.ConfigurablePoll .configurable-poll .question .image-container dynamic-image { display: block; } /* line 22, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers { width: 80%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 25, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 29, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer .active-content, .WCMH .medium-width .configurable-poll .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 33, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer:first-child, .WCMH .medium-width .configurable-poll .answers .answer:nth-child(4), .WCMH .medium-width .configurable-poll .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 36, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer .image-container { width: 72px; height: 72px; } /* line 40, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer .popular-icon, .WCMH .medium-width .configurable-poll .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .configurable-poll .answers .answer .progress { line-height: 20px; height: 20px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .configurable-poll .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; } /* line 48, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer .percent-container { margin: 0; } /* line 50, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; } /* line 55, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 5px; } /* line 59, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer .image-container, .WCMH .medium-width .configurable-poll .answers .answer .percent-container { margin-top: 1px; } /* line 63, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .medium-width .configurable-poll .answers .answer .answer-text { font-size: 17px; min-height: 48px; width: 100%; } /* line 70, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .survey .WCMH .medium-width .configurable-poll .answers .answer.popular .percent-text, .trivia .WCMH .medium-width .configurable-poll .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 83, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .small-width .configurable-poll .answers, .WCMH .tiny-width .configurable-poll .answers { padding: 0 10px; width: 80%; min-width: 320px; } /* line 87, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .small-width .configurable-poll .answers .answer, .WCMH .tiny-width .configurable-poll .answers .answer { width: 100%; margin-top: 20px; } /* line 90, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .small-width .configurable-poll .answers .answer:first-child, .WCMH .tiny-width .configurable-poll .answers .answer:first-child { margin-top: 0; } /* line 93, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .small-width .configurable-poll .answers .answer .image-container, .WCMH .tiny-width .configurable-poll .answers .answer .image-container { height: 68px; width: 68px; } /* line 97, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .small-width .configurable-poll .answers .answer .answer-text, .WCMH .tiny-width .configurable-poll .answers .answer .answer-text { font-size: 16px; min-height: 46px; width: 100%; } /* line 102, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .small-width .configurable-poll .answers .answer .percent-container, .WCMH .tiny-width .configurable-poll .answers .answer .percent-container { width: 100%; margin: 0; } /* line 105, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WCMH .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 109, .tmp/app/themes/WCMH/ConfigurablePoll/styles.scss */ .WCMH .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WCMH .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { line-height: 1.2; } /* line 10, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .configurable-poll .answers .answer .percent-container, .WCMH .tiny-width .configurable-poll .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WCMH .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WCMH .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .configurable-poll .answers .answer .progress, .WCMH .tiny-width .configurable-poll .answers .answer .progress { line-height: 15px; height: 15px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .configurable-poll .answers .answer .progress-bar, .WCMH .tiny-width .configurable-poll .answers .answer .progress-bar { height: 11px; line-height: 11px; top: 1px; } /* line 7, .tmp/app/themes/WCMH/DidYouKnow/styles.scss */ .WCMH.DidYouKnow .dyk-image-cont, .WCMH [did-you-know] .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/WCMH/DidYouKnow/styles.scss */ .WCMH.DidYouKnow .dyk-image-cont img, .WCMH [did-you-know] .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/WCMH/DidYouKnow/styles.scss */ .WCMH.DidYouKnow h1, .WCMH [did-you-know] h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } /* line 6, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate, .WCMH [donate] .donate { /* Portrait tablets and up */ /* Less than portrait tablets*/ } /* line 9, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate form .paypal-btn, .WCMH [donate] .donate form .paypal-btn { background-image: url("../themes/WCMH/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate a, .WCMH [donate] .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate img, .WCMH [donate] .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate button, .WCMH [donate] .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate button.streamtip-btn, .WCMH [donate] .donate button.streamtip-btn { background-image: url("../themes/WCMH/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate button.patreon-btn, .WCMH [donate] .donate button.patreon-btn { background-image: url("../themes/WCMH/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate button.subscribe-btn, .WCMH [donate] .donate button.subscribe-btn { background-image: url("../themes/WCMH/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } @media screen and (min-width: 666px) { /* line 54, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate img.foreground, .WCMH [donate] .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } } @media screen and (max-width: 666px) { /* line 64, .tmp/app/themes/WCMH/Donate/styles.scss */ .WCMH.Donate .donate img.foreground, .WCMH [donate] .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } } /* line 6, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage header, .WCMH [embedded-webpage] header { display: none; } /* line 10, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage footer, .WCMH [embedded-webpage] footer { display: none; } /* line 14, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage .app-container, .WCMH.EmbeddedWebpage .app-height-element, .WCMH.EmbeddedWebpage .view-container, .WCMH [embedded-webpage] .app-container, .WCMH [embedded-webpage] .app-height-element, .WCMH [embedded-webpage] .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage .view-container div[embedded-webpage], .WCMH [embedded-webpage] .view-container div[embedded-webpage] { -webkit-overflow-scrolling: touch; overflow: scroll; } @media screen and (max-width: 666px) { /* line 21, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage .view-container div[embedded-webpage], .WCMH [embedded-webpage] .view-container div[embedded-webpage] { height: 480px; } } @media screen and (min-width: 666px) { /* line 21, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage .view-container div[embedded-webpage], .WCMH [embedded-webpage] .view-container div[embedded-webpage] { height: 680px; } } /* line 34, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage iframe, .WCMH [embedded-webpage] iframe { background-color: transparent; border: none; width: 100%; } @media screen and (max-width: 666px) { /* line 34, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage iframe, .WCMH [embedded-webpage] iframe { height: 480px; } } @media screen and (min-width: 666px) { /* line 34, .tmp/app/themes/WCMH/EmbeddedWebpage/styles.scss */ .WCMH.EmbeddedWebpage iframe, .WCMH [embedded-webpage] iframe { height: 680px; } } /* line 4, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login { background-color: #000; display: block; } /* line 7, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner { margin: 0 auto; padding: 1px 5px; } @media screen and (max-width: 666px) { /* line 7, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner { max-width: 330px; min-width: 320px; } } @media screen and (min-width: 666px) { /* line 7, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner { max-width: 676px; min-width: 666px; } } /* line 20, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .column { vertical-align: middle; } /* line 24, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 28, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner string-rotator { display: -ms-flexbox; display: flex; } /* line 32, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner span { color: #ccc; font-weight: 400; font-size: 10px; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } /* line 41, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .user-info-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; transition: opacity 0.15s linear; } /* line 49, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .user-info-container:hover { opacity: 0.8; } /* line 51, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .user-info-container:hover p { text-decoration: underline; min-width: 80px; } /* line 56, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .user-info-container dynamic-image { height: 22px; width: 22px; border-radius: 50%; background: #fff; background-size: contain; } /* line 63, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .user-info-container p { padding: 0; margin: 0; font-size: 12px; color: #fff; font-weight: normal; min-width: 80px; } /* line 72, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .sign-out-pop-out { position: absolute; top: 30px; border-radius: 5px; margin: 0 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 10; background-color: #fff; overflow: hidden; } /* line 81, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .sign-out-pop-out ul { list-style-type: none; padding: 0; margin: 0; } /* line 85, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .sign-out-pop-out ul li { list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; padding: 5px 10px; transition: background 0.15s linear; background-color: #fff; } /* line 96, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .sign-out-pop-out ul li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.23); } /* line 99, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .sign-out-pop-out ul li:hover { background: #f6f6f6; } /* line 102, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .sign-out-pop-out ul li img { max-height: 24px; max-width: 24px; } /* line 106, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .sign-out-pop-out ul li p, .WCMH facebook-login .facebook-inner .sign-out-pop-out ul li p > span { padding: 0; margin: 0; color: #000; font-weight: normal; font-size: 13px; text-align: left; } /* line 116, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login .facebook-inner .sign-out-pop-out .login-bar-button { padding: 5px; } /* line 121, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH facebook-login button.login-bar-button { border: 0; cursor: pointer; text-transform: uppercase; margin: 1px auto; border-radius: 3px; padding: 2px; font-size: 11px; } /* line 132, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3b55a0', GradientType=0); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 11px; line-height: 0; font-weight: 400; border: 0 solid transparent; border-radius: 2px; text-transform: none; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 153, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH .facebook-button svg { height: 16px; width: 16px; } /* line 158, .tmp/app/themes/WCMH/FacebookLogin/styles.scss */ .WCMH .facebook-button .facebook-button-text { padding: 0 6px; } /* line 7, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .show-megachatter .facebook-to-tv .question, .WCMH.FacebookToTV .show-megachatter .facebook-to-tv .status-bar-container, .WCMH [facebook-to-tv] .show-megachatter .facebook-to-tv .question, .WCMH [facebook-to-tv] .show-megachatter .facebook-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .facebook-to-tv .image-container, .WCMH [facebook-to-tv] .facebook-to-tv .image-container { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); padding: 8px; } /* line 16, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .facebook-to-tv .image-container.no-image, .WCMH [facebook-to-tv] .facebook-to-tv .image-container.no-image { background: transparent; height: 15px; } /* line 21, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .facebook-to-tv .name, .WCMH.FacebookToTV .facebook-to-tv .screen-name, .WCMH.FacebookToTV .facebook-to-tv .message, .WCMH [facebook-to-tv] .facebook-to-tv .name, .WCMH [facebook-to-tv] .facebook-to-tv .screen-name, .WCMH [facebook-to-tv] .facebook-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 28, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .facebook-to-tv .name, .WCMH [facebook-to-tv] .facebook-to-tv .name { background: linear-gradient(to bottom, #008cf2 0%, #00030e 100%); color: #fff; font-size: 18px; margin-top: 9px; padding: 3px 50px; } /* line 35, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .facebook-to-tv .message, .WCMH [facebook-to-tv] .facebook-to-tv .message { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); color: #1d2e58; font-size: 16px; padding: 25px 20px 40px 20px; } /* line 40, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .facebook-to-tv .message a, .WCMH [facebook-to-tv] .facebook-to-tv .message a { color: #415ac0; } /* line 44, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .facebook-to-tv .avatar, .WCMH [facebook-to-tv] .facebook-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 50, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH.FacebookToTV .facebook-to-tv .logo, .WCMH [facebook-to-tv] .facebook-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 62, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH .medium-width .facebook-to-tv { margin: 0 auto; min-width: 640px; } /* line 65, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH .medium-width .facebook-to-tv .name, .WCMH .medium-width .facebook-to-tv .message { width: 90%; } /* line 69, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH .medium-width .facebook-to-tv .name { font-size: 23px; } /* line 72, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH .medium-width .facebook-to-tv .message { font-size: 19px; padding: 27px 40px 40px 40px; } /* line 76, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH .medium-width .facebook-to-tv .avatar { height: 90px; width: 90px; } /* line 80, .tmp/app/themes/WCMH/FacebookToTV/styles.scss */ .WCMH .medium-width .facebook-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 8, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH.FaceOff .face-off .answers .answer .active-content, .WCMH.FaceOff .face-off .answers .answer .answer-container, .WCMH [face-off] .face-off .answers .answer .active-content, .WCMH [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 12, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH.FaceOff .face-off .answers .answer .popular-icon, .WCMH.FaceOff .face-off .answers .answer .your-vote-indicator, .WCMH [face-off] .face-off .answers .answer .popular-icon, .WCMH [face-off] .face-off .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 20, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH.FaceOff .face-off .answers .answer:first-child .progress, .WCMH [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 47, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .medium-width .face-off .answers { width: 90%; min-width: 640px; margin-top: 30px; padding-bottom: 18px; } /* line 52, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .medium-width .face-off .answers .answer { width: calc(50% - 3px); } /* line 54, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .medium-width .face-off .answers .answer .percent-container { width: 100%; } /* line 57, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .medium-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 61, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .medium-width .face-off .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .face-off .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 10, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .face-off .answers .answer .percent-container .percent-text { font-size: 22px; padding-top: 0; text-align: center; width: 80px; } /* line 18, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 69, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .medium-width .face-off .answers .answer:last-child .image-container { -ms-flex-order: 1; order: 1; } /* line 73, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .medium-width .face-off .answers .answer .image-container { height: 114px; width: 114px; } /* line 77, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .medium-width .face-off .answers .answer .answer-text { font-size: 22px; min-height: 82px; margin: 0; width: 100%; } /* line 90, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .status-bar-container, .WCMH .tiny-width .face-off .status-bar-container { margin-bottom: 22px; } /* line 93, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers, .WCMH .tiny-width .face-off .answers { padding: 0 0 20px 0; width: 80%; } /* line 96, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer, .WCMH .tiny-width .face-off .answers .answer { margin: 0; width: calc(50% - 3px); } /* line 99, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer:first-child, .WCMH .tiny-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 102, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .image-container, .WCMH .tiny-width .face-off .answers .answer .image-container { height: 112px; width: 100%; margin: 0; } /* line 106, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .image-container img, .WCMH .tiny-width .face-off .answers .answer .image-container img { max-height: 112px; max-width: 100%; } /* line 111, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .your-vote-indicator, .WCMH .small-width .face-off .answers .answer .popular-icon, .WCMH .tiny-width .face-off .answers .answer .your-vote-indicator, .WCMH .tiny-width .face-off .answers .answer .popular-icon { width: 100%; left: 0; } /* line 115, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .popular-icon, .WCMH .tiny-width .face-off .answers .answer .popular-icon { top: auto; bottom: -18px; } /* line 119, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .percent-container, .WCMH .small-width .face-off .answers .answer .answer-text, .WCMH .tiny-width .face-off .answers .answer .percent-container, .WCMH .tiny-width .face-off .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 124, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .answer-text, .WCMH .tiny-width .face-off .answers .answer .answer-text { min-height: 58px; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .face-off .answers .answer .progress, .WCMH .tiny-width .face-off .answers .answer .progress { line-height: 14px; height: 14px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .face-off .answers .answer .progress-bar, .WCMH .tiny-width .face-off .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0; } /* line 10, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .face-off .answers .answer .percent-container, .WCMH .tiny-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .face-off .answers .answer .percent-container .percent-text, .WCMH .tiny-width .face-off .answers .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .face-off .answers .answer .percent-container .progress-container, .WCMH .tiny-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 130, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .percent-container .percent-text, .WCMH .tiny-width .face-off .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; padding-top: 5px; } /* line 136, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .percent-container .progress-container, .WCMH .tiny-width .face-off .answers .answer .percent-container .progress-container { padding: 7px; } /* line 140, .tmp/app/themes/WCMH/FaceOff/styles.scss */ .WCMH .small-width .face-off .answers .answer .popular-label, .WCMH .tiny-width .face-off .answers .answer .popular-label { padding-bottom: 20px; } /* line 4, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback { color: #fff; text-transform: none; } /* line 7, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .view-container { padding: 0; } /* line 10, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .required { color: #5cb9ff; font-weight: normal; } /* line 14, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback h1, .WCMH .feedback h3 { margin: 0; } /* line 18, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback h1 { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); color: #1d2e58; font-weight: 700; padding: 12px 20px; } /* line 24, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback h3 { background: linear-gradient(to bottom, #008cf2 0%, #00030e 100%); color: #fff; padding: 3px 10px; font-size: 17px; } /* line 30, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul { font-size: 0; margin: 0; overflow: hidden; padding: 0 10px; margin-top: 10px; } @media screen and (min-width: 666px) { /* line 30, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul { padding: 0 40px; } } /* line 39, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul li { box-sizing: border-box; font-size: 14px; list-style: none; margin: 0; padding: 4px 10px; vertical-align: top; } @media screen and (min-width: 666px) { /* line 39, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul li { display: inline-block; width: 50%; } } /* line 52, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul li.item-checkbox, .WCMH .feedback ul li.item-textarea { display: block; width: 100%; } /* line 57, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul li.item-checkbox { display: block; width: 100%; } /* line 61, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul li label { display: block; margin-bottom: 0; } /* line 65, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul li input, .WCMH .feedback ul li textarea { display: block; width: 100%; } /* line 70, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul li textarea { height: 65px; } @media screen and (min-width: 666px) { /* line 39, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback ul li { display: inline-block; width: 50%; } } /* line 82, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .feedback-submit .close-button { display: none; } /* line 85, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .feedback-submit p { padding: 0; } @media screen and (max-width: 666px) { /* line 81, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .feedback-submit { text-align: center; } /* line 90, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .feedback-submit .feedback-submit-text { display: block; } } @media screen and (min-width: 666px) { /* line 81, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .feedback-submit { padding: 5px 15px 0 15px; text-align: right; } } /* line 98, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .feedback-submit button { display: block; } /* line 102, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH .feedback .close-button-submitted, .WCMH .feedback .close-button-nonsubmitted { display: block; } /* line 115, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) .feedback ul li.item-checkbox label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/WCMH/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 125, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) .feedback ul li.item-checkbox input { opacity: 0; } /* line 128, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/WCMH/images/feedback/checkboxBG-focus.png"); } /* line 132, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/WCMH/images/feedback/checkboxBG-selected-focus.png"); } /* line 135, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/WCMH/images/feedback/checkboxBG-selected.png"); } /* line 138, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/WCMH/images/feedback/checkboxBG-required.png"); } /* line 144, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/WCMH/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 154, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) input[type='checkbox'] { opacity: 0; } /* line 157, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/WCMH/feedback/checkboxBG-focus.png"); } /* line 161, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/WCMH/feedback/checkboxBG-selected-focus.png"); } /* line 164, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/WCMH/feedback/checkboxBG-selected.png"); } /* line 167, .tmp/app/themes/WCMH/Feedback/styles.scss */ .WCMH:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/WCMH/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .show-megachatter .five-star, .WCMH [five-stars] .show-megachatter .five-star { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .show-megachatter .five-star .question, .WCMH.FiveStars .show-megachatter .five-star .status-bar-container, .WCMH [five-stars] .show-megachatter .five-star .question, .WCMH [five-stars] .show-megachatter .five-star .status-bar-container { width: 100%; } /* line 14, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container, .WCMH [five-stars] .five-star .five-star-container { position: relative; } /* line 16, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .vote-container, .WCMH [five-stars] .five-star .five-star-container .vote-container { color: #fff; font-size: 16px; } /* line 20, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .image-container, .WCMH [five-stars] .five-star .five-star-container .image-container { text-align: center; } /* line 23, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .popular, .WCMH.FiveStars .five-star .five-star-container .your-vote, .WCMH [five-stars] .five-star .five-star-container .popular, .WCMH [five-stars] .five-star .five-star-container .your-vote { font-size: 38px; } /* line 27, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .title, .WCMH.FiveStars .five-star .five-star-container .five-star-average, .WCMH [five-stars] .five-star .five-star-container .title, .WCMH [five-stars] .five-star .five-star-container .five-star-average { font-size: 17px; line-height: 1.1em; } /* line 32, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .five-star-average, .WCMH.FiveStars .five-star .five-star-container .five-star-answer, .WCMH [five-stars] .five-star .five-star-container .five-star-average, .WCMH [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 36, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .five-star-average, .WCMH [five-stars] .five-star .five-star-container .five-star-average { color: #fff; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); } /* line 40, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .five-star-answer, .WCMH [five-stars] .five-star .five-star-container .five-star-answer { background: linear-gradient(to bottom, #082673 60%, #00113b 100%); transition: all 1s; } /* line 44, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .title, .WCMH [five-stars] .five-star .five-star-container .title { color: #1d2e58; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); text-align: center; padding: 5px; } /* line 50, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .answers, .WCMH [five-stars] .five-star .five-star-container .answers { margin: 0; padding: 0; transition: all 1s; } /* line 54, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .answers .answer, .WCMH [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/WCMH/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; width: 20%; list-style-type: none; } /* line 61, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star .five-star-container .answers .answer.active, .WCMH [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/WCMH/images/fivestar/star-active.png"); } /* line 68, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star.answered .five-star-answer, .WCMH [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 71, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH.FiveStars .five-star.answered .five-star-average, .WCMH [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 79, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 85, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container.no-image { padding-left: 0; } /* line 88, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 340px; width: 60%; max-width: 600px; height: 64px; } /* line 95, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container .answer { background-size: auto 49px; height: 64px; } /* line 99, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container .image-container { width: 150px; height: 150px; margin-left: -150px; float: left; } /* line 105, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container .title { height: 43px; font-size: 20px; } /* line 109, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container .your-vote { font-size: 28px; } /* line 112, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container .five-star-average { height: 43px; } /* line 115, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container .five-star-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 119, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .medium-width .five-star .five-star-container .five-star-average .column.popular { font-size: 30px; padding-left: 5px; } /* line 131, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container, .WCMH .tiny-width .five-star .five-star-container { width: 80%; min-width: 256px; margin: 0 auto; } /* line 135, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container .columns, .WCMH .tiny-width .five-star .five-star-container .columns { margin: auto 5px; } /* line 138, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container .answers, .WCMH .tiny-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 245px; width: 60%; height: 55px; } /* line 144, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container .answer, .WCMH .tiny-width .five-star .five-star-container .answer { background-size: auto 39px; height: 55px; } /* line 148, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container .image-container, .WCMH .tiny-width .five-star .five-star-container .image-container { width: 134px; height: auto; } /* line 152, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container .five-star-average, .WCMH .tiny-width .five-star .five-star-container .five-star-average { min-height: 134px; width: 50%; padding: 15px 5px; } /* line 156, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container .five-star-average .row, .WCMH .tiny-width .five-star .five-star-container .five-star-average .row { height: 50%; text-align: center; } /* line 161, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container .five-star-answer, .WCMH .tiny-width .five-star .five-star-container .five-star-answer { margin-top: 12px; } /* line 164, .tmp/app/themes/WCMH/FiveStars/styles.scss */ .WCMH .small-width .five-star .five-star-container .your-vote, .WCMH .tiny-width .five-star .five-star-container .your-vote { font-size: 24px; } /* line 4, .tmp/app/themes/WCMH/Footer/styles.scss */ .WCMH footer { margin-top: 15px; } @media screen and (max-width: 666px) { /* line 8, .tmp/app/themes/WCMH/Footer/styles.scss */ .WCMH footer .footer-images img { max-height: 65px; max-width: 116px; margin: 5px 0; } } @media screen and (min-width: 666px) { /* line 18, .tmp/app/themes/WCMH/Footer/styles.scss */ .WCMH footer .footer-images img { max-height: 66px; max-width: 280px; margin: 5px 0; } } /* line 25, .tmp/app/themes/WCMH/Footer/styles.scss */ .WCMH footer .policies { padding: 5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } /* line 29, .tmp/app/themes/WCMH/Footer/styles.scss */ .WCMH footer .policies a { text-decoration: underline; color: #fff; font-size: 10px; font-weight: normal; cursor: pointer; } /* line 36, .tmp/app/themes/WCMH/Footer/styles.scss */ .WCMH footer .policies img { height: 12px; } /* line 7, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .show-megachatter .guess-gauge .question, .WCMH.GuessGauge .show-megachatter .guess-gauge .status-bar-container, .WCMH [guess-gauge] .show-megachatter .guess-gauge .question, .WCMH [guess-gauge] .show-megachatter .guess-gauge .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .gauge-container, .WCMH [guess-gauge] .guess-gauge .gauge-container { position: relative; } /* line 15, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .gauge-container .title, .WCMH [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 19, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .vote-container, .WCMH [guess-gauge] .guess-gauge .vote-container { color: #fff; font-size: 16px; } /* line 23, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .gauge-inner, .WCMH [guess-gauge] .guess-gauge .gauge-inner { background: linear-gradient(to bottom, #082673 60%, #00113b 100%); padding: 10px 25px 5px 25px; } /* line 28, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .gauge-average, .WCMH [guess-gauge] .guess-gauge .gauge-average { font-size: 17px; color: #fff; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); line-height: 1.1em; } /* line 34, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .gauge-answer, .WCMH [guess-gauge] .guess-gauge .gauge-answer { padding-top: 35px; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); } /* line 38, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .gauge-average, .WCMH.GuessGauge .guess-gauge .gauge-answer, .WCMH [guess-gauge] .guess-gauge .gauge-average, .WCMH [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 42, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .gauge-answer-track, .WCMH [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 45, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .display-answer, .WCMH [guess-gauge] .guess-gauge .display-answer { color: #1d2e58; font-size: 19px; overflow: hidden; z-index: 102; margin-top: -38px; position: absolute; } /* line 55, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .slider .slider-track, .WCMH [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 57, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .WCMH [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { background-image: url("../themes/WCMH/images/guessgauge/knob.png"); background-size: 27px 27px; border-radius: 27px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); cursor: pointer; position: absolute; height: 27px; text-align: center; top: -3px; width: 27px; z-index: 100; } /* line 70, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .slider .slider-track.popular, .WCMH [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 74, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .slider .slider-track, .WCMH [guess-gauge] .guess-gauge .slider .slider-track { height: 20px; } /* line 77, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .slider .slider-track-fg, .WCMH [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 20px; top: 0; background: linear-gradient(to right, #c05000 0%, #ffa112 100%); } /* line 82, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .slider .slider-main, .WCMH [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; } /* line 87, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .labels, .WCMH [guess-gauge] .guess-gauge .labels { color: #fff; width: calc(100% + 10px); margin-left: -5px; } /* line 91, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .labels .label-min, .WCMH [guess-gauge] .guess-gauge .labels .label-min { text-align: left; } /* line 94, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge .labels .label-max, .WCMH [guess-gauge] .guess-gauge .labels .label-max { text-align: right; } /* line 99, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge.answered .gauge-answer, .WCMH [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 102, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH.GuessGauge .guess-gauge.answered .gauge-average, .WCMH [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 111, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 117, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-container.no-image { padding-left: 0; } /* line 120, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-container .image-container { width: 150px; height: 150px; margin-left: -150px; float: left; } /* line 126, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-container .title { height: 43px; font-size: 20px; text-align: center; } /* line 132, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-average { height: 43px; } /* line 135, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 139, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-average .column.popular { font-size: 23px; padding-left: 5px; } /* line 147, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .slider .slider-track .slider-knob { background-size: 33px 33px; border-radius: 33px; height: 33px; top: -4px; width: 33px; } /* line 155, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .slider .slider-track, .WCMH .medium-width .guess-gauge .slider .slider-track-fg { height: 25px; } /* line 159, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .display-answer { font-size: 23px; margin-top: -47px; } /* line 163, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-answer { min-height: 103px; } /* line 166, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-answer-track { position: relative; margin: 5px auto 0 auto; } /* line 170, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .gauge-inner { min-height: 67px; } /* line 173, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .medium-width .guess-gauge .labels { font-size: 17px; padding-top: 3px; } /* line 182, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .small-width .guess-gauge .gauge-container, .WCMH .tiny-width .guess-gauge .gauge-container { margin: 0 auto; width: 80%; } /* line 186, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .small-width .guess-gauge .image-container, .WCMH .tiny-width .guess-gauge .image-container { width: 134px; height: auto; margin-left: 5px; } /* line 192, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .small-width .guess-gauge .gauge-average, .WCMH .tiny-width .guess-gauge .gauge-average { min-height: 134px; width: calc(100% - 5px); margin-right: 10px; padding: 15px 5px; } /* line 197, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .small-width .guess-gauge .gauge-average .row, .WCMH .tiny-width .guess-gauge .gauge-average .row { height: 50%; text-align: center; } /* line 200, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .small-width .guess-gauge .gauge-average .row:last-child, .WCMH .tiny-width .guess-gauge .gauge-average .row:last-child { line-height: 1.2; } /* line 205, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .small-width .guess-gauge .gauge-answer, .WCMH .tiny-width .guess-gauge .gauge-answer { margin-top: 12px; padding-top: 30px; } /* line 209, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .small-width .guess-gauge .popular, .WCMH .tiny-width .guess-gauge .popular { font-size: 20px; } /* line 212, .tmp/app/themes/WCMH/GuessGauge/styles.scss */ .WCMH .small-width .guess-gauge .labels, .WCMH .tiny-width .guess-gauge .labels { font-size: 14px; padding-top: 5px; } /* line 4, .tmp/app/themes/WCMH/Header/styles.scss */ .WCMH header { height: auto; width: 100%; } /* line 7, .tmp/app/themes/WCMH/Header/styles.scss */ .WCMH header .show-media { height: 50px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 41px; } @media screen and (min-width: 666px) { /* line 15, .tmp/app/themes/WCMH/Header/styles.scss */ .WCMH header .show-media { height: 61px; background-size: auto 50px; } } /* line 6, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH.HotOrNot .show-megachatter .hot-or-not, .WCMH [hot-or-not] .show-megachatter .hot-or-not { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH.HotOrNot .show-megachatter .hot-or-not .question, .WCMH.HotOrNot .show-megachatter .hot-or-not .status-bar-container, .WCMH [hot-or-not] .show-megachatter .hot-or-not .question, .WCMH [hot-or-not] .show-megachatter .hot-or-not .status-bar-container { width: 100%; } /* line 16, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH.HotOrNot .hot-or-not .answers .answer .active-content, .WCMH.HotOrNot .hot-or-not .answers .answer .answer-container, .WCMH [hot-or-not] .hot-or-not .answers .answer .active-content, .WCMH [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 20, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH.HotOrNot .hot-or-not .answers .answer .popular-icon, .WCMH.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .WCMH [hot-or-not] .hot-or-not .answers .answer .popular-icon, .WCMH [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 28, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH.HotOrNot .hot-or-not .answers .answer:first-child .progress, .WCMH [hot-or-not] .hot-or-not .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 53, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not { overflow: hidden; } /* line 55, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .image-container { float: left; margin: 0; height: 114px; width: 114px; } /* line 60, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .image-container img { max-height: 100%; max-width: 100%; } /* line 65, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers { margin: auto; width: 90%; margin-top: 30px; padding-bottom: 18px; } /* line 70, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer { width: calc(50% - 57px); margin: 0; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .hot-or-not .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 74, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer.no-image { width: 50%; } /* line 77, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer:nth-child(2) { -ms-flex-order: -1; order: -1; } /* line 78, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer:nth-child(2) .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 89, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer .percent-container { margin: 0; } /* line 91, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 28px; line-height: 1.3; } /* line 97, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 0 10px 7px 10px; } /* line 101, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer .answer-text { font-size: 20px; min-height: 52px; margin: 0; } /* line 107, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .medium-width .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 118, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .image-container, .WCMH .tiny-width .hot-or-not .image-container { height: 80px; margin: 0 auto 22px auto; width: 80px; } /* line 123, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .status-bar-container, .WCMH .tiny-width .hot-or-not .status-bar-container { margin-bottom: 10px; } /* line 126, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers, .WCMH .tiny-width .hot-or-not .answers { width: 90%; min-width: 250px; padding-left: 0; padding-bottom: 12px; } /* line 131, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer, .WCMH .tiny-width .hot-or-not .answers .answer { margin: 0; width: calc(50% - 3px); padding: 0; } /* line 135, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer.no-image, .WCMH .tiny-width .hot-or-not .answers .answer.no-image { margin: 15px 0; } /* line 138, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer:first-child, .WCMH .tiny-width .hot-or-not .answers .answer:first-child { margin-right: 6px; } /* line 141, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer .percent-container, .WCMH .small-width .hot-or-not .answers .answer .answer-text, .WCMH .tiny-width .hot-or-not .answers .answer .percent-container, .WCMH .tiny-width .hot-or-not .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 146, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer .your-vote-indicator, .WCMH .small-width .hot-or-not .answers .answer .popular-icon, .WCMH .tiny-width .hot-or-not .answers .answer .your-vote-indicator, .WCMH .tiny-width .hot-or-not .answers .answer .popular-icon { width: 100%; left: 0; } /* line 150, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer .popular-icon, .WCMH .tiny-width .hot-or-not .answers .answer .popular-icon { top: auto; bottom: -18px; } /* line 154, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer .answer-text, .WCMH .tiny-width .hot-or-not .answers .answer .answer-text { min-height: 58px; margin-bottom: 0; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .hot-or-not .answers .answer .progress, .WCMH .tiny-width .hot-or-not .answers .answer .progress { line-height: 14px; height: 14px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .hot-or-not .answers .answer .progress-bar, .WCMH .tiny-width .hot-or-not .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0; } /* line 10, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .hot-or-not .answers .answer .percent-container, .WCMH .tiny-width .hot-or-not .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WCMH .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .hot-or-not .answers .answer .percent-container .progress-container, .WCMH .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 161, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WCMH .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; padding-top: 5px; } /* line 167, .tmp/app/themes/WCMH/HotOrNot/styles.scss */ .WCMH .small-width .hot-or-not .answers .answer .percent-container .progress-container, .WCMH .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 7px; } /* line 7, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH.InstagramToTV .show-megachatter .instagram-to-tv .question, .WCMH.InstagramToTV .show-megachatter .instagram-to-tv .status-bar-container, .WCMH [instagram-to-tv] .show-megachatter .instagram-to-tv .question, .WCMH [instagram-to-tv] .show-megachatter .instagram-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH.InstagramToTV .instagram-to-tv h2, .WCMH [instagram-to-tv] .instagram-to-tv h2 { display: none; } /* line 16, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH.InstagramToTV .instagram-to-tv .name, .WCMH.InstagramToTV .instagram-to-tv .screen-name, .WCMH.InstagramToTV .instagram-to-tv .message, .WCMH [instagram-to-tv] .instagram-to-tv .name, .WCMH [instagram-to-tv] .instagram-to-tv .screen-name, .WCMH [instagram-to-tv] .instagram-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 23, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH.InstagramToTV .instagram-to-tv .name, .WCMH [instagram-to-tv] .instagram-to-tv .name { background: linear-gradient(to bottom, #008cf2 0%, #00030e 100%); color: #fff; font-size: 18px; padding: 3px 50px; } /* line 29, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH.InstagramToTV .instagram-to-tv .screen-name, .WCMH [instagram-to-tv] .instagram-to-tv .screen-name { color: #415ac0; font-size: 14px; padding: 0 50px; } /* line 34, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH.InstagramToTV .instagram-to-tv .message, .WCMH [instagram-to-tv] .instagram-to-tv .message { color: #1d2e58; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 38, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH.InstagramToTV .instagram-to-tv .message a, .WCMH [instagram-to-tv] .instagram-to-tv .message a { color: #415ac0; } /* line 42, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH.InstagramToTV .instagram-to-tv .logo, .WCMH [instagram-to-tv] .instagram-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 54, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv { margin: 0 auto; width: 640px; } /* line 57, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); overflow: hidden; } /* line 60, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .image-container { float: left; height: 237px; width: 237px; } /* line 64, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .image-container.no-image { opacity: 0; height: 0; width: 0; float: none; } /* line 71, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .image { display: block; margin: auto; max-width: 237px; max-height: 237px; } /* line 77, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .content { margin-left: 237px; } /* line 79, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .content.no-image { margin-left: 0; } /* line 83, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .name, .WCMH .medium-width .instagram-to-tv .instagram-content .screen-name, .WCMH .medium-width .instagram-to-tv .instagram-content .message { width: 100%; text-align: left; } /* line 89, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .name { font-size: 23px; padding: 3px 50px 3px 20px; } /* line 93, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .screen-name { font-size: 16px; padding: 0 50px 0 20px; } /* line 97, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .message { font-size: 19px; padding: 10px 40px 40px 20px; } /* line 101, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .medium-width .instagram-to-tv .instagram-content .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 114, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .small-width .instagram-to-tv .image-container, .WCMH .tiny-width .instagram-to-tv .image-container { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); padding: 10px; } /* line 117, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .small-width .instagram-to-tv .image-container.no-image, .WCMH .tiny-width .instagram-to-tv .image-container.no-image { background: transparent; padding: 0; } /* line 122, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .small-width .instagram-to-tv .image, .WCMH .tiny-width .instagram-to-tv .image { display: block; margin: auto; max-width: 155px; max-height: 155px; } /* line 128, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .small-width .instagram-to-tv .name, .WCMH .tiny-width .instagram-to-tv .name { margin-top: 9px; } /* line 131, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .small-width .instagram-to-tv .screen-name, .WCMH .tiny-width .instagram-to-tv .screen-name { background-color: #fff; } /* line 134, .tmp/app/themes/WCMH/InstagramToTV/styles.scss */ .WCMH .small-width .instagram-to-tv .message, .WCMH .tiny-width .instagram-to-tv .message { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); } /* line 7, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers { width: 90%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; } /* line 11, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 15, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer .active-content, .WCMH .medium-width .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer:first-child, .WCMH .medium-width .pic-pick .answers .answer:nth-child(4), .WCMH .medium-width .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 22, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer .image-container { width: 78px; height: 78px; } /* line 26, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer .popular-icon, .WCMH .medium-width .pic-pick .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .pic-pick .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .pic-pick .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 34, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer .percent-container { margin: 0; } /* line 36, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; font-size: 29px; padding-top: 8px; } /* line 43, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer .percent-container .progress-container { padding: 5px; } /* line 47, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer .image-container, .WCMH .medium-width .pic-pick .answers .answer .percent-container { margin-top: 1px; } /* line 51, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .medium-width .pic-pick .answers .answer .answer-text { min-height: 45px; width: 100%; } /* line 68, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick.trivia .answers, .WCMH .tiny-width .pic-pick.trivia .answers { margin-top: 32px; } /* line 72, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers, .WCMH .tiny-width .pic-pick .answers { padding: 0 10px 10px 10px; width: 98%; min-width: 320px; margin-top: 22px; } /* line 77, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers .answer, .WCMH .tiny-width .pic-pick .answers .answer { width: 100%; margin-top: 22px; } /* line 80, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers .answer:last-child, .WCMH .tiny-width .pic-pick .answers .answer:last-child { margin-bottom: 0; } /* line 83, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers .answer:first-child, .WCMH .tiny-width .pic-pick .answers .answer:first-child { margin-top: 0; } /* line 86, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers .answer .image-container, .WCMH .tiny-width .pic-pick .answers .answer .image-container { height: 68px; width: 68px; } /* line 90, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers .answer .answer-text, .WCMH .tiny-width .pic-pick .answers .answer .answer-text { min-height: 43px; width: 100%; } /* line 94, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers .answer .percent-container, .WCMH .tiny-width .pic-pick .answers .answer .percent-container { width: 100%; margin: 0; padding-top: 3px; } /* line 98, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers .answer .percent-container .progress-container, .WCMH .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 102, .tmp/app/themes/WCMH/PicPick/styles.scss */ .WCMH .small-width .pic-pick .answers .answer .percent-container .percent-text, .WCMH .tiny-width .pic-pick .answers .answer .percent-container .percent-text { line-height: 1.2; padding-right: 5px; } /* line 10, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .pic-pick .answers .answer .percent-container, .WCMH .tiny-width .pic-pick .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .pic-pick .answers .answer .percent-container .percent-text, .WCMH .tiny-width .pic-pick .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .pic-pick .answers .answer .percent-container .progress-container, .WCMH .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .pic-pick .answers .answer .progress, .WCMH .tiny-width .pic-pick .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .pic-pick .answers .answer .progress-bar, .WCMH .tiny-width .pic-pick .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 5, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container { border: 0 solid transparent; font-size: 20px; overflow: hidden; padding: 0; width: 90%; max-width: 620px; border-radius: 5px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 2; background-color: #fff; margin: 10px auto; } /* line 19, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking { border-bottom: 1px solid #555555; color: #000; transition: all 0.3s; background-color: #fff; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-template-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-gap: 5px; } /* line 33, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking.first-place div { font-size: 22px; } /* line 38, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 43, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 49, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking.ng-enter-stagger, .WCMH leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 53, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking.your-rank-highlight { background: white; } /* line 57, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 62, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 70, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking:last-child { border: none; } /* line 74, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking div { padding: 0; height: 33px; font-size: 16px; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } /* line 83, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 36px; } /* line 88, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking div:last-child { line-height: 32px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 96, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking div img { height: 20px; padding: 0 8px; } /* line 101, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH leaderboard .rankings-container .ranking div.leaderboard .WCMH leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 111, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH .show-more-rankings { display: block; padding: 0; width: 50px; height: 25px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: -5px auto 0 auto; z-index: 1; position: relative; background-color: #fff; color: #000; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 126, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH .show-more-rankings span { font-size: 27px; line-height: 1; position: absolute; top: -5px; left: 0; right: 0; } /* line 134, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 138, .tmp/app/themes/WCMH/Leaderboard/styles.scss */ .WCMH .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 7, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH.LiveReactions .show-megachatter .live-reactions .question, .WCMH.LiveReactions .show-megachatter .live-reactions .status-bar-container, .WCMH [live-reactions] .show-megachatter .live-reactions .question, .WCMH [live-reactions] .show-megachatter .live-reactions .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH.LiveReactions .view-container, .WCMH [live-reactions] .view-container { position: static; } /* line 16, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH.LiveReactions .live-reactions .floating-reaction, .WCMH [live-reactions] .live-reactions .floating-reaction { max-width: 40px; max-height: 40px; position: absolute; animation: 2s reactionRiseCubic ease-in forwards; z-index: 10; } /* line 24, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH.LiveReactions .live-reactions .answers .answer, .WCMH [live-reactions] .live-reactions .answers .answer { background: transparent; box-shadow: none; } /* line 27, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH.LiveReactions .live-reactions .answers .answer .reaction-label, .WCMH [live-reactions] .live-reactions .answers .answer .reaction-label { position: absolute; margin: auto; color: #fff; font-size: 18px; line-height: 1.1; } /* line 34, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH.LiveReactions .live-reactions .answers .answer .reaction-bounce, .WCMH [live-reactions] .live-reactions .answers .answer .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 37, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH.LiveReactions .live-reactions .answers .answer .image-container, .WCMH [live-reactions] .live-reactions .answers .answer .image-container { width: 30px; height: 30px; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.6); } 66% { transform: scale(1.4); } 100% { transform: scale(1); } } @keyframes reactionRiseCubic { 0% { opacity: 0; } 25% { opacity: 1; } 100% { top: -300px; } } /* line 76, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .medium-width .live-reactions .answers { padding: 5px 0; margin: 15px auto; width: 80%; height: 152px; background: linear-gradient(to bottom, #008cf2 0%, #00030e 40%, #008cf2 60%, #00030e 100%); } /* line 82, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .medium-width .live-reactions .answers .answer { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); margin: 0 auto; position: relative; padding: 8px; } /* line 88, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .medium-width .live-reactions .answers .answer:nth-child(odd) .reaction-label { top: -44px; } /* line 93, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .medium-width .live-reactions .answers .answer:nth-child(even) .reaction-label { bottom: -44px; } /* line 97, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .medium-width .live-reactions .answers .answer .image-container { width: 42px; height: 42px; } /* line 101, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .medium-width .live-reactions .answers .answer .reaction-label { height: 43px; padding: 5px; text-align: center; max-width: 110px; background: none; left: 0; right: 0; } /* line 118, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .small-width .live-reactions .answers, .WCMH .tiny-width .live-reactions .answers { padding: 0 10px; width: 178px; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%), linear-gradient(to bottom, #008cf2 0%, #00030e 100%); background-size: 50px 100%, 100%; background-repeat: no-repeat; } /* line 124, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .small-width .live-reactions .answers .answer, .WCMH .tiny-width .live-reactions .answers .answer { margin: 12px 0; position: relative; } /* line 127, .tmp/app/themes/WCMH/LiveReactions/styles.scss */ .WCMH .small-width .live-reactions .answers .answer .reaction-label, .WCMH .tiny-width .live-reactions .answers .answer .reaction-label { max-width: 118px; height: 30px; width: 100%; left: 45px; top: 0; padding: 0; text-align: center; } /* line 5, .tmp/app/themes/WCMH/Poster/styles.scss */ .WCMH.Poster .posterImage, .WCMH [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; width: 100%; height: 480px; padding: 0; } /* line 13, .tmp/app/themes/WCMH/Poster/styles.scss */ .WCMH.Poster .posterImage .posterImageInner, .WCMH [poster] .posterImage .posterImageInner { height: 100%; -ms-flex-align: baseline; align-items: baseline; } /* line 16, .tmp/app/themes/WCMH/Poster/styles.scss */ .WCMH.Poster .posterImage .posterImageInner video, .WCMH.Poster .posterImage .posterImageInner img, .WCMH [poster] .posterImage .posterImageInner video, .WCMH [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 7, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .show-megachatter .mood-meter .question, .WCMH.MoodMeter .show-megachatter .mood-meter .status-bar-container, .WCMH [mood-meter] .show-megachatter .mood-meter .question, .WCMH [mood-meter] .show-megachatter .mood-meter .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .vote-container, .WCMH [mood-meter] .mood-meter .vote-container { color: #fff; font-size: 16px; } /* line 17, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-container, .WCMH [mood-meter] .mood-meter .meter-container { position: relative; } /* line 19, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-container .title, .WCMH [mood-meter] .mood-meter .meter-container .title { display: none; } /* line 23, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-inner, .WCMH [mood-meter] .mood-meter .meter-inner { display: block; margin: auto; } /* line 27, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-inside, .WCMH [mood-meter] .mood-meter .meter-inside { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; } /* line 35, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-average, .WCMH [mood-meter] .mood-meter .meter-average { background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); color: #fff; font-size: 18px; line-height: 1.1em; } /* line 41, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-answer, .WCMH [mood-meter] .mood-meter .meter-answer { background: linear-gradient(to bottom, #008cf2 0%, #00030e 100%); } /* line 44, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-average, .WCMH.MoodMeter .mood-meter .meter-answer, .WCMH [mood-meter] .mood-meter .meter-average, .WCMH [mood-meter] .mood-meter .meter-answer { transition: all 1s; } /* line 48, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-answer-track, .WCMH [mood-meter] .mood-meter .meter-answer-track { position: relative; z-index: 1; } /* line 51, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .meter-answer-track canvas, .WCMH [mood-meter] .mood-meter .meter-answer-track canvas { cursor: pointer; } /* line 55, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .popular-label, .WCMH [mood-meter] .mood-meter .popular-label { font-size: 12px; } /* line 58, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .display-answer, .WCMH [mood-meter] .mood-meter .display-answer { font-size: 18px; color: #1d2e58; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); overflow: hidden; display: block; padding: 10px 20px; word-break: break-word; } /* line 67, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .labels, .WCMH [mood-meter] .mood-meter .labels { color: #fff; font-size: 14px; margin-top: 4px; width: 100%; } /* line 72, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .labels .label-min, .WCMH [mood-meter] .mood-meter .labels .label-min { text-align: right; } /* line 75, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter .labels .label-max, .WCMH [mood-meter] .mood-meter .labels .label-max { text-align: left; } /* line 80, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter.answered .meter-answer, .WCMH [mood-meter] .mood-meter.answered .meter-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 83, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH.MoodMeter .mood-meter.answered .meter-average, .WCMH [mood-meter] .mood-meter.answered .meter-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 92, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .image-container { margin: 0; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 98, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-container { margin: 0 auto; min-width: 640px; width: 80%; min-height: 155px; margin-bottom: 10px; } /* line 104, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 110, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-container .meter-inner { min-width: 389px; width: 100%; min-height: 155px; background: url(../themes/WCMH/images/moodmeter/meter-bg.png); background-size: auto 129px; background-position: center top 10px; background-repeat: no-repeat; position: relative; padding-top: 18px; } /* line 121, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-container .rows { width: 50%; } /* line 125, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 133, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 139, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-average { display: -ms-grid; display: grid; height: 50%; min-height: 75px; min-width: 250px; width: 100%; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; word-break: break-word; } /* line 151, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .popular-label { font-size: 15px; } /* line 154, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .popular { font-size: 18px; } /* line 157, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-answer { width: 60%; min-width: 389px; } /* line 160, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; z-index: 10; } /* line 168, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 174, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .display-answer { display: -ms-grid; display: grid; height: 50%; min-height: 75px; min-width: 250px; width: 100%; clear: left; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; } /* line 186, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .display-answer span { display: block; } /* line 188, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .display-answer span:first-child { font-size: 15px; line-height: 1.5; } /* line 194, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .labels { font-size: 16px; padding: 108px 5px 5px 5px; } /* line 197, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .labels .label-min, .WCMH .medium-width .mood-meter .labels .label-max { width: calc(50% - 50px); text-align: center; word-break: break-word; line-height: 1.2; } /* line 204, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .labels .label-min { margin-right: 50px; } /* line 207, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .medium-width .mood-meter .labels .label-max { margin-left: 50px; } /* line 216, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .image-container, .WCMH .tiny-width .mood-meter .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 221, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .status-bar-container, .WCMH .tiny-width .mood-meter .status-bar-container { margin-bottom: 10px; } /* line 224, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .meter-container, .WCMH .tiny-width .mood-meter .meter-container { margin: 20px auto; width: 80%; } /* line 228, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .meter-inner, .WCMH .tiny-width .mood-meter .meter-inner { background: url(../themes/WCMH/images/moodmeter/meter-bg.png); background-size: auto 129px; min-height: 129px; padding-top: 16px; background-position: top 8px center; background-repeat: no-repeat; } /* line 236, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .meter-inside, .WCMH .tiny-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 244, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .meter-inside img, .WCMH .tiny-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 250, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .display-answer, .WCMH .tiny-width .mood-meter .display-answer { text-align: center; min-height: 40px; padding: 5px; } /* line 255, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .display-answer span:first-child, .WCMH .tiny-width .mood-meter .display-answer span:first-child { width: 50px; font-size: 12px; padding-right: 10px; } /* line 262, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .meter-average, .WCMH .tiny-width .mood-meter .meter-average { padding: 5px; text-align: center; word-break: break-word; } /* line 268, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .meter-answer .meter-answer-track, .WCMH .tiny-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; } /* line 275, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .meter-answer .meter-answer-track canvas, .WCMH .tiny-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 281, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .labels, .WCMH .tiny-width .mood-meter .labels { padding: 5px; margin-top: 124px; } /* line 284, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .labels .label-min, .WCMH .small-width .mood-meter .labels .label-max, .WCMH .tiny-width .mood-meter .labels .label-min, .WCMH .tiny-width .mood-meter .labels .label-max { width: 50%; vertical-align: middle; word-break: break-word; } /* line 290, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .labels .label-min, .WCMH .tiny-width .mood-meter .labels .label-min { padding-right: 25px; width: 50%; } /* line 294, .tmp/app/themes/WCMH/MoodMeter/styles.scss */ .WCMH .small-width .mood-meter .labels .label-max, .WCMH .tiny-width .mood-meter .labels .label-max { padding-left: 25px; width: 50%; } /* line 7, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; } /* line 12, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 16, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers .answer .active-content, .WCMH .medium-width .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 20, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers .answer:first-child, .WCMH .medium-width .readers-choice .answers .answer:nth-child(4), .WCMH .medium-width .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .readers-choice .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .readers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 24, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 27, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 29px; padding-top: 8px; } /* line 33, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers .answer .percent-container .progress-container { padding: 5px 10px; } /* line 37, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers .answer .answer-text { font-size: 17px; min-height: 45px; } /* line 41, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .medium-width .readers-choice .answers .answer .popular-icon, .WCMH .medium-width .readers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 56, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice.trivia .answers, .WCMH .tiny-width .readers-choice.trivia .answers { margin-top: 32px; } /* line 60, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers, .WCMH .tiny-width .readers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 64, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer, .WCMH .tiny-width .readers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 67, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer:last-child, .WCMH .tiny-width .readers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 70, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer .answer-text, .WCMH .tiny-width .readers-choice .answers .answer .answer-text { min-height: 43px; margin-bottom: 0; } /* line 74, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer .active-content, .WCMH .tiny-width .readers-choice .answers .answer .active-content { width: 100%; } /* line 76, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer .active-content .percent-text, .WCMH .tiny-width .readers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 81, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer .active-content .answer-container, .WCMH .tiny-width .readers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .readers-choice .answers .answer .percent-container, .WCMH .tiny-width .readers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .readers-choice .answers .answer .percent-container .percent-text, .WCMH .tiny-width .readers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .readers-choice .answers .answer .percent-container .progress-container, .WCMH .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .readers-choice .answers .answer .progress, .WCMH .tiny-width .readers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .readers-choice .answers .answer .progress-bar, .WCMH .tiny-width .readers-choice .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 87, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer .percent-container, .WCMH .tiny-width .readers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 91, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer .percent-container .progress-container, .WCMH .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding: 7px; } /* line 94, .tmp/app/themes/WCMH/ReadersChoice/styles.scss */ .WCMH .small-width .readers-choice .answers .answer .percent-container .percent-text, .WCMH .tiny-width .readers-choice .answers .answer .percent-container .percent-text { padding-right: 5px; } /* line 6, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .image-container, .WCMH [tweet-to-tv] .tweet-to-tv .image-container { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); padding: 8px; } /* line 9, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .image-container.no-image, .WCMH [tweet-to-tv] .tweet-to-tv .image-container.no-image { background: transparent; height: 15px; } /* line 14, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .name, .WCMH.TweetToTV .tweet-to-tv .screen-name, .WCMH.TweetToTV .tweet-to-tv .message, .WCMH [tweet-to-tv] .tweet-to-tv .name, .WCMH [tweet-to-tv] .tweet-to-tv .screen-name, .WCMH [tweet-to-tv] .tweet-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 22, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .name, .WCMH [tweet-to-tv] .tweet-to-tv .name { background: linear-gradient(to bottom, #008cf2 0%, #00030e 100%); color: #fff; font-size: 18px; margin-top: 9px; padding: 3px 50px; } /* line 29, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .screen-name, .WCMH [tweet-to-tv] .tweet-to-tv .screen-name { background-color: #fff; color: #415ac0; font-size: 14px; padding: 0 50px; } /* line 34, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .screen-name a, .WCMH [tweet-to-tv] .tweet-to-tv .screen-name a { color: #415ac0; } /* line 38, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .message, .WCMH [tweet-to-tv] .tweet-to-tv .message { background: linear-gradient(to bottom, white 0%, #d7d7d7 100%); color: #1d2e58; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 43, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .message a, .WCMH [tweet-to-tv] .tweet-to-tv .message a { color: #415ac0; } /* line 47, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .avatar, .WCMH [tweet-to-tv] .tweet-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 53, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv .logo, .WCMH [tweet-to-tv] .tweet-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 61, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH.TweetToTV .tweet-to-tv twttr-follow-button, .WCMH [tweet-to-tv] .tweet-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 70, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH .medium-width .tweet-to-tv { margin: 0 auto; min-width: 640px; } /* line 73, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH .medium-width .tweet-to-tv .name, .WCMH .medium-width .tweet-to-tv .screen-name, .WCMH .medium-width .tweet-to-tv .message { width: 90%; } /* line 78, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH .medium-width .tweet-to-tv .name { font-size: 23px; } /* line 81, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH .medium-width .tweet-to-tv .screen-name { font-size: 16px; } /* line 84, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH .medium-width .tweet-to-tv .message { font-size: 19px; padding: 10px 40px 40px 40px; } /* line 88, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH .medium-width .tweet-to-tv .avatar { height: 90px; width: 90px; } /* line 92, .tmp/app/themes/WCMH/TweetToTV/styles.scss */ .WCMH .medium-width .tweet-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 5, .tmp/app/themes/WCMH/TwitchToTV/styles.scss */ .WCMH.TwitchToTV .twitch-to-tv, .WCMH [twitch-to-tv] .twitch-to-tv { width: 90%; display: block; margin: auto; } /* line 6, .tmp/app/themes/WCMH/TwitchToTV/styles.scss */ .WCMH.TwitchToTV .twitch-to-tv div:nth-child(2), .WCMH [twitch-to-tv] .twitch-to-tv div:nth-child(2) { width: 80%; margin: auto; } /* line 15, .tmp/app/themes/WCMH/TwitchToTV/styles.scss */ .WCMH.TwitchToTV .twitch-to-tv .name, .WCMH.TwitchToTV .twitch-to-tv .screen-name, .WCMH.TwitchToTV .twitch-to-tv .message, .WCMH [twitch-to-tv] .twitch-to-tv .name, .WCMH [twitch-to-tv] .twitch-to-tv .screen-name, .WCMH [twitch-to-tv] .twitch-to-tv .message { margin: 0; position: relative; } /* line 22, .tmp/app/themes/WCMH/TwitchToTV/styles.scss */ .WCMH.TwitchToTV .twitch-to-tv .name, .WCMH [twitch-to-tv] .twitch-to-tv .name { background-color: #000; color: #fff; font-size: 18px; padding: 5px 50px; margin-top: 50px; } /* line 30, .tmp/app/themes/WCMH/TwitchToTV/styles.scss */ .WCMH.TwitchToTV .twitch-to-tv .message, .WCMH [twitch-to-tv] .twitch-to-tv .message { background: linear-gradient(to bottom, #e0e0e0 0%, white 50%, #e0e0e0 51%, white 100%); color: #1d2e58; font-size: 16px; padding: 15px 20px 20px 20px; min-height: 70px; } /* line 37, .tmp/app/themes/WCMH/TwitchToTV/styles.scss */ .WCMH.TwitchToTV .twitch-to-tv .message a, .WCMH [twitch-to-tv] .twitch-to-tv .message a { color: #1d2e58; } /* line 42, .tmp/app/themes/WCMH/TwitchToTV/styles.scss */ .WCMH.TwitchToTV .twitch-to-tv .logo, .WCMH [twitch-to-tv] .twitch-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 51, .tmp/app/themes/WCMH/TwitchToTV/styles.scss */ .WCMH.TwitchToTV .twitch-to-tv twttr-follow-button, .WCMH [twitch-to-tv] .twitch-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 6, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH.ViewersChoice .show-megachatter .viewers-choice, .WCMH [viewers-choice] .show-megachatter .viewers-choice { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH.ViewersChoice .show-megachatter .viewers-choice .question, .WCMH.ViewersChoice .show-megachatter .viewers-choice .status-bar-container, .WCMH [viewers-choice] .show-megachatter .viewers-choice .question, .WCMH [viewers-choice] .show-megachatter .viewers-choice .status-bar-container { width: 100%; } /* line 17, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .image-container { margin: 0; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 23, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; } /* line 28, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 32, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers .answer .active-content, .WCMH .medium-width .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 36, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers .answer:first-child, .WCMH .medium-width .viewers-choice .answers .answer:nth-child(4), .WCMH .medium-width .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .viewers-choice .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .medium-width .viewers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 40, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 43, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 29px; padding-top: 8px; } /* line 49, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 5px 10px; } /* line 53, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers .answer .answer-text { font-size: 17px; min-height: 45px; } /* line 57, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .medium-width .viewers-choice .answers .answer .popular-icon, .WCMH .medium-width .viewers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 71, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .image-container, .WCMH .tiny-width .viewers-choice .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 76, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .status-bar-container, .WCMH .tiny-width .viewers-choice .status-bar-container { margin-bottom: 10px; } /* line 79, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers, .WCMH .tiny-width .viewers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 83, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer, .WCMH .tiny-width .viewers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 86, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer .answer-text, .WCMH .tiny-width .viewers-choice .answers .answer .answer-text { min-height: 43px; margin-bottom: 0; } /* line 90, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer:last-child, .WCMH .tiny-width .viewers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 93, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer .active-content, .WCMH .tiny-width .viewers-choice .answers .answer .active-content { width: 100%; } /* line 95, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer .active-content .percent-text, .WCMH .tiny-width .viewers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 100, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer .active-content .answer-container, .WCMH .tiny-width .viewers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .viewers-choice .answers .answer .percent-container, .WCMH .tiny-width .viewers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WCMH .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .viewers-choice .answers .answer .percent-container .progress-container, .WCMH .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .viewers-choice .answers .answer .progress, .WCMH .tiny-width .viewers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WCMH/_mixins.scss */ .WCMH .small-width .viewers-choice .answers .answer .progress-bar, .WCMH .tiny-width .viewers-choice .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 106, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer .percent-container, .WCMH .tiny-width .viewers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 110, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer .percent-container .progress-container, .WCMH .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 7px; } /* line 113, .tmp/app/themes/WCMH/ViewersChoice/styles.scss */ .WCMH .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WCMH .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { padding-right: 5px; } /* line 9, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH.MegaChatter .view-container.show-megachatter.tile-medium .scene-wrapper [megachatter], .WCMH.MegaChatter .view-container.show-megachatter.tile-small .scene-wrapper [megachatter] { width: 100%; min-width: auto; max-width: none; } /* line 20, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container { background: #fff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 25, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container.featured { background: #fff; } /* line 29, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 33, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 38, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 40, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container .content-wrapper .message-name { font-size: 18px; color: #000; padding: 0; margin: 0; } /* line 46, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container .content-wrapper .message-text { font-size: 14px; color: #000; padding: 0; } /* line 51, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 54, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 59, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 64, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 73, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-list { max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 79, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 84, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-input-container { background: #e9e9e9; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 89, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 94, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 98, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; font-size: 16px; background: #000; } /* line 106, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-input-container .message-container textarea.editing-text { height: 80px; } /* line 110, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 117, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .message-input-container button { margin: 0 5px 5px 5px; padding: 10px 15px; background: #000; } /* line 126, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH message-list.stacked .message-list, .WCMH message-list.veil .message-list { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 132, .tmp/app/themes/WCMH/Megachatter/styles.scss */ .WCMH .megachatter-title { background: #fff; color: #000; padding: 10px 0; margin: 0; text-align: center; border-bottom: 1px solid black; } /* line 2, .tmp/app/themes/WCMH/PredictionCTA/styles.scss */ .WCMH.PredictionCTA h1, .WCMH [prediction-cta] h1 { font-size: 24px; height: auto; color: #000; font-weight: 700; margin: 0 auto; padding: 10px 10px 0 10px; } /* line 10, .tmp/app/themes/WCMH/PredictionCTA/styles.scss */ .WCMH.PredictionCTA p, .WCMH [prediction-cta] p { text-align: center; color: #000; margin: auto; padding: 20px 0 5px 0; font-size: 16px; } /* line 17, .tmp/app/themes/WCMH/PredictionCTA/styles.scss */ .WCMH.PredictionCTA button, .WCMH [prediction-cta] button { margin: 0 auto 30px auto; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; } /* line 22, .tmp/app/themes/WCMH/PredictionCTA/styles.scss */ .WCMH.PredictionCTA button .material-icons, .WCMH [prediction-cta] button .material-icons { font-size: 18px; } /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Main Styles ====================================*/ /* line 7, .tmp/app/themes/WCMHStreaming/base.scss */ html, body { height: 100vh; width: 100vw; background-color: transparent; overflow-x: hidden; } /* line 14, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming { color: #a9a9a9; font-family: "Montserrat", sans-serif; text-shadow: none; overflow: hidden; background: url("../themes/WCMHStreaming/images/bg-gradient.jpg"); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; /*==================================== h1 - Large Messages; i.e. Bulletin ====================================*/ /*==================================== h2 - Question Text represented in all product scenes as an
tag ====================================*/ /*==================================== h3 - ====================================*/ /*==================================== h4 - ====================================*/ /*==================================== .app-container - main container for the entire application; includes header and footer ====================================*/ /*==================================== .view-container - container for views, scenes and products ====================================*/ /*==================================== header/footer ====================================*/ /*==================================== p - most common text should be a====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* ---------------------------------------------- * Generated by Animista on 2019-4-18 11:19:28 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation slide-out-blurred-right * ---------------------------------------- */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 23, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming h1, .WCMHStreaming h2, .WCMHStreaming h3, .WCMHStreaming h4 { text-align: center; } /* line 26, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming.pre_game, .WCMHStreaming.inactive, .WCMHStreaming.connecting { display: none; } /* line 33, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #fff; font-size: 24px; line-height: 1.4; padding: 10px; } /* line 48, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .question { width: 100%; font-family: "Montserrat", sans-serif; margin-top: 5.8vh; padding-bottom: 5vh; } /* line 53, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .question h2 { font-size: 3.4vw; line-height: 20.62vh; max-width: 76vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 63, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming h2 { color: #fff; font-size: 50px; font-size: 3vw; line-height: 1; font-weight: bold; overflow: hidden; vertical-align: middle; margin: 0; text-align: left; padding: 0; font-family: "Montserrat", sans-serif; } /* line 80, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming h3 { font-size: 24px; color: #fff; padding: 0 20px; font-family: "Montserrat", sans-serif; } /* line 85, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming h3 .locInserted { color: #3bf2c2; } /* line 93, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming h4 { font-size: 20px; color: #fff; font-family: "Montserrat", sans-serif; } /* line 104, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .app-container { width: 100%; margin: 0 auto; background-color: transparent; pointer-events: all; } /* line 115, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .view-container { position: relative; margin: 0 3.125vw; } /* line 123, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming footer, .WCMHStreaming header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 130, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming header { width: 100%; background-image: url("../themes/WCMHStreaming/images/header.png"); background-size: 105px 46px; background-position: center; height: 60px; } /* line 138, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming header .column { vertical-align: middle; } /* line 141, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming header { display: none; } /* line 148, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming p { padding: 0 30px; } /* line 156, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming.trivia .user-label { text-align: center; } /* line 160, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .user-label { background-color: transparent; border: 1px solid #fff; border-bottom: none; color: #141414; display: none; font-size: 16px; margin: 0 auto; padding: 5px 30px; } @media screen and (max-width: 666px) { /* line 160, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .user-label { width: 100%; } } @media screen and (min-width: 666px) { /* line 160, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .user-label { width: 80%; min-width: 640px; } } /* line 178, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .media > .pull-left { margin-right: 20px; } /* line 185, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .share-score-button { background: url("../themes/WCMHStreaming/images/twitter-icon.png"), linear-gradient(to bottom, #3c3c3c 0%, black 80%); background-size: auto 16px, 100%; background-position: right 6px center, center; background-repeat: no-repeat; margin: 10px auto; width: max-content; max-width: 220px; border: none; border-radius: 3px; position: relative; } /* line 196, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .share-score-button h2 { font-size: 13px; color: #fff; text-align: left; padding: 4px 10px; min-height: 33px; margin-right: 33px; text-transform: capitalize; border: none; background-color: transparent; border-right: 1px solid #fff; height: 100%; } /* line 213, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 216, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 225, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; font-weight: normal; margin: 0; padding: 0; } /* line 233, .tmp/app/themes/WCMHStreaming/base.scss */ .WCMHStreaming dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } /* line 4, .tmp/app/themes/WCMHStreaming/_forms.scss */ .WCMHStreaming input, .WCMHStreaming textarea { background-color: #000000; border: 1px solid transparent; padding: 8px 10px; padding: 2.2vh 0.6vw; } /* line 10, .tmp/app/themes/WCMHStreaming/_forms.scss */ .WCMHStreaming input:focus, .WCMHStreaming textarea:focus { background-color: #000000; border-color: #fff; color: #fff; } /* line 18, .tmp/app/themes/WCMHStreaming/_forms.scss */ .touched .WCMHStreaming input.ng-invalid, .attempted .WCMHStreaming input.ng-invalid, .touched .WCMHStreaming textarea.ng-invalid, .attempted .WCMHStreaming textarea.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 27, .tmp/app/themes/WCMHStreaming/_forms.scss */ .WCMHStreaming button { background: #000000; border: 1px solid #fff; color: #fff; cursor: pointer; text-transform: uppercase; padding: 4vh 10vh; margin: 2vh auto; font-size: 24px; font-size: 1.4vw; border-radius: 0; } /* line 40, .tmp/app/themes/WCMHStreaming/_forms.scss */ .WCMHStreaming .errorText { color: #a9a9a9; } /* line 5, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answers { list-style: none; margin: 0 auto; } /* line 8, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answers:after { content: ""; clear: both; } /* line 13, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; background-color: rgba(0, 0, 0, 0.41); transition: all ease-in-out 0.5s; border: 0.1vw solid transparent; border-radius: 0; } /* line 23, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 10, .tmp/app/themes/WCMHStreaming/_mixins.scss */ .WCMHStreaming .multi-choice .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMHStreaming/_mixins.scss */ .WCMHStreaming .multi-choice .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 100px; } /* line 18, .tmp/app/themes/WCMHStreaming/_mixins.scss */ .WCMHStreaming .multi-choice .answer .percent-container .progress-container { padding-top: 5px; } /* line 29, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer.selected { border-color: #fff; } /* line 31, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer.selected .your-vote-indicator { opacity: 1 !important; } /* line 37, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer .popular-icon { opacity: 0; } /* line 42, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer .your-vote-indicator { position: static; display: block; opacity: 0; transition: opacity ease-out 0.3s; z-index: 102; color: #1d2e58; text-align: center; width: 74.2%; height: 10.42vh; font-size: 1.25vw; overflow: visible; font-family: "Montserrat", sans-serif; margin: 4.90797546vh auto 0 auto; background: white; background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #d8d8d8)); background: linear-gradient(to bottom, white 0%, #d8d8d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0 ); } /* line 60, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 65, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer .answer-text { color: #fff; font-size: 35px; font-size: 2.1vw; line-height: 1; text-align: center; transition: all ease-in-out 0.5s; margin-bottom: 3.4vh; } /* line 74, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice .answer .percent-text { color: #fff; transition: all ease-in-out 0.5s; font-family: "Montserrat", sans-serif; font-weight: normal; } /* line 83, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice.inactive .answer { cursor: default; } /* line 92, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice.trivia.answered .answers .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; } /* line 94, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice.trivia.answered .answers .answer.correct { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 104, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice.survey.answered .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; } /* line 106, .tmp/app/themes/WCMHStreaming/_multi-choice-base.scss */ .WCMHStreaming .multi-choice.survey.answered .answer.popular { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 7, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .modal-backdrop.in { opacity: 0.1; } /* line 21, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .modal.megaphone-default-modal .modal-dialog, .WCMHStreaming .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 26, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 34, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; } /* line 40, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 48, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal { background: rgba(0, 0, 0, 0.3); opacity: 0.96; position: fixed !important; } /* line 52, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .toggle-score-and-feedback { position: absolute; z-index: 100; top: 0; right: 0; margin: 0; } /* line 59, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .score-summary-container { height: 100%; width: 100%; display: none; } /* line 63, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .score-summary-container.show-scores { display: block; } /* line 68, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog { display: block; width: 100%; height: 100%; margin: 0; } /* line 74, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 82, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 87, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #fff; border: 3px solid #cccccc; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; display: none; } /* line 107, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 110, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; padding: 5px; min-width: 130px; } /* line 119, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 124, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 5px; margin: 0; } /* line 129, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 137, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content iframe { border: none; width: 100%; height: 100%; } @supports (-webkit-overflow-scrolling: touch) { /* line 137, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .feedback-modal .modal-dialog .modal-content iframe { height: 100%; } } /* line 151, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 158, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .leaderboard-modal { z-index: 5050 !important; } /* line 160, .tmp/app/themes/WCMHStreaming/_modal.scss */ .WCMHStreaming .leaderboard-modal .modal-body { background: #cccccc; } /* line 30, .tmp/app/themes/WCMHStreaming/_mixins.scss */ .WCMHStreaming .app-container .progress { line-height: 15px; height: 15px; } /* line 34, .tmp/app/themes/WCMHStreaming/_mixins.scss */ .WCMHStreaming .app-container .progress-bar { height: 11px; line-height: 11px; top: 1px; } /* line 30, .tmp/app/themes/WCMHStreaming/_survey-bars.scss */ .WCMHStreaming .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border: none; border-radius: 0; } /* line 39, .tmp/app/themes/WCMHStreaming/_survey-bars.scss */ .WCMHStreaming .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background: #d7d7d7; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #d7d7d7 0%, #ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ position: absolute; width: 0; } /* line 45, .tmp/app/themes/WCMHStreaming/_survey-bars.scss */ .WCMHStreaming .app-container .slider-track-fg, .WCMHStreaming .app-container .trivia .correct .progress-bar, .WCMHStreaming .app-container .survey .popular .progress-bar { background: #c35301; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #c35301 0%, #ffa112 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c35301', endColorstr='#ffa112',GradientType=1 ); /* IE6-9 */ } /* line 50, .tmp/app/themes/WCMHStreaming/_survey-bars.scss */ .WCMHStreaming .app-container .trivia .correct .progress, .WCMHStreaming .app-container .survey .popular .progress { border-color: #000000; } /* line 54, .tmp/app/themes/WCMHStreaming/_survey-bars.scss */ .WCMHStreaming .app-container .slider-track, .WCMHStreaming .app-container .progress { background-color: rgba(255, 255, 255, 0.2); } /* line 58, .tmp/app/themes/WCMHStreaming/_survey-bars.scss */ .WCMHStreaming .app-container .slider-track { border: 3px solid #fff; } /* line 4, .tmp/app/themes/WCMHStreaming/_status-bars.scss */ .WCMHStreaming .status-bar-container { background: #000000; min-height: 30px; transition: background 0.5s ease; margin-bottom: 18px; display: none; } /* line 10, .tmp/app/themes/WCMHStreaming/_status-bars.scss */ .WCMHStreaming .status-bar-container h2 { background: none; color: #fff; margin: 0; padding: 3px; font-size: 20px; height: auto; min-height: 0; } @media screen and (min-width: 666px) { /* line 4, .tmp/app/themes/WCMHStreaming/_status-bars.scss */ .WCMHStreaming .status-bar-container { width: 80%; min-width: 640px; margin: 0 auto 30px auto; } } /* line 6, .tmp/app/themes/WCMHStreaming/_share-your-vote.scss */ .WCMHStreaming share-your-vote a img { max-height: 20px; max-width: 20px; margin: 0 10px; } /* line 5, .tmp/app/themes/WCMHStreaming/_score_summary.scss */ .WCMHStreaming score-summary p { font-size: 16px; color: #141414; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: bold; } /* line 14, .tmp/app/themes/WCMHStreaming/_score_summary.scss */ .WCMHStreaming score-summary p span.locInserted { font-weight: bold; } /* line 17, .tmp/app/themes/WCMHStreaming/_score_summary.scss */ .WCMHStreaming score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/WCMHStreaming/_score_summary.scss */ .WCMHStreaming .score-summary-container { background: url("../themes/WCMHStreaming/images/bg-gradient.jpg"); background-repeat: no-repeat; background-position: center; overflow: auto; } /* line 4, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming.inactive .view-container .message-list, .WCMHStreaming.connecting .view-container .message-list { min-height: 200px; } /* line 11, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming.post_game .view-container button, .WCMHStreaming.final_result .view-container button { margin: 10px 0; } /* line 14, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming.post_game .view-container .megachatter-container, .WCMHStreaming.final_result .view-container .megachatter-container { margin: auto !important; max-width: 1000px !important; width: 100% !important; } /* line 18, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming.post_game .view-container .megachatter-container .message-list, .WCMHStreaming.final_result .view-container .megachatter-container .message-list { min-height: 300px !important; } /* line 22, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming.post_game .view-container [feedback], .WCMHStreaming.final_result .view-container [feedback] { display: none !important; } /* line 33, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.megachatter-top { position: relative; } /* line 36, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.megachatter-top.tile-small .megachatter-container, .WCMHStreaming .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0 0 10px 0; } /* line 43, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.megachatter-bottom { position: relative; } /* line 46, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.megachatter-bottom.ticker-small .megachatter-container, .WCMHStreaming .view-container.megachatter-bottom.ticker-medium .megachatter-container, .WCMHStreaming .view-container.megachatter-bottom.carousel-small .megachatter-container, .WCMHStreaming .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 51, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.megachatter-bottom.tile-small .megachatter-container, .WCMHStreaming .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 10px 0 0 0; } /* line 58, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small, .WCMHStreaming .view-container.show-megachatter.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 63, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .megachatter-container, .WCMHStreaming .view-container.show-megachatter.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 66, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WCMHStreaming .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 250px; max-height: 100%; background: #fff; } /* line 71, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMHStreaming .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 666px) { /* line 58, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small, .WCMHStreaming .view-container.show-megachatter.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 83, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .product-container, .WCMHStreaming .view-container.show-megachatter.tile-small .user-label, .WCMHStreaming .view-container.show-megachatter.tile-small .scene-wrapper, .WCMHStreaming .view-container.show-megachatter.tile-medium .product-container, .WCMHStreaming .view-container.show-megachatter.tile-medium .user-label, .WCMHStreaming .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 320px; margin: 0; } /* line 87, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .scene-wrapper, .WCMHStreaming .view-container.show-megachatter.tile-medium .scene-wrapper { overflow: hidden; } /* line 90, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .megachatter-container, .WCMHStreaming .view-container.show-megachatter.tile-medium .megachatter-container { padding-top: 0 !important; width: auto; border: 1px solid #fff; margin-left: 10px; } /* line 96, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WCMHStreaming .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 200px !important; } } @media screen and (min-width: 1110px) { /* line 103, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .product-container, .WCMHStreaming .view-container.show-megachatter.tile-small .user-label, .WCMHStreaming .view-container.show-megachatter.tile-small .scene-wrapper, .WCMHStreaming .view-container.show-megachatter.tile-medium .product-container, .WCMHStreaming .view-container.show-megachatter.tile-medium .user-label, .WCMHStreaming .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 666px; } /* line 106, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .megachatter-container, .WCMHStreaming .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; } } @media screen and (max-width: 666px) { /* line 111, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.show-megachatter.tile-small .megachatter-container, .WCMHStreaming .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; width: 100%; min-width: 320px; margin: auto; border-bottom: 1px solid #fff; } } /* line 122, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small, .WCMHStreaming .view-container.ticker-medium { overflow: hidden; } /* line 124, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small .megachatter-container, .WCMHStreaming .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #fff; height: 100px; } /* line 128, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small .megachatter-container message-list, .WCMHStreaming .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 143, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small .megachatter-container message-list .message-list, .WCMHStreaming .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 148, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small .megachatter-container message-list .message-list message-item, .WCMHStreaming .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 154, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMHStreaming .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 158, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .WCMHStreaming .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 164, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WCMHStreaming .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 172, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.ticker-small .megachatter-container message-input, .WCMHStreaming .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 180, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.carousel-small .megachatter-container, .WCMHStreaming .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 183, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.carousel-small .megachatter-container message-list, .WCMHStreaming .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 186, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.carousel-small .megachatter-container message-list .message-list, .WCMHStreaming .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #fff; border-bottom: 1px solid #fff; position: relative; } /* line 192, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.carousel-small .megachatter-container message-list .message-list message-item, .WCMHStreaming .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #fff; overflow: hidden; } /* line 205, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMHStreaming .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 212, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .WCMHStreaming .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 217, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WCMHStreaming .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 225, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container.carousel-small .megachatter-container message-input, .WCMHStreaming .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 232, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer { z-index: 5; } /* line 237, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 246, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 253, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 259, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer .drawer-container { position: relative; } /* line 262, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 266, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #fff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #a9a9a9; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 274, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #000000; } /* line 279, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 303, .tmp/app/themes/WCMHStreaming/_megachatter-presentations.scss */ .WCMHStreaming.stacked .main-content-container.megachatter-hidden megachatter-presentations, .WCMHStreaming.veil .main-content-container.megachatter-hidden megachatter-presentations { display: none; } /* line 2, .tmp/app/themes/WCMHStreaming/gdpr-banner.scss */ .WCMHStreaming gdpr-banner .banner-container { background: #313131; padding: 9px; } /* line 5, .tmp/app/themes/WCMHStreaming/gdpr-banner.scss */ .WCMHStreaming gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 12px; text-align: center; } /* line 11, .tmp/app/themes/WCMHStreaming/gdpr-banner.scss */ .WCMHStreaming gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 16, .tmp/app/themes/WCMHStreaming/gdpr-banner.scss */ .WCMHStreaming gdpr-banner .banner-container img { width: 20px; height: 20px; margin: 0 0 0 25px; cursor: pointer; } /* line 24, .tmp/app/themes/WCMHStreaming/gdpr-banner.scss */ .WCMHStreaming gdpr-banner .ng-enter, .WCMHStreaming gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 27, .tmp/app/themes/WCMHStreaming/gdpr-banner.scss */ .WCMHStreaming gdpr-banner .ng-enter, .WCMHStreaming gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 32, .tmp/app/themes/WCMHStreaming/gdpr-banner.scss */ .WCMHStreaming gdpr-banner .ng-leave, .WCMHStreaming gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming points-countdown { display: none; } /* line 8, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming points-countdown .confetti { width: 2vh !important; height: 2vh !important; transform: translateX(-3.125vw) !important; } /* line 16, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming .trivia points-countdown { display: block; } /* line 19, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming .trivia .points-and-countdown-container { margin: 0; } /* line 23, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming .trivia .status-bar-container { position: relative; z-index: 1; } /* line 29, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming .current-question-status-container { position: relative; display: block; width: 100%; } /* line 35, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming .points-and-countdown-container { border-radius: 5px; position: absolute; width: 100%; z-index: 2; top: -29vh; right: -4.2vw; height: 2.5vw; pointer-events: none; } /* line 45, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming .points-and-countdown-container .points, .WCMHStreaming .points-and-countdown-container .countdown { color: #fff; text-align: center; top: 0; position: absolute; z-index: 3; height: 15vh; font-size: 1.6vw; right: 0; left: auto; width: 9vw; background: #021f43; background: -webkit-gradient(left top, right top, color-stop(0%, #021f43), color-stop(24%, #2671bb), color-stop(30%, #2671bb), color-stop(100%, #00193b)); background: linear-gradient(to right, #021f43 0%, #2671bb 24%, #2671bb 30%, #00193b 100%); } /* line 59, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming .points-and-countdown-container .points { top: 12vh; } /* line 63, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming .points-and-countdown-container .countdown { font-size: 2vw; } /* line 68, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points { position: absolute; background: #c35301; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #c35301 0%, #ffa112 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c35301', endColorstr='#ffa112',GradientType=1 ); /* IE6-9 */ color: #fff; padding: 0; width: 42vh; height: 42vh; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-size: 2.3vw; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 92, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 97, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutUp 0.5s ease-out 1.5s both; } /* line 102, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePoints 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 109, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 117, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points .x-container .top-left-to-bottom-right, .WCMHStreaming #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 130, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 135, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 141, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 146, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 150, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 153, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 158, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 165, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 172, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #total-points { width: 100%; padding: 0.2vh; background: white; background: -webkit-gradient(left top, left bottom, color-stop(0%, white), color-stop(100%, #d8d8d8)); background: linear-gradient(to bottom, white 0%, #d8d8d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0 ); color: #1d2e58; height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; font-size: 2vw; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPointsStreaming 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 190, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #total-points:not(.no-points).total-value-is-animating { font-size: 2.8vw; } /* line 194, .tmp/app/themes/WCMHStreaming/_points-and-countdown.scss */ .WCMHStreaming #total-points:not(.no-points).total-value-is-displayed { font-size: 2.2vw; } @keyframes animateTotalPointsStreaming { from { height: 0; opacity: 0; transform: translate3d(0, -100%, 0); } to { height: 2.5vw; opacity: 1; transform: translate3d(0, 0, 0); } } /* line 2, .tmp/app/themes/WCMHStreaming/_veil.scss */ .WCMHStreaming.veil { background: transparent; } /* line 4, .tmp/app/themes/WCMHStreaming/_veil.scss */ .WCMHStreaming.veil .main-content-container { position: absolute; bottom: 10px; right: 0; left: 0; height: 40%; width: 90%; margin: auto; border-radius: 5px; opacity: 0.9; overflow: auto; border: 1px solid #808080; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); transform: translate3d(0, 0, 0); } /* line 20, .tmp/app/themes/WCMHStreaming/_veil.scss */ .WCMHStreaming.veil .modal-backdrop { display: none; } /* line 25, .tmp/app/themes/WCMHStreaming/_veil.scss */ .WCMHStreaming.veil .offer-modal, .WCMHStreaming.veil .feedback-modal { position: absolute; bottom: 10px; right: 0; left: 0; top: unset; height: 40%; width: 90%; margin: auto; border-radius: 5px; overflow: auto; box-shadow: none; } /* line 40, .tmp/app/themes/WCMHStreaming/_veil.scss */ .WCMHStreaming.veil .feedback-modal { height: 60%; } /* line 42, .tmp/app/themes/WCMHStreaming/_veil.scss */ .WCMHStreaming.veil .feedback-modal .modal-dialog { height: 100%; width: 100%; margin: auto; border-radius: 5px; } /* line 5, .tmp/app/themes/WCMHStreaming/AppInstall/styles.scss */ .WCMHStreaming.AppInstall header { display: none; } /* line 8, .tmp/app/themes/WCMHStreaming/AppInstall/styles.scss */ .WCMHStreaming.AppInstall .app-install { width: 100%; text-align: center; vertical-align: middle; } /* line 10, .tmp/app/themes/WCMHStreaming/AppInstall/styles.scss */ .WCMHStreaming.AppInstall .app-install .app-install-button { max-width: 9.523vw; margin: 0 1vw; } /* line 14, .tmp/app/themes/WCMHStreaming/AppInstall/styles.scss */ .WCMHStreaming.AppInstall .app-install a { text-decoration: underline; color: #000000; cursor: pointer; } /* line 19, .tmp/app/themes/WCMHStreaming/AppInstall/styles.scss */ .WCMHStreaming.AppInstall .app-install h1 { margin: 0 auto; padding: 5px; font-size: 50px; font-size: 3vw; } /* line 27, .tmp/app/themes/WCMHStreaming/AppInstall/styles.scss */ .WCMHStreaming.AppInstall .app-install dynamic-image { display: block; margin: 0 2vw; width: 8.273vw; height: 39.428vh; } /* line 5, .tmp/app/themes/WCMHStreaming/Banner/styles.scss */ .WCMHStreaming.Banner .banner { text-align: center; vertical-align: middle; margin: auto; } /* line 6, .tmp/app/themes/WCMHStreaming/Banner/styles.scss */ .WCMHStreaming.Banner .banner a { text-decoration: underline; color: #000000; cursor: pointer; } /* line 11, .tmp/app/themes/WCMHStreaming/Banner/styles.scss */ .WCMHStreaming.Banner .banner h1 { padding: 10px 50px; } /* line 17, .tmp/app/themes/WCMHStreaming/Banner/styles.scss */ .WCMHStreaming.Banner .banner dynamic-image { display: block; margin: auto; } /* line 21, .tmp/app/themes/WCMHStreaming/Banner/styles.scss */ .WCMHStreaming.Banner .banner .smallBannerImage { height: 480px; width: 320px; } /* line 25, .tmp/app/themes/WCMHStreaming/Banner/styles.scss */ .WCMHStreaming.Banner .banner .mediumBannerImage { height: 480px; width: 666px; } /* line 8, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked.multiview .app-container .megachatter-container .message-list, .WCMHStreaming.Blank.veil.multiview .app-container .megachatter-container .message-list, .WCMHStreaming [blank].stacked.multiview .app-container .megachatter-container .message-list, .WCMHStreaming [blank].veil.multiview .app-container .megachatter-container .message-list { height: calc(100vh - 109px) !important; max-height: 100%; overflow-y: auto; } /* line 16, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked .scene-wrapper, .WCMHStreaming.Blank.veil .scene-wrapper, .WCMHStreaming [blank].stacked .scene-wrapper, .WCMHStreaming [blank].veil .scene-wrapper { height: 0 !important; } /* line 19, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked header, .WCMHStreaming.Blank.veil header, .WCMHStreaming [blank].stacked header, .WCMHStreaming [blank].veil header { display: none; } /* line 22, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked .view-container, .WCMHStreaming.Blank.veil .view-container, .WCMHStreaming [blank].stacked .view-container, .WCMHStreaming [blank].veil .view-container { min-height: unset; } /* line 25, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked .product-container, .WCMHStreaming.Blank.veil .product-container, .WCMHStreaming [blank].stacked .product-container, .WCMHStreaming [blank].veil .product-container { opacity: 0; height: 0; } /* line 29, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked .main-content-container, .WCMHStreaming.Blank.veil .main-content-container, .WCMHStreaming [blank].stacked .main-content-container, .WCMHStreaming [blank].veil .main-content-container { border: none; box-shadow: none; } /* line 32, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked .main-content-container gdpr-banner, .WCMHStreaming.Blank.veil .main-content-container gdpr-banner, .WCMHStreaming [blank].stacked .main-content-container gdpr-banner, .WCMHStreaming [blank].veil .main-content-container gdpr-banner { display: none; } /* line 35, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked .main-content-container facebook-login, .WCMHStreaming.Blank.veil .main-content-container facebook-login, .WCMHStreaming [blank].stacked .main-content-container facebook-login, .WCMHStreaming [blank].veil .main-content-container facebook-login { display: none; } /* line 39, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked .app-container, .WCMHStreaming.Blank.veil .app-container, .WCMHStreaming [blank].stacked .app-container, .WCMHStreaming [blank].veil .app-container { background: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 44, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked .app-container .megachatter-container .message-list, .WCMHStreaming.Blank.veil .app-container .megachatter-container .message-list, .WCMHStreaming [blank].stacked .app-container .megachatter-container .message-list, .WCMHStreaming [blank].veil .app-container .megachatter-container .message-list { max-height: 100%; } /* line 49, .tmp/app/themes/WCMHStreaming/Blank/styles.scss */ .WCMHStreaming.Blank.stacked footer, .WCMHStreaming.Blank.veil footer, .WCMHStreaming [blank].stacked footer, .WCMHStreaming [blank].veil footer { display: none; } /* line 2, .tmp/app/themes/WCMHStreaming/Bulletin/styles.scss */ .WCMHStreaming.Bulletin footer, .WCMHStreaming [bulletin] footer { display: none; } /* line 5, .tmp/app/themes/WCMHStreaming/Bulletin/styles.scss */ .WCMHStreaming.Bulletin .bulletin-wrapper, .WCMHStreaming [bulletin] .bulletin-wrapper { height: 100vh; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; } /* line 10, .tmp/app/themes/WCMHStreaming/Bulletin/styles.scss */ .WCMHStreaming.Bulletin .bulletin-wrapper h1, .WCMHStreaming [bulletin] .bulletin-wrapper h1 { font-size: 3.75vw; background-color: rgba(0, 0, 0, 0.41); border: 2px solid #fff; color: #fff; margin: 0 auto; padding: 0; min-height: 66.257vh; width: 93.75vw; } /* line 6, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming.BuyNow .buy-now, .WCMHStreaming [buy-now] .buy-now { display: block; } /* line 8, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming.BuyNow .buy-now .question, .WCMHStreaming [buy-now] .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming.BuyNow .buy-now .wrapper, .WCMHStreaming [buy-now] .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming.BuyNow .buy-now .wrapper img, .WCMHStreaming [buy-now] .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming.BuyNow .buy-now .wrapper a:hover, .WCMHStreaming [buy-now] .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming.BuyNow .buy-now .wrapper a, .WCMHStreaming [buy-now] .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming.BuyNow .buy-now .wrapper a button, .WCMHStreaming [buy-now] .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } /* line 32, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming .medium-width .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 36, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming .medium-width .buy-now .wrapper img { max-width: 203px; } /* line 40, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming .medium-width .buy-now .wrapper a button { display: block; background-color: #3bf2c2; } /* line 50, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming .small-width .buy-now, .WCMHStreaming .tiny-width .buy-now { margin: 0; } /* line 52, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming .small-width .buy-now img, .WCMHStreaming .tiny-width .buy-now img { max-width: 306px; } /* line 55, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming .small-width .buy-now a, .WCMHStreaming .tiny-width .buy-now a { display: block; } /* line 57, .tmp/app/themes/WCMHStreaming/BuyNow/styles.scss */ .WCMHStreaming .small-width .buy-now a button, .WCMHStreaming .tiny-width .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #3bf2c2; } /* line 7, .tmp/app/themes/WCMHStreaming/DidYouKnow/styles.scss */ .WCMHStreaming.DidYouKnow .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/WCMHStreaming/DidYouKnow/styles.scss */ .WCMHStreaming.DidYouKnow .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/WCMHStreaming/DidYouKnow/styles.scss */ .WCMHStreaming.DidYouKnow h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } @media screen and (min-width: 666px) { /* line 25, .tmp/app/themes/WCMHStreaming/DidYouKnow/styles.scss */ .WCMHStreaming.DidYouKnow .dyk-image-cont { width: 640px; } /* line 28, .tmp/app/themes/WCMHStreaming/DidYouKnow/styles.scss */ .WCMHStreaming.DidYouKnow h1 { width: 640px; } } /* line 9, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming.Donate .donate form .paypal-btn { background-image: url("../themes/WCMHStreaming/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming.Donate .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming.Donate .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming.Donate .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming.Donate .donate button.streamtip-btn { background-image: url("../themes/WCMHStreaming/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming.Donate .donate button.patreon-btn { background-image: url("../themes/WCMHStreaming/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming.Donate .donate button.subscribe-btn { background-image: url("../themes/WCMHStreaming/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } /* line 55, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming .medium-width .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } /* line 66, .tmp/app/themes/WCMHStreaming/Donate/styles.scss */ .WCMHStreaming .small-width .donate img.foreground, .WCMHStreaming .tiny-width .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } /* line 6, .tmp/app/themes/WCMHStreaming/EmbeddedWebpage/styles.scss */ .WCMHStreaming.EmbeddedWebpage header { display: none; } /* line 10, .tmp/app/themes/WCMHStreaming/EmbeddedWebpage/styles.scss */ .WCMHStreaming.EmbeddedWebpage footer { display: none; } /* line 14, .tmp/app/themes/WCMHStreaming/EmbeddedWebpage/styles.scss */ .WCMHStreaming.EmbeddedWebpage .app-container, .WCMHStreaming.EmbeddedWebpage .app-height-element, .WCMHStreaming.EmbeddedWebpage .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/WCMHStreaming/EmbeddedWebpage/styles.scss */ .WCMHStreaming.EmbeddedWebpage .view-container div[embedded-webpage] { height: 100%; max-height: 100%; max-width: 100%; width: 100%; -webkit-overflow-scrolling: touch; overflow: scroll; } /* line 32, .tmp/app/themes/WCMHStreaming/EmbeddedWebpage/styles.scss */ .WCMHStreaming.EmbeddedWebpage iframe { background-color: transparent; border: none; max-height: 100%; height: 100%; max-width: 100%; width: 100%; } /* line 4, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login { background-color: #000; display: block; } /* line 7, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner { margin: 0 auto; padding: 1px 5px; } @media screen and (max-width: 666px) { /* line 7, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner { max-width: 330px; min-width: 320px; } } @media screen and (min-width: 666px) { /* line 7, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner { max-width: 676px; min-width: 666px; } } /* line 20, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .column { vertical-align: middle; } /* line 24, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 28, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner string-rotator { display: -ms-flexbox; display: flex; } /* line 32, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner span { color: #ccc; font-weight: 400; font-size: 10px; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } /* line 41, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .user-info-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; transition: opacity 0.15s linear; } /* line 49, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .user-info-container:hover { opacity: 0.8; } /* line 51, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .user-info-container:hover p { text-decoration: underline; min-width: 80px; } /* line 56, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .user-info-container dynamic-image { height: 22px; width: 22px; border-radius: 50%; background: #fff; background-size: contain; } /* line 63, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .user-info-container p { padding: 0; margin: 0; font-size: 12px; color: #fff; font-weight: normal; min-width: 80px; } /* line 72, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out { position: absolute; top: 30px; border-radius: 5px; margin: 0 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 10; background-color: #fff; overflow: hidden; } /* line 81, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out ul { list-style-type: none; padding: 0; margin: 0; } /* line 85, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out ul li { list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; padding: 5px 10px; transition: background 0.15s linear; background-color: #fff; } /* line 96, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out ul li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.23); } /* line 99, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out ul li:hover { background: #f6f6f6; } /* line 102, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out ul li img { max-height: 24px; max-width: 24px; } /* line 106, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out ul li p, .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out ul li p > span { padding: 0; margin: 0; color: #000; font-weight: normal; font-size: 13px; text-align: left; } /* line 116, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login .facebook-inner .sign-out-pop-out .login-bar-button { padding: 5px; } /* line 121, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming facebook-login button.login-bar-button { border: 0; cursor: pointer; text-transform: uppercase; margin: 1px auto; border-radius: 3px; padding: 2px; font-size: 11px; } /* line 132, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3b55a0', GradientType=0); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 11px; line-height: 0; font-weight: 400; border: 0 solid transparent; border-radius: 2px; text-transform: none; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 153, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming .facebook-button svg { height: 16px; width: 16px; } /* line 158, .tmp/app/themes/WCMHStreaming/FacebookLogin/styles.scss */ .WCMHStreaming .facebook-button .facebook-button-text { padding: 0 6px; } /* line 6, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-name, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-name { padding-left: 4.6875vw; } /* line 8, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-name .logo, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-name .logo { width: 3.5vw; height: 3.5vw; } /* line 12, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-name .name, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-name .name { color: #fff; text-align: left; padding: 0 0 0 1.30vw; } /* line 17, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-name .screen-name, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-name .screen-name { color: #fff; padding-right: 6.018vw; text-align: right; padding-right: 17.1875vw; } /* line 22, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-name .screen-name a, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-name .screen-name a { color: #fff; } /* line 26, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-name .name, .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-name .screen-name, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-name .name, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-name .screen-name { font-size: 50px; font-size: 3vw; padding-top: 2.592vh; line-height: 1; } /* line 33, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .image-container, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .image-container { width: 8vw; margin-right: 0.78125vw; } /* line 36, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .image-container dynamic-image, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .image-container dynamic-image { background-position: center top; } /* line 39, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .image-container .avatar, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .image-container .avatar { display: block; } /* line 43, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-content, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-content { border: 0.1vw solid #fff; background-color: rgba(0, 0, 0, 0.41); height: 61vh; width: 100%; } /* line 48, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-content .message, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-content .message { color: #fff; font-size: 2.3vw; margin: 0; padding: 0 3.703vw; } /* line 53, .tmp/app/themes/WCMHStreaming/FacebookToTV/styles.scss */ .WCMHStreaming.FacebookToTV .facebook-to-tv .facebook-content .message a, .WCMHStreaming [facebook-to-tv] .facebook-to-tv .facebook-content .message a { color: #fff; } /* line 8, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .active-content, .WCMHStreaming.FaceOff .face-off .answers .answer .answer-container, .WCMHStreaming [face-off] .face-off .answers .answer .active-content, .WCMHStreaming [face-off] .face-off .answers .answer .answer-container { width: 100%; } /* line 12, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer:first-child .progress, .WCMHStreaming [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 21, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer:first-child .percent-container .progress-container, .WCMHStreaming [face-off] .face-off .answers .answer:first-child .percent-container .progress-container { padding-right: 0; } /* line 28, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer:last-child .percent-container .progress-container, .WCMHStreaming [face-off] .face-off .answers .answer:last-child .percent-container .progress-container { padding-left: 0; } /* line 36, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers, .WCMHStreaming [face-off] .face-off .answers { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } /* line 40, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer, .WCMHStreaming [face-off] .face-off .answers .answer { width: calc(50% - 0.9vw); margin-right: 0.78125vw; height: 65.1vh; } /* line 44, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .answer-container, .WCMHStreaming [face-off] .face-off .answers .answer .answer-container { min-height: 41.714vh; } /* line 47, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .answer-align, .WCMHStreaming [face-off] .face-off .answers .answer .answer-align { width: 100%; } /* line 50, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .your-vote-indicator, .WCMHStreaming [face-off] .face-off .answers .answer .your-vote-indicator { width: 54.5%; } /* line 54, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer:first-child .image-container, .WCMHStreaming [face-off] .face-off .answers .answer:first-child .image-container { margin-right: 7px; } /* line 59, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer:nth-child(2) .image-container, .WCMHStreaming [face-off] .face-off .answers .answer:nth-child(2) .image-container { -ms-flex-order: 1; order: 1; margin-left: 7px; } /* line 64, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer:nth-child(2) .percent-container .percent-text, .WCMHStreaming [face-off] .face-off .answers .answer:nth-child(2) .percent-container .percent-text { -ms-flex-order: 1; order: 1; } /* line 69, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .active-content, .WCMHStreaming.FaceOff .face-off .answers .answer .answer-container, .WCMHStreaming [face-off] .face-off .answers .answer .active-content, .WCMHStreaming [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 73, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer:first-child, .WCMHStreaming.FaceOff .face-off .answers .answer:nth-child(4), .WCMHStreaming.FaceOff .face-off .answers .answer:nth-child(3n+4), .WCMHStreaming [face-off] .face-off .answers .answer:first-child, .WCMHStreaming [face-off] .face-off .answers .answer:nth-child(4), .WCMHStreaming [face-off] .face-off .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 76, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .image-container, .WCMHStreaming [face-off] .face-off .answers .answer .image-container { width: 8.273vw; } /* line 79, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .percent-container, .WCMHStreaming [face-off] .face-off .answers .answer .percent-container { margin: 0 auto; width: 90%; } /* line 82, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .percent-container .progress, .WCMHStreaming.FaceOff .face-off .answers .answer .percent-container .progress-bar, .WCMHStreaming.FaceOff .face-off .answers .answer .percent-container .percent-text, .WCMHStreaming [face-off] .face-off .answers .answer .percent-container .progress, .WCMHStreaming [face-off] .face-off .answers .answer .percent-container .progress-bar, .WCMHStreaming [face-off] .face-off .answers .answer .percent-container .percent-text { height: 40px; height: 11.428vh; } /* line 86, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .percent-container .percent-text, .WCMHStreaming [face-off] .face-off .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 96, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .percent-container .progress-container, .WCMHStreaming [face-off] .face-off .answers .answer .percent-container .progress-container { padding: 0; } /* line 100, .tmp/app/themes/WCMHStreaming/FaceOff/styles.scss */ .WCMHStreaming.FaceOff .face-off .answers .answer .answer-text, .WCMHStreaming [face-off] .face-off .answers .answer .answer-text { width: 100%; height: 31.04908vh; } /* line 4, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback { color: #fff; text-transform: none; } /* line 8, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit { text-align: center; } /* line 9, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit .close-button { display: none; } /* line 12, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit p { padding: 0; } /* line 16, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit span { display: block; } /* line 19, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit button { margin: 5px 0; } /* line 24, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .view-container { padding: 0; } /* line 27, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .required { color: #000000; } /* line 30, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback h1 { font-size: 30px; font-size: 1.8vw; } /* line 34, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback h3 { font-size: 24px; font-size: 1.45vw; } /* line 38, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback h1, .WCMHStreaming .feedback h3 { margin: 0; padding: 0 30px; } /* line 43, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback ul { font-size: 0; padding: 0; margin: 0; } /* line 47, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback ul li { box-sizing: border-box; font-size: 14px; list-style: none; margin: 0; padding: 3vh; vertical-align: top; width: 25%; display: inline-block; } /* line 56, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback ul li label { display: block; margin-bottom: 0; font-size: 1.3vw; } /* line 61, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback ul li input, .WCMHStreaming .feedback ul li textarea { height: 20vh; font-size: 10vh; padding: 2vh 1vh; width: 100%; } @media screen and (min-width: 666px) { /* line 47, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback ul li { display: inline-block; width: 50%; } } /* line 77, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit .close-button { display: none; } /* line 80, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit p { padding: 0; } @media screen and (max-width: 666px) { /* line 76, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit { text-align: center; } /* line 85, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit .feedback-submit-text { display: block; } } @media screen and (min-width: 666px) { /* line 76, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit { padding: 5px 15px 0 15px; text-align: right; } } /* line 93, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .feedback-submit button { display: block; } /* line 97, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming .feedback .close-button-submitted, .WCMHStreaming .feedback .close-button-nonsubmitted { display: block; } /* line 110, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) .feedback ul li.item-checkbox label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/WCMH/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 120, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) .feedback ul li.item-checkbox input { opacity: 0; height: 0; width: 0; margin: 0; } /* line 126, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/WCMH/images/feedback/checkboxBG-focus.png"); } /* line 130, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/WCMH/images/feedback/checkboxBG-selected-focus.png"); } /* line 133, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/WCMH/images/feedback/checkboxBG-selected.png"); } /* line 136, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/WCMH/images/feedback/checkboxBG-required.png"); } /* line 142, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/WCMH/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 152, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) input[type='checkbox'] { opacity: 0; } /* line 155, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/WCMH/feedback/checkboxBG-focus.png"); } /* line 159, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/WCMH/feedback/checkboxBG-selected-focus.png"); } /* line 162, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/WCMH/feedback/checkboxBG-selected.png"); } /* line 165, .tmp/app/themes/WCMHStreaming/Feedback/styles.scss */ .WCMHStreaming:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/WCMH/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container, .WCMHStreaming [five-stars] .five-star .five-star-container { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; width: 100%; } /* line 11, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .popular, .WCMHStreaming.FiveStars .five-star .five-star-container .popular-label, .WCMHStreaming [five-stars] .five-star .five-star-container .popular, .WCMHStreaming [five-stars] .five-star .five-star-container .popular-label { color: #fff; } /* line 14, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .popular-label, .WCMHStreaming [five-stars] .five-star .five-star-container .popular-label { font-size: 35px; font-size: 1.85vw; padding-right: 3.833%; text-transform: uppercase; } /* line 20, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .popular, .WCMHStreaming [five-stars] .five-star .five-star-container .popular { font-size: 86px; font-size: 4.5vw; line-height: 1; font-family: "Montserrat", sans-serif; } /* line 27, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .image-container, .WCMHStreaming [five-stars] .five-star .five-star-container .image-container { text-align: center; width: 8.273vw; height: 8.273vw; margin-right: 0.78125vw; } /* line 32, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .image-container dynamic-image, .WCMHStreaming [five-stars] .five-star .five-star-container .image-container dynamic-image { display: block; } /* line 36, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .five-star-average, .WCMHStreaming.FiveStars .five-star .five-star-container .five-star-answer, .WCMHStreaming [five-stars] .five-star .five-star-container .five-star-average, .WCMHStreaming [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 40, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .five-star-average, .WCMHStreaming [five-stars] .five-star .five-star-container .five-star-average { background: #f19914; background: -webkit-gradient(left top, left bottom, color-stop(0%, #f19914), color-stop(100%, #b64d03)); background: linear-gradient(to bottom, #f19914 0%, #b64d03 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f19914', endColorstr='#b64d03', GradientType=0); width: 31vw; } /* line 51, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .five-star-answer, .WCMHStreaming [five-stars] .five-star .five-star-container .five-star-answer { background-color: rgba(0, 0, 0, 0.41); border: 2px solid #fff; transition: all 1s; width: 42.916vw; margin: 0 0.312vw 0 0; height: 65.2vh; } /* line 59, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .title, .WCMHStreaming [five-stars] .five-star .five-star-container .title { color: #fff; text-align: center; padding: 0; text-transform: uppercase; } /* line 64, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .title .column, .WCMHStreaming [five-stars] .five-star .five-star-container .title .column { font-size: 20px; font-size: 1.6vw; } /* line 67, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .title .column.your-vote, .WCMHStreaming [five-stars] .five-star .five-star-container .title .column.your-vote { font-size: 2.4vw; line-height: 1.2; padding-left: 3%; } /* line 74, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .five-star-answer-track, .WCMHStreaming.FiveStars .five-star .five-star-container .answers, .WCMHStreaming [five-stars] .five-star .five-star-container .five-star-answer-track, .WCMHStreaming [five-stars] .five-star .five-star-container .answers { height: 100%; } /* line 77, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .answers, .WCMHStreaming [five-stars] .five-star .five-star-container .answers { margin: 0; transition: all 1s; height: 40.4vh; padding: 0 15%; } /* line 82, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .answers .answer, .WCMHStreaming [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/WCMHStreaming/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; background-size: 84.287% auto; background-size: 5.05vw auto; cursor: pointer; width: 20%; list-style-type: none; } /* line 91, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star .five-star-container .answers .answer.active, .WCMHStreaming [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/WCMHStreaming/images/fivestar/star-active.png"); } /* line 98, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star.answered .five-star-answer, .WCMHStreaming [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; } /* line 101, .tmp/app/themes/WCMHStreaming/FiveStars/styles.scss */ .WCMHStreaming.FiveStars .five-star.answered .five-star-average, .WCMHStreaming [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 4, .tmp/app/themes/WCMHStreaming/Footer/styles.scss */ .WCMHStreaming footer { position: absolute; right: 6vw; top: 3.374vh; display: inline-block; } /* line 9, .tmp/app/themes/WCMHStreaming/Footer/styles.scss */ .WCMHStreaming footer .footer-images { background-size: contain; background-position: center; background-repeat: no-repeat; width: 17.1875vw; height: 27.62vh; } /* line 6, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-container, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-container { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; width: 100%; } /* line 11, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-container .title, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 14, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-container .image-container, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-container .image-container { text-align: center; width: 8.273vw; height: 8.273vw; margin-right: 0.78125vw; } /* line 19, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-container .image-container dynamic-image, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-container .image-container dynamic-image { display: block; } /* line 24, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-inner, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-inner { padding: 27.714vh 10.781vw 0 10.781vw; } /* line 28, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-average, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-average { background: #f19914; background: -webkit-gradient(left top, left bottom, color-stop(0%, #f19914), color-stop(100%, #b64d03)); background: linear-gradient(to bottom, #f19914 0%, #b64d03 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f19914', endColorstr='#b64d03', GradientType=0); width: 31vw; } /* line 38, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-average .popular, .WCMHStreaming.GuessGauge .guess-gauge .gauge-average .popular-label, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-average .popular, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-average .popular-label { color: #fff; } /* line 41, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-average .popular-label, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-average .popular-label { font-size: 35px; font-size: 1.85vw; text-align: center; text-transform: uppercase; } /* line 47, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-average .popular, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-average .popular { font-size: 48px; font-size: 2.8vw; font-family: "Montserrat", sans-serif; height: auto; line-height: 1.5; } /* line 55, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-answer, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-answer { background-color: rgba(0, 0, 0, 0.41); border: 2px solid #fff; transition: all 1s; width: 42.916vw; margin: 0 0.312vw 0 0; height: 65.2vh; } /* line 63, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-average, .WCMHStreaming.GuessGauge .guess-gauge .gauge-answer, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-average, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 67, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .gauge-answer-track, .WCMHStreaming [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 70, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .display-answer, .WCMHStreaming [guess-gauge] .guess-gauge .display-answer { height: 26.285vh; max-width: 19.479vw; min-width: 14.285vw; overflow: hidden; z-index: 102; margin-top: -30vh; position: absolute; color: #fff; top: 2px; font-size: 2.6vw; line-height: 0.9; font-family: "Montserrat", sans-serif; } /* line 86, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .slider .slider-track, .WCMHStreaming [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 88, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .WCMHStreaming [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { height: 50%; height: 18.571vh; width: 3.214vw; top: -3.714vh; cursor: pointer; position: absolute; z-index: 100; background: url(../themes/WCMHStreaming/images/guessgauge/knob.png); background-repeat: no-repeat; background-position: center; background-size: 3.214vw auto; } /* line 101, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .slider .slider-track.popular, .WCMHStreaming [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 107, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .slider .slider-track, .WCMHStreaming [guess-gauge] .guess-gauge .slider .slider-track { height: 40px; height: 11.428vh; background: rgba(255, 255, 255, 0.2); border: none; } /* line 113, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .slider .slider-track-fg, .WCMHStreaming [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 40px; height: 11.428vh; background: #c35301; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #c35301 0%, #ffa112 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c35301', endColorstr='#ffa112',GradientType=1 ); /* IE6-9 */ } /* line 118, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .slider .slider-main, .WCMHStreaming [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; } /* line 123, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .popular, .WCMHStreaming [guess-gauge] .guess-gauge .popular { color: #000000; } /* line 127, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .labels, .WCMHStreaming [guess-gauge] .guess-gauge .labels { width: 100%; padding: 0 5px; -ms-flex-align: end; align-items: flex-end; padding-bottom: 2vh; margin: 5.8vh 0 0 0; } /* line 133, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .labels .label-min, .WCMHStreaming.GuessGauge .guess-gauge .labels .label-max, .WCMHStreaming [guess-gauge] .guess-gauge .labels .label-min, .WCMHStreaming [guess-gauge] .guess-gauge .labels .label-max { font-size: 35px; font-size: 1.85vw; color: #fff; text-align: center; line-height: 1; } /* line 140, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .labels .label-min, .WCMHStreaming [guess-gauge] .guess-gauge .labels .label-min { padding-right: 5vw; } /* line 143, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge .labels .label-max, .WCMHStreaming [guess-gauge] .guess-gauge .labels .label-max { padding-left: 5vw; } /* line 148, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge.answered .gauge-answer, .WCMHStreaming [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; } /* line 151, .tmp/app/themes/WCMHStreaming/GuessGauge/styles.scss */ .WCMHStreaming.GuessGauge .guess-gauge.answered .gauge-average, .WCMHStreaming [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 4, .tmp/app/themes/WCMHStreaming/Header/styles.scss */ .WCMHStreaming header { position: absolute; right: 0; top: 0; width: 17.1875vw; height: 27.62vh; } /* line 10, .tmp/app/themes/WCMHStreaming/Header/styles.scss */ .WCMHStreaming header p { color: #000000; font-size: 20px; margin-top: 65px; } /* line 5, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not, .WCMHStreaming [hot-or-not] .hot-or-not { /* Portrait tablets and up */ /* Less than portrait tablets*/ } /* line 8, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .active-content, .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .answer-container, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .active-content, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; } /* line 11, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .popular-icon, .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .popular-icon, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: static; margin: auto; } /* line 15, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .percent-text, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .percent-text { font-size: 28px; } /* line 19, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer:first-child .progress, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 28, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer:first-child .percent-container .progress-container, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer:first-child .percent-container .progress-container { padding-right: 0; } /* line 35, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer:last-child .percent-container .progress-container, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer:last-child .percent-container .progress-container { padding-left: 0; } /* line 43, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers, .WCMHStreaming [hot-or-not] .hot-or-not .answers { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } /* line 47, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .image-container, .WCMHStreaming [hot-or-not] .hot-or-not .answers .image-container { width: 8.273vw; margin-right: 0.78125vw; } /* line 50, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .image-container dynamic-image, .WCMHStreaming [hot-or-not] .hot-or-not .answers .image-container dynamic-image { background-position: top center; } /* line 54, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer { width: calc(50% - 4.91775vw); margin-right: 0.78125vw; height: 65.1vh; } /* line 58, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer:last-child, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer:last-child { margin: 0; } /* line 61, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .answer-container, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .answer-container { min-height: 41.714vh; } /* line 64, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { width: 54.5%; } /* line 70, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer:nth-child(3) .percent-container .percent-text, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer:nth-child(3) .percent-container .percent-text { -ms-flex-order: 1; order: 1; } /* line 75, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .active-content, .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .answer-container, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .active-content, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; } /* line 78, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer:first-child, .WCMHStreaming.HotOrNot .hot-or-not .answers .answer:nth-child(4), .WCMHStreaming.HotOrNot .hot-or-not .answers .answer:nth-child(3n+4), .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer:first-child, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer:nth-child(4), .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 81, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .percent-container, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .percent-container { margin: 0 auto; width: 80%; } /* line 84, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .percent-container .progress, .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .percent-container .progress-bar, .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .percent-container .percent-text, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .percent-container .progress, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .percent-container .progress-bar, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .percent-container .percent-text { height: 40px; height: 11.428vh; } /* line 88, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .percent-container .percent-text, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 98, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .percent-container .progress-container, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .percent-container .progress-container { padding: 0; } /* line 102, .tmp/app/themes/WCMHStreaming/HotOrNot/styles.scss */ .WCMHStreaming.HotOrNot .hot-or-not .answers .answer .answer-text, .WCMHStreaming [hot-or-not] .hot-or-not .answers .answer .answer-text { width: 100%; height: 31.04908vh; } /* line 6, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-name, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-name { padding-left: 0; } /* line 8, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-name .logo, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-name .logo { width: 3.5vw; height: 3.5vw; } /* line 12, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-name .name, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-name .name { color: #fff; text-align: left; padding: 0 0 0 1.30vw; } /* line 17, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-name .screen-name, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-name .screen-name { color: #fff; padding-right: 6.018vw; text-align: right; padding-right: 17.1875vw; } /* line 22, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-name .screen-name a, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-name .screen-name a { color: #fff; } /* line 26, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-name .name, .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-name .screen-name, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-name .name, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-name .screen-name { font-size: 50px; font-size: 3vw; padding-top: 2.592vh; line-height: 1; } /* line 33, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .image-container, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .image-container { width: 12.708vw; height: 12.708vw; margin-right: 0.78125vw; margin-top: 5.8vh; } /* line 38, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .image-container dynamic-image, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .image-container dynamic-image { background-position: center top; } /* line 41, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .image-container .avatar, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .image-container .avatar { display: block; } /* line 45, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-content, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-content { border: 0.1vw solid #fff; background-color: rgba(0, 0, 0, 0.41); height: 61vh; width: 100%; } /* line 50, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-content .message, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-content .message { color: #fff; font-size: 2.3vw; margin: 0; padding: 0 3.703vw; } /* line 55, .tmp/app/themes/WCMHStreaming/InstagramToTV/styles.scss */ .WCMHStreaming.InstagramToTV .instagram-to-tv .instagram-content .message a, .WCMHStreaming [instagram-to-tv] .instagram-to-tv .instagram-content .message a { color: #fff; } /* line 6, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers, .WCMHStreaming [pic-pick] .pic-pick .answers { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } /* line 10, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers.four-answers .answer, .WCMHStreaming [pic-pick] .pic-pick .answers.four-answers .answer { width: calc(100% / 4); } /* line 15, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers.five-answers .answer, .WCMHStreaming [pic-pick] .pic-pick .answers.five-answers .answer { width: calc(100% / 5); } /* line 17, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers.five-answers .answer .answer-text, .WCMHStreaming [pic-pick] .pic-pick .answers.five-answers .answer .answer-text { font-size: 1.6vw; } /* line 21, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers.five-answers .answer .percent-container .percent-text, .WCMHStreaming [pic-pick] .pic-pick .answers.five-answers .answer .percent-container .percent-text { width: 4.5vw; font-size: 1.5vw; } /* line 29, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers.six-answers .answer, .WCMHStreaming [pic-pick] .pic-pick .answers.six-answers .answer { width: calc((100% / 6) - 0.78125vw); } /* line 31, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers.six-answers .answer .answer-text, .WCMHStreaming [pic-pick] .pic-pick .answers.six-answers .answer .answer-text { font-size: 1.3vw; } /* line 35, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers.six-answers .answer .percent-container .percent-text, .WCMHStreaming [pic-pick] .pic-pick .answers.six-answers .answer .percent-container .percent-text { width: 3vw; font-size: 1vw; } /* line 42, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer, .WCMHStreaming [pic-pick] .pic-pick .answers .answer { width: calc(33.33% - 0.6vw); margin-right: 0.78125vw; height: 65.2vh; } /* line 46, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer:last-child, .WCMHStreaming [pic-pick] .pic-pick .answers .answer:last-child { margin-right: 0; } /* line 49, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .answer-container, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .answer-container { min-height: 41.714vh; } /* line 52, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .answer-text, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .answer-text { width: 100%; } /* line 55, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .active-content, .WCMHStreaming.PicPick .pic-pick .answers .answer .answer-container, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .active-content, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 59, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer:first-child, .WCMHStreaming.PicPick .pic-pick .answers .answer:nth-child(4), .WCMHStreaming.PicPick .pic-pick .answers .answer:nth-child(3n+4), .WCMHStreaming [pic-pick] .pic-pick .answers .answer:first-child, .WCMHStreaming [pic-pick] .pic-pick .answers .answer:nth-child(4), .WCMHStreaming [pic-pick] .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 62, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .image-container, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .image-container { width: 8.273vw; } /* line 65, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .popular-icon, .WCMHStreaming.PicPick .pic-pick .answers .answer .your-vote-indicator, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .popular-icon, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .your-vote-indicator { position: static; } /* line 68, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .percent-container, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .percent-container { margin: 0; width: 100%; } /* line 71, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .percent-container .progress, .WCMHStreaming.PicPick .pic-pick .answers .answer .percent-container .progress-bar, .WCMHStreaming.PicPick .pic-pick .answers .answer .percent-container .percent-text, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .percent-container .progress, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .percent-container .progress-bar, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .percent-container .percent-text { height: 40px; height: 11.428vh; } /* line 75, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .percent-container .percent-text, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 85, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .WCMHStreaming.PicPick .pic-pick .answers .answer .percent-container .progress-container, .WCMHStreaming [pic-pick] .pic-pick .answers .answer .percent-container .progress-container { padding: 0; } /* line 91, .tmp/app/themes/WCMHStreaming/PicPick/styles.scss */ .survey .WCMHStreaming.PicPick .pic-pick .answers .answer.popular .percent-text, .trivia .WCMHStreaming.PicPick .pic-pick .answers .answer.correct .percent-text, .survey .WCMHStreaming [pic-pick] .pic-pick .answers .answer.popular .percent-text, .trivia .WCMHStreaming [pic-pick] .pic-pick .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 5, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container { border: none; font-size: 20px; overflow: hidden; padding: 0; border-radius: 5px; position: relative; z-index: 2; display: -ms-grid; display: grid; -ms-grid-columns: 44vw 44vw; grid-template-columns: 44vw 44vw; grid-gap: 0.2vw; max-width: none; margin: 4vh 4vw; width: 92vw; height: calc(92vh - 2.9vw); background: transparent; } /* line 24, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking { border-bottom: 1px solid #fff; color: #fff; transition: all 0.3s; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-template-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-gap: 5px; -ms-flex-align: center; align-items: center; } /* line 38, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking.first-place div { font-size: 1.4vw; } /* line 43, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 48, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 54, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking.ng-enter-stagger, .WCMHStreaming leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 58, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking.your-rank-highlight { font-weight: bold; } /* line 62, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 67, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 75, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking div { padding: 0; font-size: 1.2vw; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } /* line 83, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 36px; } /* line 88, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking div:last-child { text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 95, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking div img { height: 20px; padding: 0 8px; } /* line 100, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming leaderboard .rankings-container .ranking div.leaderboard .WCMHStreaming leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 110, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming .show-more-rankings { display: block; padding: 0; width: 6vw; height: 2.9vw; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: -5px auto 0 auto; z-index: 1; position: relative; background-color: #fff; color: #000000; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 125, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming .show-more-rankings span { font-size: 3vw; line-height: 1; position: absolute; top: -5px; left: 0; right: 0; } /* line 133, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 137, .tmp/app/themes/WCMHStreaming/Leaderboard/styles.scss */ .WCMHStreaming .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 5, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .view-container, .WCMHStreaming [live-reactions] .view-container { position: static; } /* line 9, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .floating-reaction, .WCMHStreaming [live-reactions] .live-reactions .floating-reaction { max-width: 4.345vw; max-height: 20.857vh; position: absolute; left: 0; top: 0; animation: reactionRise 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 18, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers, .WCMHStreaming [live-reactions] .live-reactions .answers { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } /* line 22, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer, .WCMHStreaming [live-reactions] .live-reactions .answers .answer { width: 20%; margin: 0; height: 47.5vh; background: url("../themes/WCMHStreaming/images/livereactions/reaction-background.png"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; padding-left: 1.4vw; } /* line 31, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer .active-content, .WCMHStreaming.LiveReactions .live-reactions .answers .answer .answer-container, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .active-content, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; } /* line 36, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer:first-child, .WCMHStreaming.LiveReactions .live-reactions .answers .answer:nth-child(4), .WCMHStreaming.LiveReactions .live-reactions .answers .answer:nth-child(3n+4), .WCMHStreaming [live-reactions] .live-reactions .answers .answer:first-child, .WCMHStreaming [live-reactions] .live-reactions .answers .answer:nth-child(4), .WCMHStreaming [live-reactions] .live-reactions .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 39, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer .image-container, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .image-container { width: 5.625vw; height: 33.12vh; } /* line 43, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer .popular-icon, .WCMHStreaming.LiveReactions .live-reactions .answers .answer .your-vote-indicator, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .popular-icon, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 50, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer .percent-container, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .percent-container { margin: 0; width: 100%; } /* line 53, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer .percent-container .progress, .WCMHStreaming.LiveReactions .live-reactions .answers .answer .percent-container .progress-bar, .WCMHStreaming.LiveReactions .live-reactions .answers .answer .percent-container .percent-text, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .percent-container .progress, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .percent-container .progress-bar, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .percent-container .percent-text { height: 40px; height: 11.428vh; } /* line 57, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer .percent-container .percent-text, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; width: 5.729vw; font-size: 38px; font-size: 3.5vmin; line-height: 1; } /* line 66, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer .percent-container .progress-container, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .percent-container .progress-container { padding: 0; } /* line 70, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .live-reactions .answers .answer .answer-text, .WCMHStreaming [live-reactions] .live-reactions .answers .answer .answer-text { width: 100%; } /* line 76, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .reaction-bounce, .WCMHStreaming [live-reactions] .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 79, .tmp/app/themes/WCMHStreaming/LiveReactions/styles.scss */ .WCMHStreaming.LiveReactions .reaction, .WCMHStreaming [live-reactions] .reaction { position: absolute; top: 0; left: 0; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.9); } 66% { transform: scale(1.1); } 100% { transform: scale(1); } } @keyframes reactionRise { 0% { top: 0; left: -5.625vw; } 100% { top: 0; left: calc(100% + 5.625vw); } } @keyframes slide-out-blurred-right { 0% { transform: translateX(0) scaleY(1) scaleX(1); transform-origin: 50% 50%; filter: blur(0); opacity: 1; } 100% { transform: translateX(1000px) scaleX(2) scaleY(0.2); transform-origin: 0% 50%; filter: blur(40px); opacity: 0; } } /* line 5, .tmp/app/themes/WCMHStreaming/Poster/styles.scss */ .WCMHStreaming.Poster header, .WCMHStreaming.Poster footer, .WCMHStreaming [poster] header, .WCMHStreaming [poster] footer { display: none; } /* line 9, .tmp/app/themes/WCMHStreaming/Poster/styles.scss */ .WCMHStreaming.Poster .posterImage, .WCMHStreaming [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; max-height: 100%; max-width: 100%; } /* line 17, .tmp/app/themes/WCMHStreaming/Poster/styles.scss */ .WCMHStreaming.Poster .posterImage .posterImageInner img, .WCMHStreaming [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 6, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .image-container, .WCMHStreaming [mood-meter] .mood-meter .image-container { width: 8.273vw; margin-right: 0.625vw; } /* line 9, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .image-container dynamic-image, .WCMHStreaming [mood-meter] .mood-meter .image-container dynamic-image { display: block; background-position: top center; } /* line 14, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-container, .WCMHStreaming [mood-meter] .mood-meter .meter-container { width: 100%; } /* line 16, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-container .meter-inner, .WCMHStreaming [mood-meter] .mood-meter .meter-container .meter-inner { position: relative; } /* line 20, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-average, .WCMHStreaming [mood-meter] .mood-meter .meter-average { background: #f19914; background: -webkit-gradient(left top, left bottom, color-stop(0%, #f19914), color-stop(100%, #b64d03)); background: linear-gradient(to bottom, #f19914 0%, #b64d03 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f19914', endColorstr='#b64d03', GradientType=0); width: 31vw; } /* line 30, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-average .popular, .WCMHStreaming.MoodMeter .mood-meter .meter-average .popular-label, .WCMHStreaming [mood-meter] .mood-meter .meter-average .popular, .WCMHStreaming [mood-meter] .mood-meter .meter-average .popular-label { color: #fff; } /* line 33, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-average .popular-label, .WCMHStreaming [mood-meter] .mood-meter .meter-average .popular-label { font-size: 35px; font-size: 1.85vw; text-align: center; text-transform: uppercase; } /* line 39, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-average .popular, .WCMHStreaming [mood-meter] .mood-meter .meter-average .popular { font-size: 48px; font-size: 2.8vw; font-family: "Montserrat", sans-serif; height: auto; line-height: 1.5; } /* line 48, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-container .title, .WCMHStreaming [mood-meter] .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 55, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-inside, .WCMHStreaming [mood-meter] .mood-meter .meter-inside { width: 8.5vw; padding-top: 6.5vh; position: absolute; top: 0; left: 0; right: 0; margin: auto; z-index: 1; pointer-events: none; } /* line 65, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-inside img, .WCMHStreaming [mood-meter] .mood-meter .meter-inside img { width: 100%; } /* line 69, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-answer, .WCMHStreaming [mood-meter] .mood-meter .meter-answer { background-color: rgba(0, 0, 0, 0.41); border: 2px solid #fff; transition: all 1s; width: 42.916vw; margin: 0 0.312vw 0 0; height: 65.2vh; position: relative; } /* line 77, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-answer .meter-answer-track, .WCMHStreaming [mood-meter] .mood-meter .meter-answer .meter-answer-track { height: 65.2vh; background: url(../themes/WCMHStreaming/images/moodmeter/meter-bg.png); background-size: 10.78125vw 57.803681vh; background-position: center top; background-repeat: no-repeat; } /* line 83, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .meter-answer .meter-answer-track canvas, .WCMHStreaming [mood-meter] .mood-meter .meter-answer .meter-answer-track canvas { width: 9.5vw !important; height: 54.803681vh !important; cursor: pointer; padding-top: 4vh; margin: 0 auto; display: block; } /* line 93, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .display-answer, .WCMHStreaming [mood-meter] .mood-meter .display-answer { height: 100%; line-height: 1; background: #45596e; color: #fff; width: 19.5vw; font-size: 2vw; } /* line 100, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .display-answer span, .WCMHStreaming [mood-meter] .mood-meter .display-answer span { display: block; } /* line 104, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .labels, .WCMHStreaming [mood-meter] .mood-meter .labels { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; pointer-events: none; display: -ms-flexbox; display: flex; padding: 0 5%; width: calc(100% - 19.5vw); } /* line 114, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .labels .label-min, .WCMHStreaming.MoodMeter .mood-meter .labels .label-max, .WCMHStreaming [mood-meter] .mood-meter .labels .label-min, .WCMHStreaming [mood-meter] .mood-meter .labels .label-max { font-size: 35px; font-size: 1.85vw; color: #fff; vertical-align: middle; word-break: break-word; background-color: transparent; height: 138px; height: 39.428vh; } /* line 125, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .labels .label-min, .WCMHStreaming [mood-meter] .mood-meter .labels .label-min { width: calc(50% - 5.9165vw); margin-right: 5.9165vw; } /* line 129, .tmp/app/themes/WCMHStreaming/MoodMeter/styles.scss */ .WCMHStreaming.MoodMeter .mood-meter .labels .label-max, .WCMHStreaming [mood-meter] .mood-meter .labels .label-max { width: calc(50% - 5.9165vw); margin-left: 5.9165vw; } /* line 6, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers, .WCMHStreaming [readers-choice] .readers-choice .answers { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } /* line 10, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers.four-answers .answer, .WCMHStreaming [readers-choice] .readers-choice .answers.four-answers .answer { width: calc(100% / 4); } /* line 15, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers.five-answers .answer, .WCMHStreaming [readers-choice] .readers-choice .answers.five-answers .answer { width: calc(100% / 5); } /* line 17, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers.five-answers .answer .answer-text, .WCMHStreaming [readers-choice] .readers-choice .answers.five-answers .answer .answer-text { font-size: 1.6vw; } /* line 21, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers.five-answers .answer .percent-container .percent-text, .WCMHStreaming [readers-choice] .readers-choice .answers.five-answers .answer .percent-container .percent-text { width: 4.5vw; font-size: 1.5vw; } /* line 29, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers.six-answers .answer, .WCMHStreaming [readers-choice] .readers-choice .answers.six-answers .answer { width: calc((100% / 6) - 0.78125vw); } /* line 31, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers.six-answers .answer .answer-text, .WCMHStreaming [readers-choice] .readers-choice .answers.six-answers .answer .answer-text { font-size: 1.3vw; } /* line 35, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers.six-answers .answer .percent-container .percent-text, .WCMHStreaming [readers-choice] .readers-choice .answers.six-answers .answer .percent-container .percent-text { width: 3vw; font-size: 1vw; } /* line 42, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer, .WCMHStreaming [readers-choice] .readers-choice .answers .answer { width: calc(33.33% - 0.6vw); margin-right: 0.78125vw; height: 65.2vh; } /* line 46, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer:last-child, .WCMHStreaming [readers-choice] .readers-choice .answers .answer:last-child { margin-right: 0; } /* line 49, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .answer-container, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .answer-container { min-height: 41.714vh; } /* line 52, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .answer-text, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .answer-text { width: 100%; height: 31.04908vh; } /* line 56, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .active-content, .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .answer-container, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .active-content, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 60, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer:first-child, .WCMHStreaming.ReadersChoice .readers-choice .answers .answer:nth-child(4), .WCMHStreaming.ReadersChoice .readers-choice .answers .answer:nth-child(3n+4), .WCMHStreaming [readers-choice] .readers-choice .answers .answer:first-child, .WCMHStreaming [readers-choice] .readers-choice .answers .answer:nth-child(4), .WCMHStreaming [readers-choice] .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 63, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .popular-icon, .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .your-vote-indicator, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .popular-icon, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .your-vote-indicator { position: static; } /* line 66, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .percent-container, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .percent-container { margin: 0 auto; width: 85%; } /* line 69, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .percent-container .progress, .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .percent-container .progress-bar, .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .percent-container .percent-text, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .percent-container .progress, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .percent-container .progress-bar, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .percent-container .percent-text { height: 40px; height: 11.428vh; } /* line 73, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .percent-container .percent-text, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 83, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .WCMHStreaming.ReadersChoice .readers-choice .answers .answer .percent-container .progress-container, .WCMHStreaming [readers-choice] .readers-choice .answers .answer .percent-container .progress-container { padding: 0; } /* line 89, .tmp/app/themes/WCMHStreaming/ReadersChoice/styles.scss */ .survey .WCMHStreaming.ReadersChoice .readers-choice .answers .answer.popular .percent-text, .trivia .WCMHStreaming.ReadersChoice .readers-choice .answers .answer.correct .percent-text, .survey .WCMHStreaming [readers-choice] .readers-choice .answers .answer.popular .percent-text, .trivia .WCMHStreaming [readers-choice] .readers-choice .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 6, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-name, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-name { padding-left: 4.6875vw; } /* line 8, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-name .logo, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-name .logo { width: 3.5vw; height: 3.5vw; } /* line 12, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-name .name, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-name .name { color: #fff; text-align: left; padding: 0 0 0 1.30vw; } /* line 17, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-name .screen-name, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-name .screen-name { color: #fff; padding-right: 6.018vw; text-align: right; padding-right: 17.1875vw; } /* line 22, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-name .screen-name a, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-name .screen-name a { color: #fff; } /* line 26, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-name .name, .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-name .screen-name, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-name .name, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-name .screen-name { font-size: 50px; font-size: 3vw; padding-top: 2.592vh; line-height: 1; } /* line 33, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .image-container, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .image-container { width: 8vw; margin-right: 0.78125vw; } /* line 36, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .image-container dynamic-image, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .image-container dynamic-image { background-position: center top; } /* line 39, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .image-container .avatar, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .image-container .avatar { display: block; } /* line 43, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-content, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-content { border: 0.1vw solid #fff; background-color: rgba(0, 0, 0, 0.41); height: 61vh; width: 100%; } /* line 48, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-content .message, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-content .message { color: #fff; font-size: 2.3vw; margin: 0; padding: 0 3.703vw; } /* line 53, .tmp/app/themes/WCMHStreaming/TweetToTV/styles.scss */ .WCMHStreaming.TweetToTV .tweet-to-tv .twitter-content .message a, .WCMHStreaming [tweet-to-tv] .tweet-to-tv .twitter-content .message a { color: #fff; } /* line 6, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .image-container, .WCMHStreaming [viewers-choice] .viewers-choice .image-container { width: 8.07vw; height: 47.5vh; display: -ms-flexbox; display: flex; margin-right: 0.78125vw; } /* line 13, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers, .WCMHStreaming [viewers-choice] .viewers-choice .answers { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } /* line 17, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers.four-answers .answer, .WCMHStreaming [viewers-choice] .viewers-choice .answers.four-answers .answer { width: calc(100% / 4); } /* line 22, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers.five-answers .answer, .WCMHStreaming [viewers-choice] .viewers-choice .answers.five-answers .answer { width: calc(100% / 5); } /* line 24, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers.five-answers .answer .answer-text, .WCMHStreaming [viewers-choice] .viewers-choice .answers.five-answers .answer .answer-text { font-size: 1.6vw; } /* line 28, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers.five-answers .answer .percent-container .percent-text, .WCMHStreaming [viewers-choice] .viewers-choice .answers.five-answers .answer .percent-container .percent-text { width: 4.5vw; font-size: 1.5vw; } /* line 36, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers.six-answers .answer, .WCMHStreaming [viewers-choice] .viewers-choice .answers.six-answers .answer { width: calc((100% / 6) - 0.78125vw); } /* line 38, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers.six-answers .answer .answer-text, .WCMHStreaming [viewers-choice] .viewers-choice .answers.six-answers .answer .answer-text { font-size: 1.3vw; } /* line 42, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers.six-answers .answer .percent-container .percent-text, .WCMHStreaming [viewers-choice] .viewers-choice .answers.six-answers .answer .percent-container .percent-text { width: 3vw; font-size: 1vw; } /* line 49, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer { width: calc(33.33% - 4vw); margin-right: 0.78125vw; height: 65.2vh; } /* line 53, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer:last-child, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer:last-child { margin-right: 0; } /* line 56, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .answer-container, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .answer-container { min-height: 41.714vh; } /* line 59, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .answer-text, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .answer-text { width: 100%; height: 31.04908vh; } /* line 63, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .active-content, .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .answer-container, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .active-content, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 67, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer:first-child, .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer:nth-child(4), .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer:nth-child(3n+4), .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer:first-child, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer:nth-child(4), .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 70, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .popular-icon, .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .your-vote-indicator, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .popular-icon, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .your-vote-indicator { position: static; } /* line 73, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .percent-container, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .percent-container { margin: 0 auto; width: 85%; } /* line 76, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .percent-container .progress, .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .percent-container .progress-bar, .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .percent-container .percent-text, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .percent-container .progress, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .percent-container .progress-bar, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .percent-container .percent-text { height: 40px; height: 11.428vh; } /* line 80, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .percent-container .percent-text, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .percent-container .percent-text { float: none; margin: 0; width: 110px; font-size: 38px; line-height: 1; width: 6.547vw; font-size: 2.25vw; line-height: 1; } /* line 90, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer .percent-container .progress-container, .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer .percent-container .progress-container { padding: 0; } /* line 96, .tmp/app/themes/WCMHStreaming/ViewersChoice/styles.scss */ .survey .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer.popular .percent-text, .trivia .WCMHStreaming.ViewersChoice .viewers-choice .answers .answer.correct .percent-text, .survey .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer.popular .percent-text, .trivia .WCMHStreaming [viewers-choice] .viewers-choice .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 4, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container { background: #fff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 9, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container.featured { background: #fff; } /* line 13, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 17, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 22, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 24, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container .content-wrapper .message-name { font-size: 18px; color: #000000; padding: 0; margin: 0; } /* line 30, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container .content-wrapper .message-text { font-size: 14px; color: #000000; padding: 0; } /* line 35, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 38, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 43, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 48, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 57, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-list { max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 63, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 68, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-input-container { background: #ebebeb; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 73, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 78, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 82, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; } /* line 88, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-input-container .message-container textarea.editing-text { height: 80px; } /* line 92, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 99, .tmp/app/themes/WCMHStreaming/Megachatter/styles.scss */ .WCMHStreaming .message-input-container button { margin: 0 5px 5px 5px; padding: 10px 15px; } /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Main Styles ====================================*/ /* line 7, .tmp/app/themes/WNCN/base.scss */ html, body { height: 100%; } /* line 11, .tmp/app/themes/WNCN/base.scss */ .WNCN { background-color: #fff; background-image: none; background-position: center center; color: #a9a9a9; font-family: "Lato", sans-serif; text-shadow: none; /*==================================== h1 - Large Messages; i.e. Bulletin ====================================*/ /*==================================== h2 - Question Text represented in all product scenes as an
tag ====================================*/ /*==================================== h3 - ====================================*/ /*==================================== h4 - ====================================*/ /*==================================== .app-container - main container for the entire application; includes header and footer ====================================*/ /*==================================== .view-container - container for views, scenes and products ====================================*/ /*==================================== header/footer ====================================*/ /*==================================== p - most common text should be a====================================*/ /*==================================== a - all links, including twitter/megachatter ====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:50:30 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in-top * ---------------------------------------- */ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:51:3 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-out-bottom * ---------------------------------------- */ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 19, .tmp/app/themes/WNCN/base.scss */ .WNCN .main-content-container { height: 100%; } /* line 23, .tmp/app/themes/WNCN/base.scss */ .WNCN h1, .WNCN h2, .WNCN h3, .WNCN h4 { text-align: center; } /* line 30, .tmp/app/themes/WNCN/base.scss */ .WNCN h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #fff; font-size: 23px; line-height: 1.4; padding: 10px; } /* line 45, .tmp/app/themes/WNCN/base.scss */ .WNCN .question { background-image: url("../themes/WNCN/images/header-small.png"); background-size: cover; background-repeat: no-repeat; } /* line 49, .tmp/app/themes/WNCN/base.scss */ .WNCN .question h2 { color: #000; font-weight: 900; } /* line 55, .tmp/app/themes/WNCN/base.scss */ .WNCN h2 { color: #fff; font-size: 25px; font-weight: 700; overflow: hidden; vertical-align: middle; padding: 12px 20px; margin: 0; } /* line 68, .tmp/app/themes/WNCN/base.scss */ .WNCN h3 { font-size: 23px; color: #fff; padding: 0 20px; } /* line 73, .tmp/app/themes/WNCN/base.scss */ .WNCN h3 .locInserted { color: #555555; } /* line 81, .tmp/app/themes/WNCN/base.scss */ .WNCN h4 { font-size: 20px; color: #fff; } /* line 91, .tmp/app/themes/WNCN/base.scss */ .WNCN .app-container { margin: 0 auto; background-color: #f0bb08; background-repeat: no-repeat; min-height: 100%; overflow: hidden; } /* line 98, .tmp/app/themes/WNCN/base.scss */ .WNCN .app-container .winner-feedback-button { margin: 5px auto; z-index: 100; font-size: 12px; display: -ms-grid; display: grid; -ms-grid-columns: 20px auto; grid-template-columns: 20px auto; grid-gap: 5px; } /* line 108, .tmp/app/themes/WNCN/base.scss */ .WNCN .app-container .winner-feedback-button .winner-icon { height: 100%; width: 100%; background: url("../themes/WNCN/images/trophy-solid.png"); background-repeat: no-repeat; background-position: center; background-size: contain; animation: jello-horizontal 0.9s both; } /* line 125, .tmp/app/themes/WNCN/base.scss */ .WNCN .view-container { position: relative; } /* line 132, .tmp/app/themes/WNCN/base.scss */ .WNCN footer, .WNCN header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 139, .tmp/app/themes/WNCN/base.scss */ .WNCN header { width: 100%; } /* line 143, .tmp/app/themes/WNCN/base.scss */ .WNCN header .column { vertical-align: middle; } /* line 150, .tmp/app/themes/WNCN/base.scss */ .WNCN p { padding: 0 30px; } /* line 157, .tmp/app/themes/WNCN/base.scss */ .WNCN a { color: #555555; } /* line 165, .tmp/app/themes/WNCN/base.scss */ .WNCN.trivia .user-label { display: block; text-align: center; background: linear-gradient(to left, #c4161c 0%, #990506 100%); } /* line 172, .tmp/app/themes/WNCN/base.scss */ .WNCN .user-label { color: #fff; display: none; font-size: 16px; margin: 0 auto; padding: 5px 30px; width: 100%; } /* line 181, .tmp/app/themes/WNCN/base.scss */ .WNCN .media > .pull-left { margin-right: 20px; } /* line 188, .tmp/app/themes/WNCN/base.scss */ .WNCN .share-score-button { background: url("../themes/WNCN/images/twitter-icon.png"), linear-gradient(to bottom, #f5f3f3 0%, #cbcbcb 100%); background-size: auto 16px, 100%; background-position: right 6px center, center; background-repeat: no-repeat; margin: 10px auto; width: max-content; max-width: 220px; border: none; border-radius: 1px; position: relative; } /* line 200, .tmp/app/themes/WNCN/base.scss */ .WNCN .share-score-button h2 { font-size: 13px; color: #1d2e58; text-align: left; padding: 4px 10px; min-height: 33px; margin-right: 33px; text-transform: capitalize; border: none; background-color: transparent; border-right: 1px solid #1d2e58; height: 100%; } /* line 216, .tmp/app/themes/WNCN/base.scss */ .WNCN .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 220, .tmp/app/themes/WNCN/base.scss */ .WNCN .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 230, .tmp/app/themes/WNCN/base.scss */ .WNCN .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; font-weight: normal; margin: 0; padding: 0; } /* line 239, .tmp/app/themes/WNCN/base.scss */ .WNCN dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } /* line 247, .tmp/app/themes/WNCN/base.scss */ .WNCN .product-container { min-width: 320px; } @media screen and (min-width: 666px) { /* line 255, .tmp/app/themes/WNCN/base.scss */ .WNCN .app-container { width: 100%; background-image: url("../themes/WNCN/images/background-medium.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom right; } /* line 262, .tmp/app/themes/WNCN/base.scss */ .WNCN .view-container { min-height: 320px; width: 100%; } } /* line 269, .tmp/app/themes/WNCN/base.scss */ .WNCN .medium-width .question { margin: 0 auto; background-image: url("../themes/WNCN/images/header-medium.png"); } /* line 272, .tmp/app/themes/WNCN/base.scss */ .WNCN .medium-width .question h2 { font-size: 28px; padding: 20px 50px; } /* line 278, .tmp/app/themes/WNCN/base.scss */ .WNCN .medium-width h1 { font-size: 33px; } @media screen and (max-width: 666px) { /* line 287, .tmp/app/themes/WNCN/base.scss */ .WNCN .app-container { width: 100%; background-image: url("../themes/WNCN/images/background-small.png"); background-repeat: no-repeat; background-size: cover; background-position: top left; } /* line 294, .tmp/app/themes/WNCN/base.scss */ .WNCN .view-container { min-height: 280px; width: 100%; } } /* line 301, .tmp/app/themes/WNCN/base.scss */ .WNCN .small-width .question, .WNCN .tiny-width .question { width: 100%; } /* line 302, .tmp/app/themes/WNCN/base.scss */ .WNCN .small-width .question h2, .WNCN .tiny-width .question h2 { font-size: 20px; padding: 15px 10px 10px 10px; } /* line 4, .tmp/app/themes/WNCN/_forms.scss */ .WNCN input, .WNCN textarea, .WNCN .date-picker > select { background-color: #fff; border: 1px solid #333; border-right-color: #666; border-bottom-color: #666; padding: 5px 10px; font-size: 16px; color: #000; } /* line 15, .tmp/app/themes/WNCN/_forms.scss */ .WNCN input:focus, .WNCN textarea:focus, .WNCN .date-picker > select:focus { background-color: #ebebeb; border-color: #666; border-right-color: #999; border-bottom-color: #999; } /* line 24, .tmp/app/themes/WNCN/_forms.scss */ .touched .WNCN input.ng-invalid, .attempted .WNCN input.ng-invalid, .touched .WNCN textarea.ng-invalid, .attempted .WNCN textarea.ng-invalid, .touched .WNCN .date-picker > select.ng-invalid, .attempted .WNCN .date-picker > select.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 33, .tmp/app/themes/WNCN/_forms.scss */ .WNCN ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #919191; } /* line 37, .tmp/app/themes/WNCN/_forms.scss */ .WNCN ::-moz-placeholder { /* Firefox 19+ */ color: #919191; } /* line 41, .tmp/app/themes/WNCN/_forms.scss */ .WNCN :-ms-input-placeholder { /* IE 10+ */ color: #919191; } /* line 45, .tmp/app/themes/WNCN/_forms.scss */ .WNCN :-moz-placeholder { /* Firefox 18- */ color: #919191; } /* line 49, .tmp/app/themes/WNCN/_forms.scss */ .WNCN button { background: linear-gradient(to left, #c4161c 0%, #990506 100%); color: #fff; border: none; cursor: pointer; text-transform: uppercase; padding: 8px 30px; margin: 5px auto; letter-spacing: 2px; } /* line 58, .tmp/app/themes/WNCN/_forms.scss */ .WNCN button.small-button { margin: 10px 0; padding: 5px 20px; } /* line 65, .tmp/app/themes/WNCN/_forms.scss */ .WNCN .date-picker select { padding: 5px; margin: 5px; } /* line 70, .tmp/app/themes/WNCN/_forms.scss */ .WNCN .date-picker input { visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* line 79, .tmp/app/themes/WNCN/_forms.scss */ .WNCN .errorText { color: #a9a9a9; } /* line 7, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answers { list-style: none; margin: 0 auto; } /* line 11, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answers:after { content: ""; clear: both; } /* line 17, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; background: linear-gradient(to right, #aeb5bf 0%, #d9dce1 100%); transition: all ease-in-out 0.5s; transform: translateZ(0); } /* line 27, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer.pulse { animation: pulse 0.5s ease backwards; } /* line 31, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 10, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .multi-choice .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .multi-choice .answer .percent-container .percent-text { font-weight: 900; font-size: 27px; padding-top: 0; text-align: center; width: 100px; right: 0; } /* line 20, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .multi-choice .answer .percent-container .progress-container { padding: 0; } /* line 39, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer.selected .your-vote-indicator { display: block !important; opacity: 1 !important; } /* line 43, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer.selected .answer-text { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; } /* line 50, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer.popular .popular-icon { opacity: 1; } /* line 56, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer .popular-icon { opacity: 0; position: absolute; z-index: -1; background: linear-gradient(to left, #c4161c 0%, #990506 100%); background-image: url("../themes/WNCN/images/indicators/popular-answer-icon.png"), linear-gradient(to left, #c4161c 0%, #990506 100%); background-position: center; background-repeat: no-repeat; border-top-left-radius: 3px; border-top-right-radius: 3px; transition: top ease-in-out 0.3s, bottom ease-in-out 0.3s, opacity ease-in-out 0.3s; } /* line 70, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer .your-vote-indicator { display: none; opacity: 0; position: absolute; transition: opacity ease-in-out 0.5s; z-index: 102; background: linear-gradient(to left, #c4161c 0%, #990506 100%); color: #fff; text-align: center; font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; } /* line 85, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 90, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer .answer-text { background: linear-gradient(to left, #fff 0%, #919fa7 100%); color: #000; font-size: 18px; font-weight: 900; line-height: 1.1em; padding: 5px 10px; text-align: center; transition: all ease-in-out 0.5s; } /* line 101, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice .answer .percent-text { color: #fff; transition: all ease-in-out 0.5s; } /* line 108, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice.inactive .answer { cursor: default; } /* line 119, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice.trivia.answered.guessed .answers .answer.correct:not(.selected) { transition-delay: 4s; } /* line 130, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice.trivia.answered .answers .answer .popular-icon { display: block; opacity: 1; background-image: url("../themes/WNCN/images/indicators/incorrect-answer-icon.png"), linear-gradient(to left, #c4161c 0%, #990506 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 139, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice.trivia.answered .answers .answer.incorrect { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 143, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice.trivia.answered .answers .answer.correct { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 146, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice.trivia.answered .answers .answer.correct .popular-icon { background-image: url("../themes/WNCN/images/indicators/correct-answer-icon.png"), linear-gradient(to left, #c4161c 0%, #990506 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 160, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice.survey.answered .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 163, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .multi-choice.survey.answered .answer.popular { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 173, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.with-votes .vote-container { display: -ms-flexbox; display: flex; } /* line 178, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .vote-container { display: none; } /* line 185, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-scene-results .answered .percent-container { display: none; } /* line 189, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-scene-results .answered .answer-text { height: 100%; } /* line 193, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-scene-results .answered .popular-icon { display: none; } /* line 200, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-scene-results .medium-width .answered.pic-pick .image-container { position: absolute; top: 0; } /* line 205, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 208, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text.no-image { padding-left: 10px; } /* line 220, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-during-scene .multi-choice:not(.answered) .percent-container { display: none; } /* line 224, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-during-scene .multi-choice:not(.answered) .answer-text { height: 100%; } /* line 228, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-during-scene .multi-choice:not(.answered) .popular-icon { display: none; } /* line 235, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .image-container { position: absolute; top: 0px; } /* line 240, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 243, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text.no-image { padding-left: 10px; } /* line 255, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .small-width .multi-choice .popular-icon, .WNCN .tiny-width .multi-choice .popular-icon { width: 68px; height: 13px; left: 0; top: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 264, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .small-width .multi-choice .your-vote-indicator, .WNCN .tiny-width .multi-choice .your-vote-indicator { width: calc(100% - 69px); height: 13px; right: 0; top: -13px; overflow: visible; line-height: 1.2; font-size: 11px; } /* line 274, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .small-width .multi-choice .answers, .WNCN .tiny-width .multi-choice .answers { padding: 0 0 0 12px; } /* line 280, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .small-width .multi-choice .answer.popular .popular-icon, .WNCN .tiny-width .multi-choice .answer.popular .popular-icon { top: -13px; } /* line 291, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .small-width .multi-choice.trivia.answered .answers .answer .popular-icon, .WNCN .tiny-width .multi-choice.trivia.answered .answers .answer .popular-icon { top: -13px; } /* line 311, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .medium-width .multi-choice .popular-icon { width: 100%; height: 17px; left: 0; bottom: 0; overflow: visible; background-size: auto 13px, 100%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; } /* line 324, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .medium-width .multi-choice .your-vote-indicator { width: 100%; height: 17px; line-height: 1.3; left: 0; top: -17px; overflow: visible; } /* line 333, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .medium-width .multi-choice .percent-text { color: #000; } /* line 337, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .medium-width .multi-choice .answers { padding: 12px 0; } /* line 343, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .medium-width .multi-choice .answer.popular .popular-icon { opacity: 1; bottom: -17px; } /* line 354, .tmp/app/themes/WNCN/_multi-choice-base.scss */ .WNCN .medium-width .multi-choice.trivia.answered .answers .answer .popular-icon { bottom: -17px; } /* line 7, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .modal-backdrop.in { opacity: 0.1; } /* line 21, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .modal.megaphone-default-modal .modal-dialog, .WNCN .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 26, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 34, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; } /* line 40, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 48, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal { background: rgba(0, 0, 0, 0.3); opacity: 0.96; position: fixed !important; } /* line 52, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .toggle-score-and-feedback { display: none; } /* line 56, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog { display: block; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; } /* line 62, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 70, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 75, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #000; border: 3px solid #f0bb08; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; } /* line 94, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 97, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; padding: 5px; min-width: 130px; } /* line 106, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 111, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 5px; margin: 0; } /* line 116, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 124, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content iframe { border: none; width: 100%; height: calc(100% - 6px); } @supports (-webkit-overflow-scrolling: touch) { /* line 124, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .feedback-modal .modal-dialog .modal-content iframe { height: 100%; } } /* line 138, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 145, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .leaderboard-modal { z-index: 5050 !important; } /* line 147, .tmp/app/themes/WNCN/_modal.scss */ .WNCN .leaderboard-modal .modal-body { background: #f0bb08; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .app-container .progress { line-height: 12px; height: 12px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .app-container .progress-bar { height: 10px; line-height: 10px; top: 1px; margin: 0 1px; } /* line 30, .tmp/app/themes/WNCN/_survey-bars.scss */ .WNCN .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border: none; border-radius: 0; } /* line 39, .tmp/app/themes/WNCN/_survey-bars.scss */ .WNCN .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background-color: #fff; position: absolute; width: 0; } /* line 45, .tmp/app/themes/WNCN/_survey-bars.scss */ .WNCN .app-container .slider-track-fg, .WNCN .app-container .trivia .correct .progress-bar, .WNCN .app-container .survey .popular .progress-bar { background-color: #ffae00; } /* line 50, .tmp/app/themes/WNCN/_survey-bars.scss */ .WNCN .app-container .trivia .correct .progress, .WNCN .app-container .survey .popular .progress { border-color: #000; } /* line 54, .tmp/app/themes/WNCN/_survey-bars.scss */ .WNCN .app-container .slider-track, .WNCN .app-container .progress { background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 58, .tmp/app/themes/WNCN/_survey-bars.scss */ .WNCN .app-container .slider-track { border: none; } /* line 4, .tmp/app/themes/WNCN/_status-bars.scss */ .WNCN .status-bar-container { background-color: #f0bb08; height: 24px; transition: background 0.5s ease; margin-bottom: 18px; overflow: hidden; position: relative; } /* line 14, .tmp/app/themes/WNCN/_status-bars.scss */ .WNCN .status-bar-container h2 { background: none; color: #000; margin: 0; padding: 2px; font-size: 18px; height: auto; min-height: 0; } /* line 23, .tmp/app/themes/WNCN/_status-bars.scss */ .WNCN .status-bar-container .status-item { position: absolute; top: 0; left: 0; right: 0; margin: auto; } /* line 29, .tmp/app/themes/WNCN/_status-bars.scss */ .WNCN .status-bar-container .status-item.ng-leave { animation: fade-out-bottom-status 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* line 33, .tmp/app/themes/WNCN/_status-bars.scss */ .WNCN .status-bar-container .status-item.ng-enter { animation: fade-in-top-status 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } @keyframes fade-in-top-status { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-out-bottom-status { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } /* line 5, .tmp/app/themes/WNCN/_share-your-vote.scss */ .WNCN share-your-vote .share-vote { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /* line 9, .tmp/app/themes/WNCN/_share-your-vote.scss */ .WNCN share-your-vote .share-vote .twitter-share { -ms-flex-pack: end; justify-content: flex-end; background: #38a8e0; margin-right: 10px; } /* line 14, .tmp/app/themes/WNCN/_share-your-vote.scss */ .WNCN share-your-vote .share-vote .facebook-share { -ms-flex-pack: start; justify-content: flex-start; background: #3e528e; margin-left: 10px; } /* line 20, .tmp/app/themes/WNCN/_share-your-vote.scss */ .WNCN share-your-vote a { color: white; border-radius: 3px; max-width: 90px; } /* line 24, .tmp/app/themes/WNCN/_share-your-vote.scss */ .WNCN share-your-vote a img { max-height: 18px; max-width: 18px; margin: 0 10px; } /* line 5, .tmp/app/themes/WNCN/_score_summary.scss */ .WNCN score-summary p { font-size: 16px; color: #fff; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: bold; } /* line 14, .tmp/app/themes/WNCN/_score_summary.scss */ .WNCN score-summary p span.locInserted { font-weight: bold; } /* line 17, .tmp/app/themes/WNCN/_score_summary.scss */ .WNCN score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/WNCN/_score_summary.scss */ .WNCN .score-summary-container { background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 4, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN.inactive .view-container .message-list, .WNCN.connecting .view-container .message-list { min-height: 200px; } /* line 11, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN.post_game .view-container button, .WNCN.final_result .view-container button { margin: 10px 0; } /* line 14, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN.post_game .view-container .megachatter-container, .WNCN.final_result .view-container .megachatter-container { margin: auto !important; max-width: 1000px !important; width: 100% !important; } /* line 18, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN.post_game .view-container .megachatter-container .message-list, .WNCN.final_result .view-container .megachatter-container .message-list { min-height: 300px !important; } /* line 22, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN.post_game .view-container [feedback], .WNCN.final_result .view-container [feedback] { display: none !important; } /* line 33, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.megachatter-top { position: relative; } /* line 36, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.megachatter-top.tile-small .megachatter-container, .WNCN .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0 0 10px 0; } /* line 43, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.megachatter-bottom { position: relative; } /* line 46, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.megachatter-bottom.ticker-small .megachatter-container, .WNCN .view-container.megachatter-bottom.ticker-medium .megachatter-container, .WNCN .view-container.megachatter-bottom.carousel-small .megachatter-container, .WNCN .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 51, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.megachatter-bottom.tile-small .megachatter-container, .WNCN .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 10px 0 0 0; } /* line 58, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small, .WNCN .view-container.show-megachatter.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 63, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .megachatter-container, .WNCN .view-container.show-megachatter.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 66, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WNCN .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 250px; max-height: 100%; background: #fff; } /* line 71, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .WNCN .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 666px) { /* line 58, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small, .WNCN .view-container.show-megachatter.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 83, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .product-container, .WNCN .view-container.show-megachatter.tile-small .user-label, .WNCN .view-container.show-megachatter.tile-small .scene-wrapper, .WNCN .view-container.show-megachatter.tile-medium .product-container, .WNCN .view-container.show-megachatter.tile-medium .user-label, .WNCN .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 320px; margin: 0; } /* line 87, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .scene-wrapper, .WNCN .view-container.show-megachatter.tile-medium .scene-wrapper { overflow: hidden; } /* line 90, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .megachatter-container, .WNCN .view-container.show-megachatter.tile-medium .megachatter-container { padding-top: 0 !important; width: auto; border: 1px solid #fff; margin-left: 10px; } /* line 96, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WNCN .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 200px !important; } } @media screen and (min-width: 1110px) { /* line 103, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .product-container, .WNCN .view-container.show-megachatter.tile-small .user-label, .WNCN .view-container.show-megachatter.tile-small .scene-wrapper, .WNCN .view-container.show-megachatter.tile-medium .product-container, .WNCN .view-container.show-megachatter.tile-medium .user-label, .WNCN .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 666px; } /* line 106, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .megachatter-container, .WNCN .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; } } @media screen and (max-width: 666px) { /* line 111, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.show-megachatter.tile-small .megachatter-container, .WNCN .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; width: 100%; min-width: 320px; margin: auto; border-bottom: 1px solid #fff; } } /* line 122, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small, .WNCN .view-container.ticker-medium { overflow: hidden; } /* line 124, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small .megachatter-container, .WNCN .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #fff; height: 100px; } /* line 128, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small .megachatter-container message-list, .WNCN .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 143, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small .megachatter-container message-list .message-list, .WNCN .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 148, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small .megachatter-container message-list .message-list message-item, .WNCN .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 154, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .WNCN .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 158, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .WNCN .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 164, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WNCN .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 172, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.ticker-small .megachatter-container message-input, .WNCN .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 180, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.carousel-small .megachatter-container, .WNCN .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 183, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.carousel-small .megachatter-container message-list, .WNCN .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 186, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.carousel-small .megachatter-container message-list .message-list, .WNCN .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #fff; border-bottom: 1px solid #fff; position: relative; } /* line 192, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.carousel-small .megachatter-container message-list .message-list message-item, .WNCN .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #fff; overflow: hidden; } /* line 205, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .WNCN .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 212, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .WNCN .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 217, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WNCN .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 225, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container.carousel-small .megachatter-container message-input, .WNCN .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 232, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer { z-index: 5; } /* line 237, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 246, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 253, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 259, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer .drawer-container { position: relative; } /* line 262, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 266, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #fff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #a9a9a9; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 274, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #000; } /* line 279, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 303, .tmp/app/themes/WNCN/_megachatter-presentations.scss */ .WNCN.stacked .main-content-container.megachatter-hidden megachatter-presentations, .WNCN.veil .main-content-container.megachatter-hidden megachatter-presentations { display: none; } /* line 2, .tmp/app/themes/WNCN/gdpr-banner.scss */ .WNCN gdpr-banner .banner-container { background: #313131; padding: 9px; } /* line 5, .tmp/app/themes/WNCN/gdpr-banner.scss */ .WNCN gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 12px; text-align: center; } /* line 11, .tmp/app/themes/WNCN/gdpr-banner.scss */ .WNCN gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 16, .tmp/app/themes/WNCN/gdpr-banner.scss */ .WNCN gdpr-banner .banner-container img { width: 20px; height: 20px; margin: 0 0 0 25px; cursor: pointer; } /* line 24, .tmp/app/themes/WNCN/gdpr-banner.scss */ .WNCN gdpr-banner .ng-enter, .WNCN gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 27, .tmp/app/themes/WNCN/gdpr-banner.scss */ .WNCN gdpr-banner .ng-enter, .WNCN gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 32, .tmp/app/themes/WNCN/gdpr-banner.scss */ .WNCN gdpr-banner .ng-leave, .WNCN gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN points-countdown { display: none; } /* line 11, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .trivia points-countdown { display: block; } /* line 14, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .trivia .points-and-countdown-container { margin: 0; } /* line 18, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .trivia .status-bar-container { margin-bottom: 0 !important; position: relative; z-index: 1; } /* line 26, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .trivia .current-question-status-container { margin-bottom: 25px; } /* line 31, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .current-question-status-container { position: relative; display: block; width: 100%; } /* line 37, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .points-and-countdown-container { border-radius: 0; position: absolute; width: 100%; z-index: 2; top: 0; left: 0; height: 0; pointer-events: none; background: linear-gradient(to left, #c4161c 0%, #990506 100%); color: #fff; } /* line 49, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .points-and-countdown-container .points, .WNCN .points-and-countdown-container .countdown { color: #fff; text-align: center; top: -3px; position: absolute; z-index: 3; height: 30px; width: 60px; border-radius: 3px; border: 2px solid white; background: linear-gradient(to left, #c4161c 0%, #990506 100%); } /* line 61, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .points-and-countdown-container .points { left: 0; font-size: 14px; } /* line 66, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .points-and-countdown-container .countdown { right: 0; font-size: 18px; } /* line 72, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points { position: absolute; color: #fff; background: linear-gradient(to left, #c4161c 0%, #990506 100%); padding: 0; width: 95px; height: 95px; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 95, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 100, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutUp 0.5s ease-out 1.5s both; } /* line 105, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePoints 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 112, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 120, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points .x-container .top-left-to-bottom-right, .WNCN #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 133, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 138, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 144, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 149, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 153, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 156, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 161, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 168, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 175, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #total-points { width: 100%; padding: 5px; color: #fff; background: linear-gradient(to left, #c4161c 0%, #990506 100%); height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; font-size: 18px; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 193, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #total-points:not(.no-points).total-value-is-animating { font-size: 26px; } /* line 197, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN #total-points:not(.no-points).total-value-is-displayed { font-size: 18px; } @keyframes animateTotalPointsStreaming { from { height: 0; opacity: 0; transform: translate3d(0, -100%, 0); } to { height: 30px; opacity: 1; transform: translate3d(0, 0, 0); } } /* line 217, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .small-width points-countdown, .WNCN .tiny-width points-countdown { position: relative; top: 10px; } /* line 222, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .small-width .trivia .current-question-status-container, .WNCN .tiny-width .trivia .current-question-status-container { Margin: 0 auto 60px auto; } /* line 226, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .small-width #total-points, .WNCN .tiny-width #total-points { top: -10px; } /* line 230, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .small-width .points-and-countdown-container .points, .WNCN .tiny-width .points-and-countdown-container .points { left: 0; } /* line 234, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN .small-width .points-and-countdown-container .countdown, .WNCN .tiny-width .points-and-countdown-container .countdown { right: 0; } /* line 242, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN.hide-points-during-scene .points { display: none; } /* line 245, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN.hide-points-during-scene .confetti { display: none; } /* line 248, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN.hide-points-during-scene #round-points { display: none; } /* line 251, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN.hide-points-during-scene #total-points { display: none; } /* line 257, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN.hide-countdown-during-scene .countdown { display: none; } /* line 263, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN.hide-countdown-scene-results.round_end .countdown { display: none; } /* line 272, .tmp/app/themes/WNCN/_points-and-countdown.scss */ .WNCN.hide-points-during-scene.hide-countdown-during-scene .small-width .trivia .current-question-status-container, .WNCN.hide-points-during-scene.hide-countdown-during-scene .tiny-width .trivia .current-question-status-container, .WNCN.hide-points-during-scene.hide-countdown-scene-results.round_end .small-width .trivia .current-question-status-container, .WNCN.hide-points-during-scene.hide-countdown-scene-results.round_end .tiny-width .trivia .current-question-status-container { Margin: 0 auto 50px auto; } /* line 2, .tmp/app/themes/WNCN/_veil.scss */ .WNCN.veil { background: transparent; } /* line 4, .tmp/app/themes/WNCN/_veil.scss */ .WNCN.veil .main-content-container { position: absolute; bottom: 10px; right: 0; left: 0; height: 40%; width: 90%; margin: auto; border-radius: 5px; opacity: 0.9; overflow: auto; border: 1px solid #808080; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); transform: translate3d(0, 0, 0); } /* line 20, .tmp/app/themes/WNCN/_veil.scss */ .WNCN.veil .modal-backdrop { display: none; } /* line 25, .tmp/app/themes/WNCN/_veil.scss */ .WNCN.veil .offer-modal, .WNCN.veil .feedback-modal { position: absolute; bottom: 10px; right: 0; left: 0; top: unset; height: 40%; width: 90%; margin: auto; border-radius: 5px; overflow: auto; box-shadow: none; } /* line 40, .tmp/app/themes/WNCN/_veil.scss */ .WNCN.veil .feedback-modal { height: 60%; } /* line 42, .tmp/app/themes/WNCN/_veil.scss */ .WNCN.veil .feedback-modal .modal-dialog { height: 100%; width: 100%; margin: auto; border-radius: 5px; } /* line 4, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container { width: 100%; } /* line 6, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .predictions-navigation-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 5px 0; } /* line 12, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .predictions-navigation-container * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 15, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .predictions-navigation-container.with-scene-counter { -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr max-content 1fr; grid-gap: 5px; } /* line 18, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .predictions-navigation-container.with-scene-counter .scene-counter-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #000; color: #fff; padding: 6px; border: 1px solid #fff; border-radius: 5px; } /* line 30, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .predictions-navigation-container p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 35, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .predictions-navigation-container .predictions-navigation { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #000; font-size: 14px; padding: 10px; text-align: center; transition: background-color 0.15s linear; cursor: pointer; } /* line 46, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .predictions-navigation-container .predictions-navigation.active { background-color: #1a1919; } /* line 52, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-title-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 55, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; grid-gap: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 61, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard span { font-size: 12px; color: #000; font-weight: normal; } /* line 66, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard svg { width: 10px; } /* line 72, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-title-container h3 { color: #000; margin: 0; padding: 0; text-align: left; font-size: 16px; } /* line 80, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-action-bar { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 12px; text-decoration: underline; padding: 5px 5px 0 5px; cursor: pointer; } /* line 93, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 101, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; z-index: 25; } /* line 109, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 118, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 121, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 126, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 131, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 135, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name, .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 141, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 145, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 153, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .card-container { width: 95%; margin: 10px auto; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 10px; overflow: hidden; transition: opacity 0.15s ease, transform 0.15s ease; max-width: 600px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 167, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .card-container h1 { color: #000; } /* line 170, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .card-container .back-button { cursor: pointer; } /* line 172, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .card-container .back-button p { color: #000; } /* line 177, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-title { color: #000; padding: 5px; } /* line 181, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .main-content-container { position: relative; } /* line 184, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .back-button, .WNCN #predictions-container .next-button { display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 192, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .back-button span:hover, .WNCN #predictions-container .back-button svg:hover, .WNCN #predictions-container .next-button span:hover, .WNCN #predictions-container .next-button svg:hover { cursor: pointer; text-decoration: underline; } /* line 197, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .back-button .back-icon, .WNCN #predictions-container .next-button .back-icon { width: 16px; height: 16px; } /* line 201, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .back-button p, .WNCN #predictions-container .next-button p { margin: 0; padding: 0; color: #000; } /* line 207, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .back-button-with-shaft { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 15px; width: 15px; background-size: contain; cursor: pointer; background-color: transparent; padding: 0; border: none; opacity: 1; cursor: pointer; margin: 0 2px 0 0; } /* line 223, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .back-button-with-shaft.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 229, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .next-button { -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 231, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .next-button p { text-align: right; } /* line 234, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .next-button svg { transform: rotateY(180deg); } /* line 239, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .loading-container { height: 200px; width: 200px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; } /* line 249, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; padding: 10px; } /* line 255, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item { max-width: 600px; width: 95%; background-color: #000; border-radius: 5px; cursor: pointer; transition: opacity 0.15s ease, transform 0.15s ease; } /* line 262, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item:hover { opacity: 0.9; transform: scale(1.03); } /* line 266, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container, .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { transition: opacity 0.4s ease; } /* line 269, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton { cursor: auto; min-height: 44px; background: linear-gradient(0.25turn, transparent, #ffffff47, transparent), linear-gradient(#000, #000), radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%), linear-gradient(#eee, #eee); background-repeat: no-repeat; background-size: 600px 250px, 600px 180px, 100px 100px, 225px 30px; background-position: -600px 0, 0 0, 0px 190px, 50px 195px; animation: loading-gradient-shine 1.5s infinite; } /* line 277, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-points-container, .WNCN #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-content { opacity: 0; overflow: hidden; } /* line 281, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton:hover { opacity: 1; transform: none; } /* line 286, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { color: #fff; padding: 12px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: auto; } /* line 295, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content p { margin: 0; padding: 0; } /* line 299, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content .right-chevron { width: 18px; height: 18px; } /* line 304, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container { border-radius: 0 0 5px 5px; } /* line 305, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container p { margin: 0; color: #fff; font-weight: lighter; text-align: center; padding: 3px; font-size: 12px; } /* line 314, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.correct { background-color: #27ae60; } /* line 317, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.incorrect { background-color: #c0392b; } /* line 320, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.info { background-color: gray; } /* line 328, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container.is-logged-out .logged-out-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; height: 100%; transition-delay: 0.1s; } /* line 335, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container.is-logged-out .logged-out-container h1 { animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; color: #000; font-weight: 600; font-size: 20px; text-align: center; margin: 10px auto; } /* line 343, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container.is-logged-out .logged-out-container button { border-radius: 5px; animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both; } /* line 348, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container.is-logged-out .logged-out-container .splash-screen-container { width: 100%; height: 100%; } /* line 351, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container.is-logged-out .logged-out-container .splash-screen-container img { width: 100%; height: auto; margin: 0 auto; cursor: pointer; } /* line 360, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .user-image { width: 40px; height: 40px; background: #000; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 375, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 384, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #predictions-container .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 399, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper h3 { color: #ffffff; background-color: #000; margin: 0; padding: 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-bottom: 1px solid #ffffff80; } /* line 407, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .close-panel-button { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 412, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .user-results-list-container { overflow: auto; } /* line 414, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .user-results-list-container .user-result-item { margin: 0 20px; } /* line 416, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .user-results-list-container .user-result-item .date-heading { padding: 2px; font-size: 12px; font-weight: normal; text-align: center; border-bottom: 1px solid; max-width: 620px; margin: 8px auto; } /* line 425, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper { background-color: #000; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 10px auto; border-radius: 20px; overflow: hidden; color: #fff; max-width: 600px; } /* line 439, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points:hover { background-repeat: repeat-x; background-position: top -10px center; background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='0' width='4' height='8'/%3E%3Crect x='84' y='0' width='4' height='8'/%3E%3Crect x='126' y='0' width='3' height='9'/%3E%3Crect x='168' y='0' width='3' height='9'/%3E%3Crect x='210' y='0' width='4' height='8'/%3E%3Crect x='252' y='0' width='4' height='9'/%3E%3Crect x='294' y='0' width='4' height='8'/%3E%3Crect x='336' y='0' width='3' height='9'/%3E%3Crect x='378' y='0' width='3' height='9'/%3E%3Crect x='420' y='0' width='4' height='8'/%3E%3Crect x='462' y='0' width='4' height='8'/%3E%3Crect x='504' y='0' width='3' height='9'/%3E%3Crect x='546' y='0' width='4' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 831ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 642ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 676ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 819ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E"); } /* line 446, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points .points-container { background: #27ae60; } /* line 452, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-container { background: #c0392b; padding: 5px; border-radius: 20px; color: #fff; min-width: 68px; text-align: center; font-size: 12px; } /* line 461, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-awarded-text { text-align: center; padding-right: 30px; } /* line 468, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .your-results-wrapper .tag-line { padding: 10px; color: #000; font-weight: normal; text-align: center; } /* line 478, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .close-panel-button { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 22px; width: 22px; position: absolute; top: 8px; left: 8px; background-size: contain; margin: 0; cursor: pointer; background-color: transparent; border-radius: 50%; padding: 0; border: none; opacity: 1; z-index: 40; cursor: pointer; } /* line 499, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .close-panel-button.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; } /* line 507, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .fullscreen-panel { position: fixed; top: 0; left: 0; height: calc(100vh - 24px); width: 100vw; background: #fff; z-index: 30; display: -ms-grid; display: grid; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; } /* line 521, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .rankings-wrapper .scroll-wrapper { overflow: auto; } /* line 524, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .rankings-wrapper .rankings-list-container { overflow: auto; } /* line 530, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 539, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; } /* line 546, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 555, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 558, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 563, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 568, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 572, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item .user-image { width: 40px; height: 40px; background: #000; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 587, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 596, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 607, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item .user-name, .WNCN .prediction-rankings-container .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 613, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 617, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 626, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container.expanded-leaderboard-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; border-top: 1px solid gray; overflow: auto; } /* line 630, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item { -ms-grid-columns: max-content 50px 1fr max-content; grid-template-columns: max-content 50px 1fr max-content; grid-gap: 10px; border-bottom: 1px solid gray; padding: 5px 15px; border-radius: 0; } /* line 636, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .user-name { text-align: left; font-weight: 600; } /* line 640, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .rank-number { margin: 0; color: #000; padding: 3px 7px; border-radius: 5px; font-size: 12px; border: 1px solid #000; min-width: 33px; text-align: center; } /* line 657, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #prediction-scene-container.animate-fade-in { transition-delay: 0.15s; } /* line 660, .tmp/app/themes/WNCN/_predictions.scss */ .WNCN #prediction-scene-container.animate-fade-in .megachatter-container .message-list { height: 260px !important; } /* line 5, .tmp/app/themes/WNCN/AppInstall/styles.scss */ .WNCN.AppInstall header, .WNCN [app-install] header { display: none; } /* line 8, .tmp/app/themes/WNCN/AppInstall/styles.scss */ .WNCN.AppInstall .app-install, .WNCN [app-install] .app-install { width: 100%; min-height: 460px; text-align: center; vertical-align: middle; } /* line 11, .tmp/app/themes/WNCN/AppInstall/styles.scss */ .WNCN.AppInstall .app-install .column, .WNCN [app-install] .app-install .column { width: 50%; } /* line 14, .tmp/app/themes/WNCN/AppInstall/styles.scss */ .WNCN.AppInstall .app-install .app-install-button, .WNCN [app-install] .app-install .app-install-button { max-height: 80px; max-width: 160px; } /* line 19, .tmp/app/themes/WNCN/AppInstall/styles.scss */ .WNCN.AppInstall .app-install a, .WNCN [app-install] .app-install a { text-decoration: underline; color: #000; cursor: pointer; } /* line 24, .tmp/app/themes/WNCN/AppInstall/styles.scss */ .WNCN.AppInstall .app-install h1, .WNCN [app-install] .app-install h1 { margin: 0 auto; padding: 20px; } /* line 30, .tmp/app/themes/WNCN/AppInstall/styles.scss */ .WNCN.AppInstall .app-install dynamic-image, .WNCN [app-install] .app-install dynamic-image { display: block; margin: auto; width: 72px; height: 72px; } /* line 5, .tmp/app/themes/WNCN/Banner/styles.scss */ .WNCN.Banner .banner, .WNCN [banner] .banner { text-align: center; vertical-align: middle; margin: auto; } /* line 6, .tmp/app/themes/WNCN/Banner/styles.scss */ .WNCN.Banner .banner a, .WNCN [banner] .banner a { text-decoration: underline; color: #fff; cursor: pointer; display: block; } /* line 12, .tmp/app/themes/WNCN/Banner/styles.scss */ .WNCN.Banner .banner h1, .WNCN [banner] .banner h1 { padding: 10px 50px; } /* line 18, .tmp/app/themes/WNCN/Banner/styles.scss */ .WNCN.Banner .banner dynamic-image, .WNCN [banner] .banner dynamic-image { display: block; margin: auto; } /* line 22, .tmp/app/themes/WNCN/Banner/styles.scss */ .WNCN.Banner .banner .smallBannerImage, .WNCN [banner] .banner .smallBannerImage { height: 480px; width: 320px; } /* line 26, .tmp/app/themes/WNCN/Banner/styles.scss */ .WNCN.Banner .banner .mediumBannerImage, .WNCN [banner] .banner .mediumBannerImage { height: 480px; width: 666px; } /* line 8, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked.multiview .app-container .megachatter-container .message-list, .WNCN.Blank.veil.multiview .app-container .megachatter-container .message-list, .WNCN [blank].stacked.multiview .app-container .megachatter-container .message-list, .WNCN [blank].veil.multiview .app-container .megachatter-container .message-list { height: calc(100vh - 109px) !important; max-height: 100%; overflow-y: auto; } /* line 16, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked .scene-wrapper, .WNCN.Blank.veil .scene-wrapper, .WNCN [blank].stacked .scene-wrapper, .WNCN [blank].veil .scene-wrapper { height: 0 !important; } /* line 19, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked header, .WNCN.Blank.veil header, .WNCN [blank].stacked header, .WNCN [blank].veil header { display: none; } /* line 22, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked .view-container, .WNCN.Blank.veil .view-container, .WNCN [blank].stacked .view-container, .WNCN [blank].veil .view-container { min-height: unset; } /* line 25, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked .product-container, .WNCN.Blank.veil .product-container, .WNCN [blank].stacked .product-container, .WNCN [blank].veil .product-container { opacity: 0; height: 0; } /* line 29, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked .main-content-container, .WNCN.Blank.veil .main-content-container, .WNCN [blank].stacked .main-content-container, .WNCN [blank].veil .main-content-container { border: none; box-shadow: none; } /* line 32, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked .main-content-container gdpr-banner, .WNCN.Blank.veil .main-content-container gdpr-banner, .WNCN [blank].stacked .main-content-container gdpr-banner, .WNCN [blank].veil .main-content-container gdpr-banner { display: none; } /* line 35, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked .main-content-container facebook-login, .WNCN.Blank.veil .main-content-container facebook-login, .WNCN [blank].stacked .main-content-container facebook-login, .WNCN [blank].veil .main-content-container facebook-login { display: none; } /* line 39, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked .app-container, .WNCN.Blank.veil .app-container, .WNCN [blank].stacked .app-container, .WNCN [blank].veil .app-container { background: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 44, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked .app-container .megachatter-container .message-list, .WNCN.Blank.veil .app-container .megachatter-container .message-list, .WNCN [blank].stacked .app-container .megachatter-container .message-list, .WNCN [blank].veil .app-container .megachatter-container .message-list { max-height: 100%; } /* line 49, .tmp/app/themes/WNCN/Blank/styles.scss */ .WNCN.Blank.stacked footer, .WNCN.Blank.veil footer, .WNCN [blank].stacked footer, .WNCN [blank].veil footer { display: none; } /* line 2, .tmp/app/themes/WNCN/Bulletin/styles.scss */ .WNCN.Bulletin h1, .WNCN [bulletin] h1 { font-weight: bold; } /* line 5, .tmp/app/themes/WNCN/Bulletin/styles.scss */ .WNCN.Bulletin h2, .WNCN [bulletin] h2 { background: none; margin: 0; font-size: 22px; min-height: auto; height: auto; } @media screen and (max-width: 666px) { /* line 13, .tmp/app/themes/WNCN/Bulletin/styles.scss */ .WNCN.Bulletin h1, .WNCN [bulletin] h1 { color: #000; } } /* line 6, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now, .WNCN [buy-now] .buy-now { display: block; } /* line 8, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .question, .WNCN [buy-now] .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .wrapper, .WNCN [buy-now] .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .wrapper img, .WNCN [buy-now] .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .wrapper a:hover, .WNCN [buy-now] .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .wrapper a, .WNCN [buy-now] .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .wrapper a button, .WNCN [buy-now] .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 666px) { /* line 6, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now, .WNCN [buy-now] .buy-now { margin: 0; } /* line 29, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now img, .WNCN [buy-now] .buy-now img { max-width: 306px; } /* line 32, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now a, .WNCN [buy-now] .buy-now a { display: block; } /* line 34, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now a button, .WNCN [buy-now] .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #555555; } } @media screen and (min-width: 666px) { /* line 42, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .wrapper, .WNCN [buy-now] .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 46, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .wrapper img, .WNCN [buy-now] .buy-now .wrapper img { max-width: 203px; } /* line 50, .tmp/app/themes/WNCN/BuyNow/styles.scss */ .WNCN.BuyNow .buy-now .wrapper a button, .WNCN [buy-now] .buy-now .wrapper a button { display: block; background-color: #555555; } } /* line 7, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN.ConfigurablePoll .configurable-poll .question .image-container { height: 80px; margin: 10px; width: 80px; } /* line 11, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN.ConfigurablePoll .configurable-poll .question .image-container dynamic-image { display: block; } /* line 22, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers { width: 80%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 25, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 29, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer .active-content, .WNCN .medium-width .configurable-poll .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 33, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer:first-child, .WNCN .medium-width .configurable-poll .answers .answer:nth-child(4), .WNCN .medium-width .configurable-poll .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 36, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer .image-container { width: 72px; height: 72px; } /* line 40, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer .popular-icon, .WNCN .medium-width .configurable-poll .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .configurable-poll .answers .answer .progress { line-height: 20px; height: 20px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .configurable-poll .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 1px; margin: 0 1px; } /* line 48, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer .percent-container { margin: 0; } /* line 50, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; } /* line 55, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 5px; } /* line 59, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer .image-container, .WNCN .medium-width .configurable-poll .answers .answer .percent-container { margin-top: 1px; } /* line 63, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .medium-width .configurable-poll .answers .answer .answer-text { font-size: 17px; min-height: 48px; width: 100%; } /* line 70, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .survey .WNCN .medium-width .configurable-poll .answers .answer.popular .percent-text, .trivia .WNCN .medium-width .configurable-poll .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 83, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .small-width .configurable-poll .answers, .WNCN .tiny-width .configurable-poll .answers { padding: 0 10px; width: 80%; min-width: 320px; } /* line 87, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .small-width .configurable-poll .answers .answer, .WNCN .tiny-width .configurable-poll .answers .answer { width: 100%; margin-top: 20px; } /* line 90, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .small-width .configurable-poll .answers .answer:first-child, .WNCN .tiny-width .configurable-poll .answers .answer:first-child { margin-top: 0; } /* line 93, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .small-width .configurable-poll .answers .answer .image-container, .WNCN .tiny-width .configurable-poll .answers .answer .image-container { height: 68px; width: 68px; } /* line 97, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .small-width .configurable-poll .answers .answer .answer-text, .WNCN .tiny-width .configurable-poll .answers .answer .answer-text { font-size: 16px; min-height: 46px; width: 100%; } /* line 102, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .small-width .configurable-poll .answers .answer .percent-container, .WNCN .tiny-width .configurable-poll .answers .answer .percent-container { width: 100%; margin: 0; } /* line 105, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WNCN .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 109, .tmp/app/themes/WNCN/ConfigurablePoll/styles.scss */ .WNCN .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WNCN .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { line-height: 1.2; } /* line 10, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .configurable-poll .answers .answer .percent-container, .WNCN .tiny-width .configurable-poll .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WNCN .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 19px; padding-top: 0; text-align: center; width: 54px; right: 0; } /* line 20, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WNCN .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .configurable-poll .answers .answer .progress, .WNCN .tiny-width .configurable-poll .answers .answer .progress { line-height: 15px; height: 15px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .configurable-poll .answers .answer .progress-bar, .WNCN .tiny-width .configurable-poll .answers .answer .progress-bar { height: 13px; line-height: 13px; top: 1px; margin: 0 1px; } /* line 7, .tmp/app/themes/WNCN/DidYouKnow/styles.scss */ .WNCN.DidYouKnow .dyk-image-cont, .WNCN [did-you-know] .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/WNCN/DidYouKnow/styles.scss */ .WNCN.DidYouKnow .dyk-image-cont img, .WNCN [did-you-know] .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/WNCN/DidYouKnow/styles.scss */ .WNCN.DidYouKnow h1, .WNCN [did-you-know] h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } /* line 9, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN.Donate .donate form .paypal-btn, .WNCN [donate] .donate form .paypal-btn { background-image: url("../themes/WNCN/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN.Donate .donate a, .WNCN [donate] .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN.Donate .donate img, .WNCN [donate] .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN.Donate .donate button, .WNCN [donate] .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN.Donate .donate button.streamtip-btn, .WNCN [donate] .donate button.streamtip-btn { background-image: url("../themes/WNCN/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN.Donate .donate button.patreon-btn, .WNCN [donate] .donate button.patreon-btn { background-image: url("../themes/WNCN/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN.Donate .donate button.subscribe-btn, .WNCN [donate] .donate button.subscribe-btn { background-image: url("../themes/WNCN/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } /* line 56, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN .medium-width .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } /* line 68, .tmp/app/themes/WNCN/Donate/styles.scss */ .WNCN .small-width .donate img.foreground, .WNCN .tiny-width .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } /* line 6, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage header, .WNCN [embedded-webpage] header { display: none; } /* line 10, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage footer, .WNCN [embedded-webpage] footer { display: none; } /* line 14, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage .app-container, .WNCN.EmbeddedWebpage .app-height-element, .WNCN.EmbeddedWebpage .view-container, .WNCN [embedded-webpage] .app-container, .WNCN [embedded-webpage] .app-height-element, .WNCN [embedded-webpage] .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage .view-container div[embedded-webpage], .WNCN [embedded-webpage] .view-container div[embedded-webpage] { -webkit-overflow-scrolling: touch; overflow: scroll; } @media screen and (max-width: 666px) { /* line 21, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage .view-container div[embedded-webpage], .WNCN [embedded-webpage] .view-container div[embedded-webpage] { height: 480px; } } @media screen and (min-width: 666px) { /* line 21, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage .view-container div[embedded-webpage], .WNCN [embedded-webpage] .view-container div[embedded-webpage] { height: 680px; } } /* line 34, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage iframe, .WNCN [embedded-webpage] iframe { background-color: transparent; border: none; width: 100%; } @media screen and (max-width: 666px) { /* line 34, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage iframe, .WNCN [embedded-webpage] iframe { height: 480px; } } @media screen and (min-width: 666px) { /* line 34, .tmp/app/themes/WNCN/EmbeddedWebpage/styles.scss */ .WNCN.EmbeddedWebpage iframe, .WNCN [embedded-webpage] iframe { height: 680px; } } /* line 4, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login { background-color: #000; display: block; } /* line 7, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner { margin: 0 auto; padding: 1px 5px; } @media screen and (max-width: 666px) { /* line 7, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner { max-width: 330px; min-width: 320px; } } @media screen and (min-width: 666px) { /* line 7, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner { max-width: 676px; min-width: 666px; } } /* line 20, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .column { vertical-align: middle; } /* line 24, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 28, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner string-rotator { display: -ms-flexbox; display: flex; } /* line 32, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner span { color: #ccc; font-weight: 400; font-size: 10px; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } /* line 41, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .user-info-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; transition: opacity 0.15s linear; } /* line 49, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .user-info-container:hover { opacity: 0.8; } /* line 51, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .user-info-container:hover p { text-decoration: underline; min-width: 80px; } /* line 56, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .user-info-container dynamic-image { height: 22px; width: 22px; border-radius: 50%; background: #fff; background-size: contain; } /* line 63, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .user-info-container p { padding: 0; margin: 0; font-size: 12px; color: #fff; font-weight: normal; min-width: 80px; } /* line 72, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .sign-out-pop-out { position: absolute; top: 30px; border-radius: 5px; margin: 0 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 10; background-color: #fff; overflow: hidden; } /* line 81, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .sign-out-pop-out ul { list-style-type: none; padding: 0; margin: 0; } /* line 85, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .sign-out-pop-out ul li { list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; padding: 5px 10px; transition: background 0.15s linear; background-color: #fff; } /* line 96, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .sign-out-pop-out ul li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.23); } /* line 99, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .sign-out-pop-out ul li:hover { background: #f6f6f6; } /* line 102, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .sign-out-pop-out ul li img { max-height: 24px; max-width: 24px; } /* line 106, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .sign-out-pop-out ul li p, .WNCN facebook-login .facebook-inner .sign-out-pop-out ul li p > span { padding: 0; margin: 0; color: #000; font-weight: normal; font-size: 13px; text-align: left; } /* line 116, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login .facebook-inner .sign-out-pop-out .login-bar-button { padding: 5px; } /* line 121, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN facebook-login button.login-bar-button { border: 0; cursor: pointer; text-transform: uppercase; margin: 1px auto; border-radius: 3px; padding: 2px; font-size: 11px; } /* line 132, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3b55a0', GradientType=0); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 11px; line-height: 0; font-weight: 400; border: 0 solid transparent; border-radius: 2px; text-transform: none; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 153, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN .facebook-button svg { height: 16px; width: 16px; } /* line 158, .tmp/app/themes/WNCN/FacebookLogin/styles.scss */ .WNCN .facebook-button .facebook-button-text { padding: 0 6px; } /* line 7, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .show-megachatter .facebook-to-tv .question, .WNCN.FacebookToTV .show-megachatter .facebook-to-tv .status-bar-container, .WNCN [facebook-to-tv] .show-megachatter .facebook-to-tv .question, .WNCN [facebook-to-tv] .show-megachatter .facebook-to-tv .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv, .WNCN [facebook-to-tv] .facebook-to-tv { font-weight: 900; } /* line 14, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv .image-container, .WNCN [facebook-to-tv] .facebook-to-tv .image-container { position: fixed; z-index: 10; left: 15px; top: 0px; border: 1px solid black; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } /* line 21, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv .image-container.no-image, .WNCN [facebook-to-tv] .facebook-to-tv .image-container.no-image { box-shadow: none; border: none; height: 10px; } /* line 27, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv .name, .WNCN.FacebookToTV .facebook-to-tv .screen-name, .WNCN.FacebookToTV .facebook-to-tv .message, .WNCN [facebook-to-tv] .facebook-to-tv .name, .WNCN [facebook-to-tv] .facebook-to-tv .screen-name, .WNCN [facebook-to-tv] .facebook-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 34, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv .name, .WNCN [facebook-to-tv] .facebook-to-tv .name { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; font-size: 18px; margin-top: 40px; padding: 3px 50px; } /* line 41, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv .message, .WNCN [facebook-to-tv] .facebook-to-tv .message { background: linear-gradient(to right, #000424 0%, #001bff 100%); color: #fff; font-size: 16px; padding: 25px 20px 40px 20px; } /* line 46, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv .message a, .WNCN [facebook-to-tv] .facebook-to-tv .message a { color: #ffae00; } /* line 50, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv .avatar, .WNCN [facebook-to-tv] .facebook-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 56, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN.FacebookToTV .facebook-to-tv .logo, .WNCN [facebook-to-tv] .facebook-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 68, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN .medium-width .facebook-to-tv { margin: 0 auto; min-width: 640px; } /* line 71, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN .medium-width .facebook-to-tv .name, .WNCN .medium-width .facebook-to-tv .message { width: 90%; } /* line 75, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN .medium-width .facebook-to-tv .name { font-size: 23px; } /* line 78, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN .medium-width .facebook-to-tv .message { font-size: 19px; padding: 27px 40px 40px 40px; } /* line 82, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN .medium-width .facebook-to-tv .avatar { height: 90px; width: 90px; } /* line 86, .tmp/app/themes/WNCN/FacebookToTV/styles.scss */ .WNCN .medium-width .facebook-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 7, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN.FaceOff .show-megachatter .face-off .question, .WNCN.FaceOff .show-megachatter .face-off .status-bar-container, .WNCN [face-off] .show-megachatter .face-off .question, .WNCN [face-off] .show-megachatter .face-off .status-bar-container { width: 100%; } /* line 15, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN.FaceOff .face-off .answers .answer .active-content, .WNCN.FaceOff .face-off .answers .answer .answer-container, .WNCN [face-off] .face-off .answers .answer .active-content, .WNCN [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN.FaceOff .face-off .answers .answer .popular-icon, .WNCN.FaceOff .face-off .answers .answer .your-vote-indicator, .WNCN [face-off] .face-off .answers .answer .popular-icon, .WNCN [face-off] .face-off .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 27, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN.FaceOff .face-off .answers .answer:first-child .progress, .WNCN [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 54, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .medium-width .face-off .answers { width: 90%; min-width: 640px; margin-top: 30px; padding-bottom: 18px; } /* line 59, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .medium-width .face-off .answers .answer { width: calc(50% - 3px); } /* line 61, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .medium-width .face-off .answers .answer .percent-container { width: 100%; } /* line 64, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .medium-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 68, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .medium-width .face-off .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .face-off .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 10, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .face-off .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .face-off .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 22px; padding-top: 0; text-align: center; width: 80px; right: 0; } /* line 20, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .face-off .answers .answer .percent-container .progress-container { padding: 0; } /* line 76, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .medium-width .face-off .answers .answer:last-child .image-container { -ms-flex-order: 1; order: 1; } /* line 80, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .medium-width .face-off .answers .answer .image-container { height: 101px; width: 101px; } /* line 84, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .medium-width .face-off .answers .answer .answer-text { font-size: 22px; min-height: 70px; margin: 0; width: 100%; } /* line 98, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .status-bar-container, .WNCN .tiny-width .face-off .status-bar-container { margin-bottom: 22px; } /* line 101, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers, .WNCN .tiny-width .face-off .answers { padding: 0 0 20px 0; width: 80%; } /* line 104, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer, .WNCN .tiny-width .face-off .answers .answer { margin: 0; width: calc(50% - 3px); } /* line 107, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer:first-child, .WNCN .tiny-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 110, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer .image-container, .WNCN .tiny-width .face-off .answers .answer .image-container { height: 130px; width: 100%; margin: 0; } /* line 114, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer .image-container img, .WNCN .tiny-width .face-off .answers .answer .image-container img { max-height: 100%; max-width: 100%; } /* line 119, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer .your-vote-indicator, .WNCN .small-width .face-off .answers .answer .popular-icon, .WNCN .tiny-width .face-off .answers .answer .your-vote-indicator, .WNCN .tiny-width .face-off .answers .answer .popular-icon { width: 100%; left: 0; } /* line 123, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer .popular-icon, .WNCN .tiny-width .face-off .answers .answer .popular-icon { top: auto; bottom: -13px; background-size: auto 11px, 100%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; } /* line 132, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer .percent-container, .WNCN .small-width .face-off .answers .answer .answer-text, .WNCN .tiny-width .face-off .answers .answer .percent-container, .WNCN .tiny-width .face-off .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 137, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer .answer-text, .WNCN .tiny-width .face-off .answers .answer .answer-text { min-height: 58px; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .face-off .answers .answer .progress, .WNCN .tiny-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .face-off .answers .answer .progress-bar, .WNCN .tiny-width .face-off .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 10, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .face-off .answers .answer .percent-container, .WNCN .tiny-width .face-off .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .face-off .answers .answer .percent-container .percent-text, .WNCN .tiny-width .face-off .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 30px; padding-top: 0; text-align: center; width: 0; right: 0; } /* line 20, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .face-off .answers .answer .percent-container .progress-container, .WNCN .tiny-width .face-off .answers .answer .percent-container .progress-container { padding: 0; } /* line 143, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer .percent-container .percent-text, .WNCN .tiny-width .face-off .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; margin: 10px auto; position: relative; color: #000; } /* line 152, .tmp/app/themes/WNCN/FaceOff/styles.scss */ .WNCN .small-width .face-off .answers .answer .popular-label, .WNCN .tiny-width .face-off .answers .answer .popular-label { padding-bottom: 20px; } /* line 4, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback { color: #000; text-transform: none; } /* line 7, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .view-container { padding: 0; } /* line 10, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .required { color: #000; font-weight: normal; } /* line 14, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback h1, .WNCN .feedback h3 { margin: 0; } /* line 18, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback h1 { background: linear-gradient(to left, #c4161c 0%, #990506 100%); color: #fff; font-weight: 900; padding: 12px 20px; } /* line 24, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback h3 { background-color: #f0bb08; color: #000; padding: 3px 10px; font-size: 17px; font-weight: 700; } /* line 31, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul { font-size: 0; margin: 0; overflow: hidden; padding: 0 10px; margin-top: 10px; } @media screen and (min-width: 666px) { /* line 31, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul { padding: 0 40px; } } /* line 40, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul li { box-sizing: border-box; font-size: 14px; list-style: none; margin: 0; padding: 4px 10px; vertical-align: top; } @media screen and (min-width: 666px) { /* line 40, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul li { display: inline-block; width: 50%; } } /* line 53, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul li.item-checkbox, .WNCN .feedback ul li.item-textarea { display: block; width: 100%; } /* line 58, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul li.item-checkbox { display: block; width: 100%; } /* line 62, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul li label { display: block; margin-bottom: 0; } /* line 66, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul li input, .WNCN .feedback ul li textarea { display: block; width: 100%; } /* line 71, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul li textarea { height: 65px; } @media screen and (min-width: 666px) { /* line 40, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback ul li { display: inline-block; width: 50%; } } /* line 83, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .feedback-submit .close-button { display: none; } /* line 86, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .feedback-submit p { padding: 0; } @media screen and (max-width: 666px) { /* line 82, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .feedback-submit { text-align: center; } /* line 91, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .feedback-submit .feedback-submit-text { display: block; } } @media screen and (min-width: 666px) { /* line 82, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .feedback-submit { padding: 5px 15px 0 15px; text-align: right; } } /* line 99, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .feedback-submit button { display: block; } /* line 103, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN .feedback .close-button-submitted, .WNCN .feedback .close-button-nonsubmitted { display: block; } /* line 116, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) .feedback ul li.item-checkbox label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/WNCN/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 126, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) .feedback ul li.item-checkbox input { opacity: 0; } /* line 129, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/WNCN/images/feedback/checkboxBG-focus.png"); } /* line 133, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/WNCN/images/feedback/checkboxBG-selected-focus.png"); } /* line 136, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/WNCN/images/feedback/checkboxBG-selected.png"); } /* line 139, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/WNCN/images/feedback/checkboxBG-required.png"); } /* line 145, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/WNCN/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 155, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) input[type='checkbox'] { opacity: 0; } /* line 158, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/WNCN/feedback/checkboxBG-focus.png"); } /* line 162, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/WNCN/feedback/checkboxBG-selected-focus.png"); } /* line 165, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/WNCN/feedback/checkboxBG-selected.png"); } /* line 168, .tmp/app/themes/WNCN/Feedback/styles.scss */ .WNCN:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/WNCN/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .show-megachatter .five-star, .WNCN [five-stars] .show-megachatter .five-star { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .show-megachatter .five-star .question, .WNCN.FiveStars .show-megachatter .five-star .status-bar-container, .WNCN [five-stars] .show-megachatter .five-star .question, .WNCN [five-stars] .show-megachatter .five-star .status-bar-container { width: 100%; } /* line 14, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container, .WNCN [five-stars] .five-star .five-star-container { position: relative; } /* line 16, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .vote-container, .WNCN [five-stars] .five-star .five-star-container .vote-container { color: #fff; font-size: 16px; } /* line 20, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .image-container, .WNCN [five-stars] .five-star .five-star-container .image-container { text-align: center; } /* line 23, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .popular, .WNCN.FiveStars .five-star .five-star-container .your-vote, .WNCN [five-stars] .five-star .five-star-container .popular, .WNCN [five-stars] .five-star .five-star-container .your-vote { font-size: 44px; } /* line 27, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .title, .WNCN.FiveStars .five-star .five-star-container .five-star-average, .WNCN [five-stars] .five-star .five-star-container .title, .WNCN [five-stars] .five-star .five-star-container .five-star-average { font-size: 18px; line-height: 1.1em; font-weight: 900; } /* line 33, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .five-star-average, .WNCN.FiveStars .five-star .five-star-container .five-star-answer, .WNCN [five-stars] .five-star .five-star-container .five-star-average, .WNCN [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 37, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .five-star-average, .WNCN [five-stars] .five-star .five-star-container .five-star-average { color: #000; background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); } /* line 41, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .five-star-answer, .WNCN [five-stars] .five-star .five-star-container .five-star-answer { background: linear-gradient(to right, #000424 0%, #001bff 100%); transition: all 1s; } /* line 45, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .title, .WNCN [five-stars] .five-star .five-star-container .title { color: #fff; background: linear-gradient(to left, #c4161c 0%, #990506 100%); text-align: center; padding: 5px; } /* line 51, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .answers, .WNCN [five-stars] .five-star .five-star-container .answers { margin: 0; padding: 0; transition: all 1s; } /* line 55, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .answers .answer, .WNCN [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/WNCN/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; width: 20%; list-style-type: none; } /* line 62, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star .five-star-container .answers .answer.active, .WNCN [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/WNCN/images/fivestar/star-active.png"); } /* line 69, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star.answered .five-star-answer, .WNCN [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 72, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN.FiveStars .five-star.answered .five-star-average, .WNCN [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 80, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 86, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container.no-image { padding-left: 0; } /* line 89, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 340px; width: 60%; max-width: 600px; padding: 5px; height: 78px; } /* line 97, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container .answer { background-size: auto 49px; height: 64px; } /* line 101, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container .image-container { width: 140px; height: 164px; margin-left: -150px; float: left; } /* line 107, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container .title { height: 43px; font-size: 20px; } /* line 111, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container .your-vote { font-size: 28px; } /* line 114, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container .five-star-average { height: 43px; } /* line 117, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container .five-star-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 121, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .medium-width .five-star .five-star-container .five-star-average .column.popular { font-size: 30px; padding-left: 5px; } /* line 133, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .small-width .five-star .five-star-container, .WNCN .tiny-width .five-star .five-star-container { width: 80%; min-width: 256px; margin: 0 auto; } /* line 137, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .small-width .five-star .five-star-container .answers, .WNCN .tiny-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 245px; width: 60%; height: 55px; } /* line 143, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .small-width .five-star .five-star-container .answer, .WNCN .tiny-width .five-star .five-star-container .answer { background-size: auto 39px; height: 55px; } /* line 147, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .small-width .five-star .five-star-container .image-container, .WNCN .tiny-width .five-star .five-star-container .image-container { width: 134px; height: auto; } /* line 151, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .small-width .five-star .five-star-container .five-star-average, .WNCN .tiny-width .five-star .five-star-container .five-star-average { min-height: 134px; width: 50%; padding: 15px 5px; } /* line 155, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .small-width .five-star .five-star-container .five-star-average .row, .WNCN .tiny-width .five-star .five-star-container .five-star-average .row { height: 50%; text-align: center; } /* line 160, .tmp/app/themes/WNCN/FiveStars/styles.scss */ .WNCN .small-width .five-star .five-star-container .your-vote, .WNCN .tiny-width .five-star .five-star-container .your-vote { font-size: 24px; } /* line 4, .tmp/app/themes/WNCN/Footer/styles.scss */ .WNCN footer { margin-top: 15px; } @media screen and (max-width: 666px) { /* line 8, .tmp/app/themes/WNCN/Footer/styles.scss */ .WNCN footer .footer-images img { max-height: 65px; max-width: 116px; margin: 5px 0; } } @media screen and (min-width: 666px) { /* line 18, .tmp/app/themes/WNCN/Footer/styles.scss */ .WNCN footer .footer-images img { max-height: 66px; max-width: 280px; margin: 5px 0; } } /* line 25, .tmp/app/themes/WNCN/Footer/styles.scss */ .WNCN footer .policies { padding: 5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } /* line 29, .tmp/app/themes/WNCN/Footer/styles.scss */ .WNCN footer .policies a { text-decoration: underline; color: #fff; font-size: 10px; font-weight: normal; cursor: pointer; } /* line 36, .tmp/app/themes/WNCN/Footer/styles.scss */ .WNCN footer .policies img { height: 12px; } /* line 7, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .show-megachatter .guess-gauge .question, .WNCN.GuessGauge .show-megachatter .guess-gauge .status-bar-container, .WNCN [guess-gauge] .show-megachatter .guess-gauge .question, .WNCN [guess-gauge] .show-megachatter .guess-gauge .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge, .WNCN [guess-gauge] .guess-gauge { font-weight: 900; } /* line 14, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .gauge-container, .WNCN [guess-gauge] .guess-gauge .gauge-container { position: relative; } /* line 16, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .gauge-container .title, .WNCN [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 20, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .vote-container, .WNCN [guess-gauge] .guess-gauge .vote-container { color: #fff; font-size: 16px; } /* line 24, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .gauge-inner, .WNCN [guess-gauge] .guess-gauge .gauge-inner { background: linear-gradient(to left, #fff 0%, #919fa7 100%); padding: 10px 25px 5px 25px; } /* line 29, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .gauge-average, .WNCN [guess-gauge] .guess-gauge .gauge-average { font-size: 19px; color: #000; background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); line-height: 1.1em; } /* line 35, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .gauge-answer, .WNCN [guess-gauge] .guess-gauge .gauge-answer { padding-top: 35px; background: linear-gradient(to left, #c4161c 0%, #990506 100%); } /* line 39, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .gauge-average, .WNCN.GuessGauge .guess-gauge .gauge-answer, .WNCN [guess-gauge] .guess-gauge .gauge-average, .WNCN [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 43, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .gauge-answer-track, .WNCN [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 46, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .display-answer, .WNCN [guess-gauge] .guess-gauge .display-answer { color: #fff; font-size: 19px; overflow: hidden; z-index: 102; margin-top: -38px; position: absolute; } /* line 56, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .slider .slider-track, .WNCN [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 58, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .WNCN [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { background-image: url("../themes/WNCN/images/guessgauge/knob.png"); background-size: 27px 27px; border-radius: 27px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); cursor: pointer; position: absolute; height: 27px; text-align: center; top: -3px; width: 27px; z-index: 100; } /* line 71, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .slider .slider-track.popular, .WNCN [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 75, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .slider .slider-track, .WNCN [guess-gauge] .guess-gauge .slider .slider-track { height: 20px; } /* line 78, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .slider .slider-track-fg, .WNCN [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 18px; top: 1px; margin: 0px 1px; position: relative; } /* line 84, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .slider .slider-main, .WNCN [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; } /* line 89, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .labels, .WNCN [guess-gauge] .guess-gauge .labels { color: #000; width: calc(100% + 10px); margin-left: -5px; } /* line 93, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .labels .label-min, .WNCN [guess-gauge] .guess-gauge .labels .label-min { text-align: left; } /* line 96, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge .labels .label-max, .WNCN [guess-gauge] .guess-gauge .labels .label-max { text-align: right; } /* line 101, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge.answered .gauge-answer, .WNCN [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 104, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN.GuessGauge .guess-gauge.answered .gauge-average, .WNCN [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 113, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 119, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-container.no-image { padding-left: 0; } /* line 122, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-container .image-container { width: 134px; height: 155px; margin-left: -150px; float: left; } /* line 128, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-container .title { height: 43px; font-size: 20px; text-align: center; } /* line 134, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-average { height: 35px; -ms-flex-pack: space-evenly; justify-content: space-evenly; } /* line 138, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-average .column.popular-label { font-size: 18px; padding-right: 5px; font-weight: 700; } /* line 143, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-average .column.popular { font-size: 24px; padding-left: 5px; } /* line 151, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .slider .slider-track .slider-knob { background-size: 33px 33px; border-radius: 33px; height: 33px; top: -4px; width: 33px; } /* line 159, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .slider .slider-track { height: 25px; } /* line 162, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .slider .slider-track-fg { height: 23px; } /* line 166, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .display-answer { font-size: 24px; margin-top: -62px; } /* line 170, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-answer { min-height: 103px; } /* line 173, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-answer-track { position: relative; width: 65%; margin: 20px auto 0 auto; } /* line 178, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .gauge-inner { min-height: 86px; } /* line 181, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .medium-width .guess-gauge .labels { font-size: 18px; position: relative; bottom: 25px; font-weight: 700; } /* line 192, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .small-width .guess-gauge .gauge-container, .WNCN .tiny-width .guess-gauge .gauge-container { margin: 0 auto; width: 80%; } /* line 196, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .small-width .guess-gauge .image-container, .WNCN .tiny-width .guess-gauge .image-container { width: 134px; height: auto; } /* line 201, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .small-width .guess-gauge .gauge-average, .WNCN .tiny-width .guess-gauge .gauge-average { min-height: 134px; width: 100%; padding: 15px 5px; } /* line 205, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .small-width .guess-gauge .gauge-average .row, .WNCN .tiny-width .guess-gauge .gauge-average .row { height: 50%; text-align: center; } /* line 208, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .small-width .guess-gauge .gauge-average .row:last-child, .WNCN .tiny-width .guess-gauge .gauge-average .row:last-child { line-height: 1.2; } /* line 213, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .small-width .guess-gauge .gauge-answer, .WNCN .tiny-width .guess-gauge .gauge-answer { padding-top: 30px; } /* line 216, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .small-width .guess-gauge .popular, .WNCN .tiny-width .guess-gauge .popular { font-size: 21px; } /* line 219, .tmp/app/themes/WNCN/GuessGauge/styles.scss */ .WNCN .small-width .guess-gauge .labels, .WNCN .tiny-width .guess-gauge .labels { font-size: 14px; padding-top: 5px; } /* line 4, .tmp/app/themes/WNCN/Header/styles.scss */ .WNCN header { height: auto; width: 100%; } /* line 7, .tmp/app/themes/WNCN/Header/styles.scss */ .WNCN header .show-media { height: 50px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 41px; } @media screen and (min-width: 666px) { /* line 15, .tmp/app/themes/WNCN/Header/styles.scss */ .WNCN header .show-media { height: 61px; background-size: auto 50px; } } /* line 6, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN.HotOrNot .show-megachatter .hot-or-not, .WNCN [hot-or-not] .show-megachatter .hot-or-not { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN.HotOrNot .show-megachatter .hot-or-not .question, .WNCN.HotOrNot .show-megachatter .hot-or-not .status-bar-container, .WNCN [hot-or-not] .show-megachatter .hot-or-not .question, .WNCN [hot-or-not] .show-megachatter .hot-or-not .status-bar-container { width: 100%; } /* line 16, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN.HotOrNot .hot-or-not .answers .answer .active-content, .WNCN.HotOrNot .hot-or-not .answers .answer .answer-container, .WNCN [hot-or-not] .hot-or-not .answers .answer .active-content, .WNCN [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 20, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN.HotOrNot .hot-or-not .answers .answer .popular-icon, .WNCN.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .WNCN [hot-or-not] .hot-or-not .answers .answer .popular-icon, .WNCN [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 28, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN.HotOrNot .hot-or-not .answers .answer:first-child .progress, .WNCN [hot-or-not] .hot-or-not .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 42, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN.HotOrNot .hot-or-not .answers .answer:last-child .percent-container, .WNCN [hot-or-not] .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 52, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not { overflow: hidden; } /* line 54, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .image-container { float: left; margin: 0; height: 114px; width: 114px; margin-right: 4px; } /* line 60, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .image-container img { max-height: 100%; max-width: 100%; } /* line 65, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers { margin: auto; width: 90%; margin-top: 30px; padding-bottom: 18px; } /* line 70, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers .answer { width: calc(50% - 61px); margin: 0 1px; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .hot-or-not .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 74, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers .answer.no-image { width: 50%; margin: 0; } /* line 79, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers .answer:nth-child(2) .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 89, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers .answer .percent-container { margin: 0; display: -ms-flexbox; display: flex; } /* line 92, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 70px; font-size: 28px; line-height: 1.3; position: relative; margin: 0 8px; } /* line 100, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 10px; width: 80%; } /* line 105, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers .answer .answer-text { font-size: 20px; min-height: 52px; margin: 0; } /* line 111, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .medium-width .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 122, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .image-container, .WNCN .tiny-width .hot-or-not .image-container { height: 80px; margin: 0 auto 22px auto; width: 80px; } /* line 127, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .status-bar-container, .WNCN .tiny-width .hot-or-not .status-bar-container { margin-bottom: 10px; } /* line 130, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers, .WNCN .tiny-width .hot-or-not .answers { width: 90%; min-width: 250px; padding-left: 0; padding-bottom: 12px; } /* line 135, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers .answer, .WNCN .tiny-width .hot-or-not .answers .answer { margin: 0; width: calc(50% - 3px); padding: 0; } /* line 139, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers .answer.no-image, .WNCN .tiny-width .hot-or-not .answers .answer.no-image { margin: 15px 0; } /* line 142, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers .answer:first-child, .WNCN .tiny-width .hot-or-not .answers .answer:first-child { margin-right: 6px; } /* line 145, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers .answer .percent-container, .WNCN .small-width .hot-or-not .answers .answer .answer-text, .WNCN .tiny-width .hot-or-not .answers .answer .percent-container, .WNCN .tiny-width .hot-or-not .answers .answer .answer-text { text-align: center; vertical-align: middle; font-size: 18px; } /* line 151, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers .answer .your-vote-indicator, .WNCN .small-width .hot-or-not .answers .answer .popular-icon, .WNCN .tiny-width .hot-or-not .answers .answer .your-vote-indicator, .WNCN .tiny-width .hot-or-not .answers .answer .popular-icon { width: 100%; left: 0; } /* line 155, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers .answer .popular-icon, .WNCN .tiny-width .hot-or-not .answers .answer .popular-icon { top: auto; bottom: -13px; background-size: auto 11px, 100%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; } /* line 164, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers .answer .answer-text, .WNCN .tiny-width .hot-or-not .answers .answer .answer-text { min-height: 58px; margin-bottom: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .hot-or-not .answers .answer .progress, .WNCN .tiny-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .hot-or-not .answers .answer .progress-bar, .WNCN .tiny-width .hot-or-not .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 10, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .hot-or-not .answers .answer .percent-container, .WNCN .tiny-width .hot-or-not .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WNCN .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 30px; padding-top: 0; text-align: center; width: 0; right: 0; } /* line 20, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .hot-or-not .answers .answer .percent-container .progress-container, .WNCN .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 0; } /* line 171, .tmp/app/themes/WNCN/HotOrNot/styles.scss */ .WNCN .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WNCN .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 78px; position: relative; color: #000; } /* line 7, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .show-megachatter .instagram-to-tv .question, .WNCN.InstagramToTV .show-megachatter .instagram-to-tv .status-bar-container, .WNCN [instagram-to-tv] .show-megachatter .instagram-to-tv .question, .WNCN [instagram-to-tv] .show-megachatter .instagram-to-tv .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .instagram-to-tv, .WNCN [instagram-to-tv] .instagram-to-tv { font-weight: 900; } /* line 13, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .instagram-to-tv h2, .WNCN [instagram-to-tv] .instagram-to-tv h2 { display: none; } /* line 17, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .instagram-to-tv .name, .WNCN.InstagramToTV .instagram-to-tv .screen-name, .WNCN.InstagramToTV .instagram-to-tv .message, .WNCN [instagram-to-tv] .instagram-to-tv .name, .WNCN [instagram-to-tv] .instagram-to-tv .screen-name, .WNCN [instagram-to-tv] .instagram-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 24, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .instagram-to-tv .name, .WNCN [instagram-to-tv] .instagram-to-tv .name { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; font-size: 18px; padding: 10px 50px 0; } /* line 30, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .instagram-to-tv .screen-name, .WNCN [instagram-to-tv] .instagram-to-tv .screen-name { color: #ffae00; font-size: 14px; padding: 0 50px; } /* line 35, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .instagram-to-tv .message, .WNCN [instagram-to-tv] .instagram-to-tv .message { color: #fff; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 39, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .instagram-to-tv .message a, .WNCN [instagram-to-tv] .instagram-to-tv .message a { color: #ffae00; } /* line 43, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN.InstagramToTV .instagram-to-tv .logo, .WNCN [instagram-to-tv] .instagram-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 55, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv { margin: 0 auto; width: 640px; } /* line 58, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content { background: linear-gradient(to right, #000424 0%, #001bff 100%); height: 227px; } /* line 61, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .image-container { position: fixed; z-index: 10; top: 14px; } /* line 65, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .image-container.no-image { opacity: 0; height: 0; width: 0; float: none; } /* line 72, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .image { display: block; width: 237px; height: 237px; border: 1px solid black; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } /* line 79, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .content { margin-top: 20px; margin-left: 230px; } /* line 82, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .content.no-image { margin-left: 0; } /* line 86, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .name, .WNCN .medium-width .instagram-to-tv .instagram-content .screen-name, .WNCN .medium-width .instagram-to-tv .instagram-content .message { width: 100%; text-align: left; } /* line 92, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .name { font-size: 23px; padding: 3px 50px 3px 20px; } /* line 96, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .screen-name { font-size: 16px; padding: 0 50px 0 20px; } /* line 100, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .message { font-size: 19px; padding: 10px 40px 40px 20px; } /* line 104, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .medium-width .instagram-to-tv .instagram-content .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 117, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .small-width .instagram-to-tv .image-container, .WNCN .tiny-width .instagram-to-tv .image-container { position: fixed; z-index: 10; left: 0px; right: 0px; top: 22px; } /* line 124, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .small-width .instagram-to-tv .image, .WNCN .tiny-width .instagram-to-tv .image { display: block; margin: auto; max-width: 155px; max-height: 155px; border: 1px solid black; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } /* line 132, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .small-width .instagram-to-tv .name, .WNCN .tiny-width .instagram-to-tv .name { margin-top: 170px; } /* line 134, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .small-width .instagram-to-tv .name.no-image, .WNCN .tiny-width .instagram-to-tv .name.no-image { margin-top: 15px; } /* line 138, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .small-width .instagram-to-tv .screen-name, .WNCN .tiny-width .instagram-to-tv .screen-name { background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 141, .tmp/app/themes/WNCN/InstagramToTV/styles.scss */ .WNCN .small-width .instagram-to-tv .message, .WNCN .tiny-width .instagram-to-tv .message { background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 7, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers { width: 90%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 10, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 14, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer .active-content, .WNCN .medium-width .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 18, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer:first-child, .WNCN .medium-width .pic-pick .answers .answer:nth-child(4), .WNCN .medium-width .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 21, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer .image-container { width: 78px; height: 78px; } /* line 25, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer .popular-icon, .WNCN .medium-width .pic-pick .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .pic-pick .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .pic-pick .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 33, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer .percent-container { margin: 0; background: linear-gradient(to right, #aeb5bf 0%, #d9dce1 100%); } /* line 36, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; font-size: 36px; padding-top: 6px; position: relative; } /* line 44, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer .percent-container .progress-container { padding-top: 3px; } /* line 48, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .medium-width .pic-pick .answers .answer .answer-text { min-height: 45px; width: 100%; font-size: 21px; } /* line 66, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick.trivia .answers, .WNCN .tiny-width .pic-pick.trivia .answers { margin-top: 32px; } /* line 70, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers, .WNCN .tiny-width .pic-pick .answers { padding: 0 10px 10px 10px; width: 98%; min-width: 320px; margin-top: 22px; } /* line 75, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers .answer, .WNCN .tiny-width .pic-pick .answers .answer { width: 100%; margin-top: 22px; } /* line 78, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers .answer:last-child, .WNCN .tiny-width .pic-pick .answers .answer:last-child { margin-bottom: 0; } /* line 81, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers .answer:first-child, .WNCN .tiny-width .pic-pick .answers .answer:first-child { margin-top: 0; } /* line 84, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers .answer .image-container, .WNCN .tiny-width .pic-pick .answers .answer .image-container { height: 68px; width: 68px; } /* line 88, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers .answer .answer-text, .WNCN .tiny-width .pic-pick .answers .answer .answer-text { min-height: 48px; width: 100%; } /* line 92, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers .answer .percent-container, .WNCN .tiny-width .pic-pick .answers .answer .percent-container { width: 100%; margin: 0; padding-top: 3px; } /* line 96, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers .answer .percent-container .progress-container, .WNCN .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 100, .tmp/app/themes/WNCN/PicPick/styles.scss */ .WNCN .small-width .pic-pick .answers .answer .percent-container .percent-text, .WNCN .tiny-width .pic-pick .answers .answer .percent-container .percent-text { line-height: 1.1; background: #001bff; } /* line 10, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .pic-pick .answers .answer .percent-container, .WNCN .tiny-width .pic-pick .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .pic-pick .answers .answer .percent-container .percent-text, .WNCN .tiny-width .pic-pick .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 18px; padding-top: 0; text-align: center; width: 54px; right: 0; } /* line 20, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .pic-pick .answers .answer .percent-container .progress-container, .WNCN .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .pic-pick .answers .answer .progress, .WNCN .tiny-width .pic-pick .answers .answer .progress { line-height: 20px; height: 20px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .pic-pick .answers .answer .progress-bar, .WNCN .tiny-width .pic-pick .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 1px; margin: 0 1px; } /* line 5, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container { border: 0 solid transparent; font-size: 20px; overflow: hidden; padding: 0; width: 90%; max-width: 620px; border-radius: 5px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 2; background-color: #fff; margin: 10px auto; } /* line 19, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking { border-bottom: 1px solid #555555; color: #000; transition: all 0.3s; background-color: #fff; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-template-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-gap: 5px; } /* line 33, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking.first-place div { font-size: 22px; } /* line 38, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 43, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 49, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking.ng-enter-stagger, .WNCN leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 53, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking.your-rank-highlight { background: white; } /* line 57, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 62, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 70, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking:last-child { border: none; } /* line 74, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking div { padding: 0; height: 33px; font-size: 16px; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } /* line 83, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 36px; } /* line 88, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking div:last-child { line-height: 32px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 96, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking div img { height: 20px; padding: 0 8px; } /* line 101, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN leaderboard .rankings-container .ranking div.leaderboard .WNCN leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 111, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN .show-more-rankings { display: block; padding: 0; width: 50px; height: 25px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: -5px auto 0 auto; z-index: 1; position: relative; background: #fff; color: #000; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 126, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN .show-more-rankings span { font-size: 27px; line-height: 1; position: absolute; top: -5px; left: 0; right: 0; } /* line 134, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 138, .tmp/app/themes/WNCN/Leaderboard/styles.scss */ .WNCN .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 7, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN.LiveReactions .show-megachatter .live-reactions .question, .WNCN.LiveReactions .show-megachatter .live-reactions .status-bar-container, .WNCN [live-reactions] .show-megachatter .live-reactions .question, .WNCN [live-reactions] .show-megachatter .live-reactions .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN.LiveReactions .view-container, .WNCN [live-reactions] .view-container { position: static; } /* line 16, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN.LiveReactions .live-reactions .floating-reaction, .WNCN [live-reactions] .live-reactions .floating-reaction { max-width: 40px; max-height: 40px; position: absolute; animation: 2s reactionRiseCubic ease-in forwards; z-index: 10; } /* line 24, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN.LiveReactions .live-reactions .answers .answer, .WNCN [live-reactions] .live-reactions .answers .answer { background: transparent; box-shadow: none; } /* line 27, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN.LiveReactions .live-reactions .answers .answer .reaction-label, .WNCN [live-reactions] .live-reactions .answers .answer .reaction-label { position: absolute; margin: auto; color: #fff; font-size: 20px; font-weight: 900; line-height: 1.1; } /* line 35, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN.LiveReactions .live-reactions .answers .answer .reaction-bounce, .WNCN [live-reactions] .live-reactions .answers .answer .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 38, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN.LiveReactions .live-reactions .answers .answer .image-container, .WNCN [live-reactions] .live-reactions .answers .answer .image-container { width: 45px; height: 35px; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.6); } 66% { transform: scale(1.4); } 100% { transform: scale(1); } } @keyframes reactionRiseCubic { 0% { opacity: 0; } 25% { opacity: 1; } 100% { top: -300px; } } /* line 77, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers { padding: 5px 0; margin: 15px auto; width: 80%; height: 152px; background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 83, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer { margin: 0 auto; position: relative; padding: 8px; } /* line 88, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer:nth-child(odd) .reaction-label { top: -44px; } /* line 93, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer:nth-child(even) .reaction-label { bottom: -44px; } /* line 97, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer:nth-child(1) { background: linear-gradient(to right, #919fa7 0%, #a6b2b8 100%); } /* line 100, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer:nth-child(2) { background: linear-gradient(to right, #a6b2b8 0%, #c7ced2 100%); } /* line 103, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer:nth-child(3) { background: linear-gradient(to right, #c7ced2 0%, #dee2e4 100%); } /* line 106, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer:nth-child(4) { background: linear-gradient(to right, #dee2e4 0%, #f2f3f4 100%); } /* line 109, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer:nth-child(5) { background: linear-gradient(to right, #f2f3f4 0%, #fff 100%); } /* line 112, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer .image-container { width: 42px; height: 42px; } /* line 116, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .medium-width .live-reactions .answers .answer .reaction-label { height: 43px; padding: 5px; text-align: center; max-width: 110px; background: none; left: 0; right: 0; } /* line 131, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .small-width .live-reactions .answers, .WNCN .tiny-width .live-reactions .answers { padding: 0 10px; width: 190px; background: linear-gradient(to left, #fff 0%, #919fa7 100%), linear-gradient(to right, #000424 25%, #001bff 100%); background-size: 65px 100%, 100%; background-repeat: no-repeat; } /* line 137, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .small-width .live-reactions .answers .answer, .WNCN .tiny-width .live-reactions .answers .answer { margin: 12px 0; position: relative; } /* line 140, .tmp/app/themes/WNCN/LiveReactions/styles.scss */ .WNCN .small-width .live-reactions .answers .answer .reaction-label, .WNCN .tiny-width .live-reactions .answers .answer .reaction-label { max-width: 118px; height: 30px; width: 100%; left: 58px; top: 3px; padding: 0; text-align: center; } /* line 5, .tmp/app/themes/WNCN/Poster/styles.scss */ .WNCN.Poster .posterImage, .WNCN [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; width: 100%; height: 480px; padding: 0; } /* line 13, .tmp/app/themes/WNCN/Poster/styles.scss */ .WNCN.Poster .posterImage .posterImageInner, .WNCN [poster] .posterImage .posterImageInner { height: 100%; -ms-flex-align: baseline; align-items: baseline; } /* line 16, .tmp/app/themes/WNCN/Poster/styles.scss */ .WNCN.Poster .posterImage .posterImageInner video, .WNCN.Poster .posterImage .posterImageInner img, .WNCN [poster] .posterImage .posterImageInner video, .WNCN [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 7, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .show-megachatter .mood-meter .question, .WNCN.MoodMeter .show-megachatter .mood-meter .status-bar-container, .WNCN [mood-meter] .show-megachatter .mood-meter .question, .WNCN [mood-meter] .show-megachatter .mood-meter .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter, .WNCN [mood-meter] .mood-meter { font-weight: 900; } /* line 14, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .vote-container, .WNCN [mood-meter] .mood-meter .vote-container { color: #fff; font-size: 16px; } /* line 18, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-container, .WNCN [mood-meter] .mood-meter .meter-container { position: relative; } /* line 20, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-container .title, .WNCN [mood-meter] .mood-meter .meter-container .title { display: none; } /* line 24, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-inner, .WNCN [mood-meter] .mood-meter .meter-inner { display: block; margin: auto; } /* line 28, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-inside, .WNCN [mood-meter] .mood-meter .meter-inside { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; } /* line 36, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-average, .WNCN [mood-meter] .mood-meter .meter-average { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; font-size: 19px; line-height: 1.1em; } /* line 42, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-answer, .WNCN [mood-meter] .mood-meter .meter-answer { background: linear-gradient(to left, #fff 0%, #919fa7 100%); } /* line 45, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-average, .WNCN.MoodMeter .mood-meter .meter-answer, .WNCN [mood-meter] .mood-meter .meter-average, .WNCN [mood-meter] .mood-meter .meter-answer { transition: all 1s; } /* line 49, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-answer-track, .WNCN [mood-meter] .mood-meter .meter-answer-track { position: relative; z-index: 1; } /* line 52, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .meter-answer-track canvas, .WNCN [mood-meter] .mood-meter .meter-answer-track canvas { cursor: pointer; } /* line 56, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .popular-label, .WNCN [mood-meter] .mood-meter .popular-label { font-size: 17px; } /* line 59, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .display-answer, .WNCN [mood-meter] .mood-meter .display-answer { font-size: 18px; color: #fff; background: linear-gradient(to right, #000424 0%, #001bff 100%); overflow: hidden; display: block; padding: 10px 20px; word-break: break-word; } /* line 68, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .labels, .WNCN [mood-meter] .mood-meter .labels { color: #000; font-size: 14px; margin-top: 4px; width: 100%; } /* line 73, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .labels .label-min, .WNCN [mood-meter] .mood-meter .labels .label-min { text-align: right; } /* line 76, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter .labels .label-max, .WNCN [mood-meter] .mood-meter .labels .label-max { text-align: left; } /* line 81, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter.answered .meter-answer, .WNCN [mood-meter] .mood-meter.answered .meter-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 84, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN.MoodMeter .mood-meter.answered .meter-average, .WNCN [mood-meter] .mood-meter.answered .meter-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 93, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .image-container { margin: 16px 0 10px 10px; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 99, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-container { margin: 0 auto; min-width: 640px; width: 80%; min-height: 155px; margin-bottom: 10px; } /* line 105, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 111, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-container .meter-inner { min-width: 389px; width: 100%; min-height: 155px; background: url(../themes/WNCN/images/moodmeter/meter-bg.png); background-size: auto 129px; background-position: center top 10px; background-repeat: no-repeat; position: relative; padding-top: 18px; } /* line 122, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-container .rows { width: 50%; } /* line 126, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 134, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 140, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-average { min-height: 75px; min-width: 250px; width: 100%; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; word-break: break-word; } /* line 150, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .popular-label { font-size: 15px; } /* line 153, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .popular { font-size: 20px; } /* line 156, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-answer { width: 60%; min-width: 389px; } /* line 159, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; z-index: 10; } /* line 167, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 173, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .display-answer { min-height: 75px; min-width: 250px; width: 100%; clear: left; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; } /* line 183, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .display-answer span { display: block; } /* line 185, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .display-answer span:first-child { font-size: 15px; line-height: 1.5; } /* line 191, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .labels { font-size: 16px; padding: 108px 5px 5px 5px; } /* line 194, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .labels .label-min, .WNCN .medium-width .mood-meter .labels .label-max { width: calc(50% - 50px); text-align: center; word-break: break-word; line-height: 1.2; } /* line 201, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .labels .label-min { margin-right: 50px; } /* line 204, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .medium-width .mood-meter .labels .label-max { margin-left: 50px; } /* line 213, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .image-container, .WNCN .tiny-width .mood-meter .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 218, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .status-bar-container, .WNCN .tiny-width .mood-meter .status-bar-container { margin-bottom: 10px; } /* line 221, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .meter-container, .WNCN .tiny-width .mood-meter .meter-container { margin: 0 auto; margin-top: 50px; width: 80%; min-height: 300px; } /* line 227, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .meter-inner, .WNCN .tiny-width .mood-meter .meter-inner { background: url(../themes/WNCN/images/moodmeter/meter-bg.png); background-size: auto 148px; min-height: 129px; padding-top: 17px; background-position: top 8px center; background-repeat: no-repeat; } /* line 235, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .meter-inside, .WNCN .tiny-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -19px; right: 0px; top: -3px; } /* line 243, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .meter-inside img, .WNCN .tiny-width .mood-meter .meter-inside img { max-width: 116px; max-height: 117px; margin: 10px; } /* line 249, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .display-answer, .WNCN .tiny-width .mood-meter .display-answer { text-align: center; min-height: 40px; padding: 5px; } /* line 254, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .display-answer span:first-child, .WNCN .tiny-width .mood-meter .display-answer span:first-child { width: 100px; font-size: 19px; } /* line 260, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .meter-average, .WNCN .tiny-width .mood-meter .meter-average { padding: 5px; text-align: center; word-break: break-word; } /* line 266, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .meter-answer .meter-answer-track, .WNCN .tiny-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: -13px; right: 0; width: 113px; } /* line 273, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .meter-answer .meter-answer-track canvas, .WNCN .tiny-width .mood-meter .meter-answer .meter-answer-track canvas { width: 130px !important; height: 130px !important; } /* line 279, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .labels, .WNCN .tiny-width .mood-meter .labels { padding: 5px; margin-top: 134px; } /* line 282, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .labels .label-min, .WNCN .small-width .mood-meter .labels .label-max, .WNCN .tiny-width .mood-meter .labels .label-min, .WNCN .tiny-width .mood-meter .labels .label-max { width: 50%; vertical-align: middle; word-break: break-word; } /* line 288, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .labels .label-min, .WNCN .tiny-width .mood-meter .labels .label-min { text-align: left; width: 50%; } /* line 292, .tmp/app/themes/WNCN/MoodMeter/styles.scss */ .WNCN .small-width .mood-meter .labels .label-max, .WNCN .tiny-width .mood-meter .labels .label-max { text-align: right; width: 50%; } /* line 7, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .medium-width .readers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 11, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .medium-width .readers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 15, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .medium-width .readers-choice .answers .answer .active-content, .WNCN .medium-width .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .medium-width .readers-choice .answers .answer:first-child, .WNCN .medium-width .readers-choice .answers .answer:nth-child(4), .WNCN .medium-width .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .readers-choice .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .readers-choice .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 23, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .medium-width .readers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 26, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .medium-width .readers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 36px; padding: 8px 0; } /* line 33, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .medium-width .readers-choice .answers .answer .answer-text { font-size: 21px; min-height: 45px; } /* line 37, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .medium-width .readers-choice .answers .answer .popular-icon, .WNCN .medium-width .readers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 52, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice.trivia .answers, .WNCN .tiny-width .readers-choice.trivia .answers { margin-top: 32px; } /* line 56, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers, .WNCN .tiny-width .readers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 60, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers .answer, .WNCN .tiny-width .readers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 63, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers .answer:last-child, .WNCN .tiny-width .readers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 66, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers .answer .answer-text, .WNCN .tiny-width .readers-choice .answers .answer .answer-text { min-height: 53px; margin-bottom: 0; } /* line 70, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers .answer .active-content, .WNCN .tiny-width .readers-choice .answers .answer .active-content { width: 100%; } /* line 72, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers .answer .active-content .percent-text, .WNCN .tiny-width .readers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 77, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers .answer .active-content .answer-container, .WNCN .tiny-width .readers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .readers-choice .answers .answer .percent-container, .WNCN .tiny-width .readers-choice .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .readers-choice .answers .answer .percent-container .percent-text, .WNCN .tiny-width .readers-choice .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 18px; padding-top: 0; text-align: center; width: 54px; right: 0; } /* line 20, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .readers-choice .answers .answer .percent-container .progress-container, .WNCN .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .readers-choice .answers .answer .progress, .WNCN .tiny-width .readers-choice .answers .answer .progress { line-height: 20px; height: 20px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .readers-choice .answers .answer .progress-bar, .WNCN .tiny-width .readers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 1px; margin: 0 1px; } /* line 83, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers .answer .percent-container, .WNCN .tiny-width .readers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 87, .tmp/app/themes/WNCN/ReadersChoice/styles.scss */ .WNCN .small-width .readers-choice .answers .answer .percent-container .percent-text, .WNCN .tiny-width .readers-choice .answers .answer .percent-container .percent-text { line-height: 1.1; background: #001bff; } /* line 5, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv, .WNCN [tweet-to-tv] .tweet-to-tv { font-weight: 900; } /* line 7, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .image-container, .WNCN [tweet-to-tv] .tweet-to-tv .image-container { position: fixed; z-index: 10; left: 15px; top: 0px; border: 1px solid black; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } /* line 14, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .image-container.no-image, .WNCN [tweet-to-tv] .tweet-to-tv .image-container.no-image { box-shadow: none; border: none; height: 10px; } /* line 20, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .name, .WNCN.TweetToTV .tweet-to-tv .screen-name, .WNCN.TweetToTV .tweet-to-tv .message, .WNCN [tweet-to-tv] .tweet-to-tv .name, .WNCN [tweet-to-tv] .tweet-to-tv .screen-name, .WNCN [tweet-to-tv] .tweet-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 28, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .name, .WNCN [tweet-to-tv] .tweet-to-tv .name { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; font-size: 18px; margin-top: 40px; padding: 3px 50px; } /* line 35, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .screen-name, .WNCN [tweet-to-tv] .tweet-to-tv .screen-name { background: linear-gradient(to right, #000424 0%, #001bff 100%); color: #ffae00; font-size: 14px; padding: 0 50px; } /* line 40, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .screen-name a, .WNCN [tweet-to-tv] .tweet-to-tv .screen-name a { color: #ffae00; } /* line 44, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .message, .WNCN [tweet-to-tv] .tweet-to-tv .message { background: linear-gradient(to right, #000424 0%, #001bff 100%); color: #fff; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 49, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .message a, .WNCN [tweet-to-tv] .tweet-to-tv .message a { color: #ffae00; } /* line 53, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .avatar, .WNCN [tweet-to-tv] .tweet-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 59, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv .logo, .WNCN [tweet-to-tv] .tweet-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 67, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN.TweetToTV .tweet-to-tv twttr-follow-button, .WNCN [tweet-to-tv] .tweet-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 76, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN .medium-width .tweet-to-tv { margin: 0 auto; min-width: 640px; } /* line 79, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN .medium-width .tweet-to-tv .name, .WNCN .medium-width .tweet-to-tv .screen-name, .WNCN .medium-width .tweet-to-tv .message { width: 90%; } /* line 84, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN .medium-width .tweet-to-tv .name { font-size: 23px; } /* line 87, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN .medium-width .tweet-to-tv .screen-name { font-size: 16px; } /* line 90, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN .medium-width .tweet-to-tv .message { font-size: 19px; padding: 10px 40px 40px 40px; } /* line 94, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN .medium-width .tweet-to-tv .avatar { height: 90px; width: 90px; } /* line 98, .tmp/app/themes/WNCN/TweetToTV/styles.scss */ .WNCN .medium-width .tweet-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 5, .tmp/app/themes/WNCN/TwitchToTV/styles.scss */ .WNCN.TwitchToTV .twitch-to-tv, .WNCN [twitch-to-tv] .twitch-to-tv { width: 90%; display: block; margin: auto; } /* line 6, .tmp/app/themes/WNCN/TwitchToTV/styles.scss */ .WNCN.TwitchToTV .twitch-to-tv div:nth-child(2), .WNCN [twitch-to-tv] .twitch-to-tv div:nth-child(2) { width: 80%; margin: auto; } /* line 15, .tmp/app/themes/WNCN/TwitchToTV/styles.scss */ .WNCN.TwitchToTV .twitch-to-tv .name, .WNCN.TwitchToTV .twitch-to-tv .screen-name, .WNCN.TwitchToTV .twitch-to-tv .message, .WNCN [twitch-to-tv] .twitch-to-tv .name, .WNCN [twitch-to-tv] .twitch-to-tv .screen-name, .WNCN [twitch-to-tv] .twitch-to-tv .message { margin: 0; position: relative; } /* line 22, .tmp/app/themes/WNCN/TwitchToTV/styles.scss */ .WNCN.TwitchToTV .twitch-to-tv .name, .WNCN [twitch-to-tv] .twitch-to-tv .name { background-color: #000; color: #fff; font-size: 18px; padding: 5px 50px; margin-top: 50px; } /* line 30, .tmp/app/themes/WNCN/TwitchToTV/styles.scss */ .WNCN.TwitchToTV .twitch-to-tv .message, .WNCN [twitch-to-tv] .twitch-to-tv .message { background: linear-gradient(to bottom, #e0e0e0 0%, white 50%, #e0e0e0 51%, white 100%); color: #1d2e58; font-size: 16px; padding: 15px 20px 20px 20px; min-height: 70px; } /* line 37, .tmp/app/themes/WNCN/TwitchToTV/styles.scss */ .WNCN.TwitchToTV .twitch-to-tv .message a, .WNCN [twitch-to-tv] .twitch-to-tv .message a { color: #1d2e58; } /* line 42, .tmp/app/themes/WNCN/TwitchToTV/styles.scss */ .WNCN.TwitchToTV .twitch-to-tv .logo, .WNCN [twitch-to-tv] .twitch-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 51, .tmp/app/themes/WNCN/TwitchToTV/styles.scss */ .WNCN.TwitchToTV .twitch-to-tv twttr-follow-button, .WNCN [twitch-to-tv] .twitch-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 6, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN.ViewersChoice .show-megachatter .viewers-choice, .WNCN [viewers-choice] .show-megachatter .viewers-choice { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN.ViewersChoice .show-megachatter .viewers-choice .question, .WNCN.ViewersChoice .show-megachatter .viewers-choice .status-bar-container, .WNCN [viewers-choice] .show-megachatter .viewers-choice .question, .WNCN [viewers-choice] .show-megachatter .viewers-choice .status-bar-container { width: 100%; } /* line 17, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .image-container { margin: 16px 0 10px 10px; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 23, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 27, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 31, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .answers .answer .active-content, .WNCN .medium-width .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 35, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .answers .answer:first-child, .WNCN .medium-width .viewers-choice .answers .answer:nth-child(4), .WNCN .medium-width .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .viewers-choice .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .medium-width .viewers-choice .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 39, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 42, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 36px; padding: 8px 0; } /* line 49, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .answers .answer .answer-text { font-size: 21px; min-height: 45px; } /* line 53, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .medium-width .viewers-choice .answers .answer .popular-icon, .WNCN .medium-width .viewers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 68, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .image-container, .WNCN .tiny-width .viewers-choice .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 73, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .status-bar-container, .WNCN .tiny-width .viewers-choice .status-bar-container { margin-bottom: 10px; } /* line 76, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers, .WNCN .tiny-width .viewers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 80, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers .answer, .WNCN .tiny-width .viewers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 83, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers .answer .answer-text, .WNCN .tiny-width .viewers-choice .answers .answer .answer-text { min-height: 53px; margin-bottom: 0; } /* line 87, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers .answer:last-child, .WNCN .tiny-width .viewers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 90, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers .answer .active-content, .WNCN .tiny-width .viewers-choice .answers .answer .active-content { width: 100%; } /* line 92, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers .answer .active-content .percent-text, .WNCN .tiny-width .viewers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 97, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers .answer .active-content .answer-container, .WNCN .tiny-width .viewers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .viewers-choice .answers .answer .percent-container, .WNCN .tiny-width .viewers-choice .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WNCN .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 18px; padding-top: 0; text-align: center; width: 54px; right: 0; } /* line 20, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .viewers-choice .answers .answer .percent-container .progress-container, .WNCN .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 0; } /* line 32, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .viewers-choice .answers .answer .progress, .WNCN .tiny-width .viewers-choice .answers .answer .progress { line-height: 20px; height: 20px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WNCN/_mixins.scss */ .WNCN .small-width .viewers-choice .answers .answer .progress-bar, .WNCN .tiny-width .viewers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 1px; margin: 0 1px; } /* line 103, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers .answer .percent-container, .WNCN .tiny-width .viewers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 107, .tmp/app/themes/WNCN/ViewersChoice/styles.scss */ .WNCN .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WNCN .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { line-height: 1.1; background: #001bff; } /* line 9, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN.MegaChatter .view-container.show-megachatter.tile-medium .scene-wrapper [megachatter], .WNCN.MegaChatter .view-container.show-megachatter.tile-small .scene-wrapper [megachatter] { width: 100%; min-width: auto; max-width: none; } /* line 20, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container { background: #fff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 25, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container.featured { background: #fff; } /* line 29, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 33, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 38, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 40, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container .content-wrapper .message-name { font-size: 18px; color: #000; padding: 0; margin: 0; } /* line 46, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container .content-wrapper .message-text { font-size: 14px; color: #000; padding: 0; } /* line 51, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 54, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 59, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 64, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 73, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-list { max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 79, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 84, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-input-container { background: #e9e9e9; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 89, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 94, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 98, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; font-size: 16px; background: #000; } /* line 106, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-input-container .message-container textarea.editing-text { height: 80px; } /* line 110, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 117, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .message-input-container button { margin: 0 5px 5px 5px; padding: 10px 15px; background: #000; } /* line 126, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN message-list.stacked .message-list, .WNCN message-list.veil .message-list { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 132, .tmp/app/themes/WNCN/Megachatter/styles.scss */ .WNCN .megachatter-title { background: #fff; color: #000; padding: 10px 0; margin: 0; text-align: center; border-bottom: 1px solid black; } /* line 2, .tmp/app/themes/WNCN/PredictionCTA/styles.scss */ .WNCN.PredictionCTA h1, .WNCN [prediction-cta] h1 { font-size: 24px; height: auto; color: #000; font-weight: 700; margin: 0 auto; padding: 10px 10px 0 10px; } /* line 10, .tmp/app/themes/WNCN/PredictionCTA/styles.scss */ .WNCN.PredictionCTA p, .WNCN [prediction-cta] p { text-align: center; color: #000; margin: auto; padding: 20px 0 5px 0; font-size: 16px; } /* line 17, .tmp/app/themes/WNCN/PredictionCTA/styles.scss */ .WNCN.PredictionCTA button, .WNCN [prediction-cta] button { margin: 0 auto 30px auto; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; } /* line 22, .tmp/app/themes/WNCN/PredictionCTA/styles.scss */ .WNCN.PredictionCTA button .material-icons, .WNCN [prediction-cta] button .material-icons { font-size: 18px; } /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Main Styles ====================================*/ /* line 7, .tmp/app/themes/WCMH2021/base.scss */ html, body { height: 100%; } /* line 11, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 { background-color: #fff; background-image: none; background-position: center center; color: #a9a9a9; font-family: "Lato-Heavy", sans-serif; text-shadow: none; /*==================================== h1 - Large Messages; i.e. Bulletin ====================================*/ /*==================================== h2 - Question Text represented in all product scenes as an
tag ====================================*/ /*==================================== h3 - ====================================*/ /*==================================== h4 - ====================================*/ /*==================================== .app-container - main container for the entire application; includes header and footer ====================================*/ /*==================================== .view-container - container for views, scenes and products ====================================*/ /*==================================== header/footer ====================================*/ /*==================================== p - most common text should be a====================================*/ /*==================================== a - all links, including twitter/megachatter ====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:50:30 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in-top * ---------------------------------------- */ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:51:3 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-out-bottom * ---------------------------------------- */ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 19, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .main-content-container { height: 100%; } /* line 23, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 h1, .WCMH2021 h2, .WCMH2021 h3, .WCMH2021 h4 { text-align: center; } /* line 30, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #fff; font-size: 23px; line-height: 1.4; padding: 10px; } /* line 45, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .question { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); } /* line 47, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .question h2 { color: #fff; font-weight: 700; } /* line 53, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 h2 { color: #fff; font-size: 25px; font-weight: 400; overflow: hidden; vertical-align: middle; padding: 12px 20px; margin: 0; } /* line 66, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 h3 { font-size: 23px; color: #fff; padding: 0 20px; } /* line 71, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 h3 .locInserted { color: #555555; } /* line 79, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 h4 { font-size: 20px; color: #fff; } /* line 89, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .app-container { margin: 0 auto; background-color: #2364a8; background-repeat: no-repeat; min-height: 100%; overflow: hidden; } /* line 95, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .app-container .winner-feedback-button { margin: 5px auto; z-index: 100; display: -ms-grid; display: grid; -ms-grid-columns: 20px auto; grid-template-columns: 20px auto; grid-gap: 5px; } /* line 104, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .app-container .winner-feedback-button .winner-icon { height: 100%; width: 100%; background: url("../themes/WCMH2021/images/trophy-solid.png"); background-repeat: no-repeat; background-position: center; background-size: contain; animation: jello-horizontal 0.9s both; } /* line 121, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .view-container { position: relative; } /* line 128, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 footer, .WCMH2021 header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 135, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 header { width: 100%; } /* line 139, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 header .column { vertical-align: middle; } /* line 146, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 p { padding: 0 30px; } /* line 153, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 a { color: #555555; } /* line 161, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021.trivia .user-label { display: block; text-align: center; } /* line 167, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .user-label { color: #fff; display: none; font-size: 16px; margin: 0 auto; padding: 5px 30px; width: 100%; } /* line 176, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .media > .pull-left { margin-right: 20px; } /* line 183, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .share-score-button { background: url("../themes/WCMH2021/images/twitter-icon.png"), linear-gradient(to bottom, #f5f3f3 0%, #cbcbcb 100%); background-size: auto 16px, 100%; background-position: right 6px center, center; background-repeat: no-repeat; margin: 10px auto; width: max-content; max-width: 220px; border: none; border-radius: 1px; position: relative; } /* line 194, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .share-score-button h2 { font-size: 13px; color: #000000; text-align: left; padding: 4px 10px; min-height: 33px; margin-right: 33px; text-transform: capitalize; border: none; background-color: transparent; border-right: 1px solid #000000; height: 100%; } /* line 210, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 214, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 224, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; font-weight: normal; margin: 0; padding: 0; } /* line 233, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } /* line 241, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .product-container { min-width: 320px; } @media screen and (min-width: 666px) { /* line 249, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .app-container { width: 100%; background-image: url("../themes/WCMH2021/images/background-medium.jpg"); background-repeat: no-repeat; background-size: cover; background-position: bottom right; } /* line 256, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .view-container { min-height: 320px; width: 100%; } } /* line 263, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .medium-width .question { margin: 0 auto; } /* line 266, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .medium-width .question h2 { font-size: 36px; } /* line 271, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .medium-width h1 { font-size: 33px; } @media screen and (max-width: 666px) { /* line 280, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .app-container { width: 100%; background-image: url("../themes/WCMH2021/images/background-small.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top left; } /* line 287, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .view-container { min-height: 280px; width: 100%; } } /* line 293, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .small-width .question, .WCMH2021 .tiny-width .question { width: 100%; } /* line 294, .tmp/app/themes/WCMH2021/base.scss */ .WCMH2021 .small-width .question h2, .WCMH2021 .tiny-width .question h2 { font-size: 20px; padding: 5px; } /* line 4, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 input, .WCMH2021 textarea, .WCMH2021 .date-picker > select { background-color: #fff; border: 1px solid #333; border-right-color: #666; border-bottom-color: #666; padding: 5px 10px; font-size: 16px; color: #000000; } /* line 15, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 input:focus, .WCMH2021 textarea:focus, .WCMH2021 .date-picker > select:focus { background-color: #ebebeb; border-color: #666; border-right-color: #999; border-bottom-color: #999; } /* line 24, .tmp/app/themes/WCMH2021/_forms.scss */ .touched .WCMH2021 input.ng-invalid, .attempted .WCMH2021 input.ng-invalid, .touched .WCMH2021 textarea.ng-invalid, .attempted .WCMH2021 textarea.ng-invalid, .touched .WCMH2021 .date-picker > select.ng-invalid, .attempted .WCMH2021 .date-picker > select.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 33, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #919191; } /* line 37, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 ::-moz-placeholder { /* Firefox 19+ */ color: #919191; } /* line 41, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 :-ms-input-placeholder { /* IE 10+ */ color: #919191; } /* line 45, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 :-moz-placeholder { /* Firefox 18- */ color: #919191; } /* line 49, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 button { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #07386a; border: none; cursor: pointer; text-transform: uppercase; padding: 8px 30px; margin: 5px auto; letter-spacing: 2px; } /* line 58, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 button.small-button { margin: 10px 0; padding: 5px 20px; } /* line 65, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 .date-picker select { padding: 5px; margin: 5px; } /* line 70, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 .date-picker input { visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* line 79, .tmp/app/themes/WCMH2021/_forms.scss */ .WCMH2021 .errorText { color: #a9a9a9; } /* line 7, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answers { list-style: none; margin: 0 auto; } /* line 11, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answers:after { content: ""; clear: both; } /* line 17, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); box-shadow: inset -2px -2px rgba(0, 0, 0, 0.35); transition: all ease-in-out 0.5s; transform: translateZ(0); } /* line 28, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer.pulse { animation: pulse 0.5s ease backwards; } /* line 32, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 10, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .multi-choice .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .multi-choice .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 100px; } /* line 18, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .multi-choice .answer .percent-container .progress-container { padding-top: 5px; } /* line 40, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer.selected .your-vote-indicator { display: block !important; opacity: 1 !important; } /* line 44, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer.selected .answer-text { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #07386a; } /* line 51, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer.popular .popular-icon { opacity: 1; } /* line 57, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer .popular-icon { opacity: 0; position: absolute; z-index: -1; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); background-image: url("../themes/WCMH2021/images/indicators/popular-answer-icon.png"), linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); background-position: center; background-repeat: no-repeat; transition: top ease-in-out 0.3s, bottom ease-in-out 0.3s, opacity ease-in-out 0.3s; } /* line 69, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer .your-vote-indicator { display: none; opacity: 0; position: absolute; transition: opacity ease-in-out 0.5s; z-index: 102; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #07386a; text-align: center; } /* line 81, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 86, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer .answer-text { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); color: #fff; font-size: 17px; line-height: 1.1em; padding: 5px 10px; text-align: center; box-shadow: inset 2px 2px rgba(255, 255, 255, 0.15), inset -1px -1px rgba(0, 0, 0, 0.35); transition: all ease-in-out 0.5s; } /* line 97, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice .answer .percent-text { color: #07386a; transition: all ease-in-out 0.5s; } /* line 104, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice.inactive .answer { cursor: default; } /* line 115, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice.trivia.answered.guessed .answers .answer.correct:not(.selected) { transition-delay: 4s; } /* line 126, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice.trivia.answered .answers .answer .popular-icon { display: block; opacity: 1; background-image: url("../themes/WCMH2021/images/indicators/incorrect-answer-icon.png"), linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 135, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice.trivia.answered .answers .answer.incorrect { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 139, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice.trivia.answered .answers .answer.correct { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 142, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice.trivia.answered .answers .answer.correct .popular-icon { background-image: url("../themes/WCMH2021/images/indicators/correct-answer-icon.png"), linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 156, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice.survey.answered .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 159, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .multi-choice.survey.answered .answer.popular { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 169, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.with-votes .vote-container { display: -ms-flexbox; display: flex; } /* line 174, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .vote-container { display: none; } /* line 181, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-scene-results .answered .percent-container { display: none; } /* line 185, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-scene-results .answered .answer-text { height: 100%; } /* line 189, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-scene-results .answered .popular-icon { display: none; } /* line 196, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-scene-results .medium-width .answered.pic-pick .image-container { position: absolute; top: 1px; } /* line 201, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 204, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text.no-image { padding-left: 10px; } /* line 216, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-during-scene .multi-choice:not(.answered) .percent-container { display: none; } /* line 220, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-during-scene .multi-choice:not(.answered) .answer-text { height: 100%; } /* line 224, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-during-scene .multi-choice:not(.answered) .popular-icon { display: none; } /* line 231, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .image-container { position: absolute; top: 1px; } /* line 236, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 239, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text.no-image { padding-left: 10px; } /* line 251, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .small-width .multi-choice .popular-icon, .WCMH2021 .tiny-width .multi-choice .popular-icon { width: 68px; height: 17px; left: 0; top: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 260, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .small-width .multi-choice .your-vote-indicator, .WCMH2021 .tiny-width .multi-choice .your-vote-indicator { width: calc(100% - 69px); height: 17px; right: 0; top: -18px; overflow: visible; line-height: 1.2; font-size: 15px; } /* line 270, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .small-width .multi-choice .answers, .WCMH2021 .tiny-width .multi-choice .answers { padding: 0 0 0 12px; } /* line 276, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .small-width .multi-choice .answer.popular .popular-icon, .WCMH2021 .tiny-width .multi-choice .answer.popular .popular-icon { top: -18px; } /* line 287, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .small-width .multi-choice.trivia.answered .answers .answer .popular-icon, .WCMH2021 .tiny-width .multi-choice.trivia.answered .answers .answer .popular-icon { top: -18px; } /* line 305, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .medium-width .multi-choice .popular-icon { width: 100%; height: 17px; left: 0; bottom: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 314, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .medium-width .multi-choice .your-vote-indicator { width: 100%; height: 17px; line-height: 1.3; left: 0; top: -18px; overflow: visible; } /* line 323, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .medium-width .multi-choice .answers { padding: 0 0 12px 0; } /* line 329, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .medium-width .multi-choice .answer.popular .popular-icon { opacity: 1; bottom: -18px; } /* line 340, .tmp/app/themes/WCMH2021/_multi-choice-base.scss */ .WCMH2021 .medium-width .multi-choice.trivia.answered .answers .answer .popular-icon { bottom: -18px; } /* line 7, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal-backdrop.in { opacity: 0.1; } /* line 21, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.megaphone-default-modal .modal-dialog, .WCMH2021 .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 26, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 34, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; } /* line 40, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 48, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal { background: rgba(0, 0, 0, 0.3); opacity: 0.96; position: fixed !important; } /* line 52, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .toggle-score-and-feedback { display: none; } /* line 56, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog { display: block; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; } /* line 62, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 70, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 75, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #fff; border: 3px solid #2364a8; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; } /* line 94, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 97, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; padding: 5px; min-width: 130px; } /* line 106, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 111, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 5px; margin: 0; } /* line 116, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 124, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content iframe { border: none; width: 100%; height: calc(100% - 6px); } @supports (-webkit-overflow-scrolling: touch) { /* line 124, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .feedback-modal .modal-dialog .modal-content iframe { height: 100%; } } /* line 138, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 145, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .leaderboard-modal { z-index: 5050 !important; } /* line 147, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .leaderboard-modal .modal-body { background: #2364a8; } /* line 155, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.offer-modal.WCMH2021 .modal-dialog { margin: 5px auto; width: calc(100% - 10px); } /* line 159, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.offer-modal.WCMH2021 .modal-body { height: unset; padding: 5px; } /* line 163, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.offer-modal.WCMH2021 .offer-background-image { background-size: contain; background-repeat: no-repeat; } /* line 167, .tmp/app/themes/WCMH2021/_modal.scss */ .WCMH2021 .modal.offer-modal.WCMH2021 .offer-foreground-image { max-height: 400px; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .app-container .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .app-container .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 31, .tmp/app/themes/WCMH2021/_survey-bars.scss */ .WCMH2021 .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border: none; border-radius: 0; } /* line 40, .tmp/app/themes/WCMH2021/_survey-bars.scss */ .WCMH2021 .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background: #07386a; position: absolute; width: 0; } /* line 46, .tmp/app/themes/WCMH2021/_survey-bars.scss */ .WCMH2021 .app-container .slider-track-fg, .WCMH2021 .app-container .trivia .correct .progress-bar, .WCMH2021 .app-container .survey .popular .progress-bar { background: #2364a8; } /* line 51, .tmp/app/themes/WCMH2021/_survey-bars.scss */ .WCMH2021 .app-container .trivia .correct .progress, .WCMH2021 .app-container .survey .popular .progress { border-color: #07386a; } /* line 55, .tmp/app/themes/WCMH2021/_survey-bars.scss */ .WCMH2021 .app-container .slider-track, .WCMH2021 .app-container .progress { background-color: #fff; } /* line 59, .tmp/app/themes/WCMH2021/_survey-bars.scss */ .WCMH2021 .app-container .slider-track { border: none; } /* line 4, .tmp/app/themes/WCMH2021/_status-bars.scss */ .WCMH2021 .status-bar-container { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); height: 24px; transition: background 0.5s ease; margin-bottom: 30px; overflow: hidden; position: relative; } /* line 14, .tmp/app/themes/WCMH2021/_status-bars.scss */ .WCMH2021 .status-bar-container h2 { background: none; color: #07386a; margin: 0; padding: 2px; font-size: 17px; height: auto; min-height: 0; } /* line 23, .tmp/app/themes/WCMH2021/_status-bars.scss */ .WCMH2021 .status-bar-container .status-item { position: absolute; top: 0; left: 0; right: 0; margin: auto; } /* line 29, .tmp/app/themes/WCMH2021/_status-bars.scss */ .WCMH2021 .status-bar-container .status-item.ng-leave { animation: fade-out-bottom-status 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* line 33, .tmp/app/themes/WCMH2021/_status-bars.scss */ .WCMH2021 .status-bar-container .status-item.ng-enter { animation: fade-in-top-status 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } @keyframes fade-in-top-status { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-out-bottom-status { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } /* line 5, .tmp/app/themes/WCMH2021/_share-your-vote.scss */ .WCMH2021 share-your-vote .share-vote { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /* line 9, .tmp/app/themes/WCMH2021/_share-your-vote.scss */ .WCMH2021 share-your-vote .share-vote .twitter-share { -ms-flex-pack: end; justify-content: flex-end; background: #38a8e0; margin-right: 10px; } /* line 14, .tmp/app/themes/WCMH2021/_share-your-vote.scss */ .WCMH2021 share-your-vote .share-vote .facebook-share { -ms-flex-pack: start; justify-content: flex-start; background: #3e528e; margin-left: 10px; } /* line 20, .tmp/app/themes/WCMH2021/_share-your-vote.scss */ .WCMH2021 share-your-vote a { color: white; border-radius: 3px; max-width: 90px; } /* line 24, .tmp/app/themes/WCMH2021/_share-your-vote.scss */ .WCMH2021 share-your-vote a img { max-height: 18px; max-width: 18px; margin: 0 10px; } /* line 5, .tmp/app/themes/WCMH2021/_score_summary.scss */ .WCMH2021 score-summary p { font-size: 16px; color: #fff; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: bold; } /* line 14, .tmp/app/themes/WCMH2021/_score_summary.scss */ .WCMH2021 score-summary p span.locInserted { font-weight: bold; } /* line 17, .tmp/app/themes/WCMH2021/_score_summary.scss */ .WCMH2021 score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/WCMH2021/_score_summary.scss */ .WCMH2021 .score-summary-container { background: linear-gradient(to right, #0b5dcf 0%, #092863 100%); } /* line 4, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021.inactive .view-container .message-list, .WCMH2021.connecting .view-container .message-list { min-height: 200px; } /* line 11, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021.post_game .view-container button, .WCMH2021.final_result .view-container button { margin: 10px 0; } /* line 14, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021.post_game .view-container .megachatter-container, .WCMH2021.final_result .view-container .megachatter-container { margin: auto !important; max-width: 1000px !important; width: 100% !important; } /* line 18, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021.post_game .view-container .megachatter-container .message-list, .WCMH2021.final_result .view-container .megachatter-container .message-list { min-height: 300px !important; } /* line 22, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021.post_game .view-container [feedback], .WCMH2021.final_result .view-container [feedback] { display: none !important; } /* line 33, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.megachatter-top { position: relative; } /* line 36, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.megachatter-top.tile-small .megachatter-container, .WCMH2021 .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0 0 10px 0; } /* line 43, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.megachatter-bottom { position: relative; } /* line 46, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.megachatter-bottom.ticker-small .megachatter-container, .WCMH2021 .view-container.megachatter-bottom.ticker-medium .megachatter-container, .WCMH2021 .view-container.megachatter-bottom.carousel-small .megachatter-container, .WCMH2021 .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 51, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.megachatter-bottom.tile-small .megachatter-container, .WCMH2021 .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 10px 0 0 0; } /* line 58, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small, .WCMH2021 .view-container.show-megachatter.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 63, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .megachatter-container, .WCMH2021 .view-container.show-megachatter.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 66, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WCMH2021 .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 250px; max-height: 100%; background: #fff; } /* line 71, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMH2021 .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 666px) { /* line 58, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small, .WCMH2021 .view-container.show-megachatter.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 83, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .product-container, .WCMH2021 .view-container.show-megachatter.tile-small .user-label, .WCMH2021 .view-container.show-megachatter.tile-small .scene-wrapper, .WCMH2021 .view-container.show-megachatter.tile-medium .product-container, .WCMH2021 .view-container.show-megachatter.tile-medium .user-label, .WCMH2021 .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 320px; margin: 0; } /* line 87, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .scene-wrapper, .WCMH2021 .view-container.show-megachatter.tile-medium .scene-wrapper { overflow: hidden; } /* line 90, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .megachatter-container, .WCMH2021 .view-container.show-megachatter.tile-medium .megachatter-container { padding-top: 0 !important; width: auto; border: 1px solid #fff; margin-left: 10px; } /* line 96, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WCMH2021 .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 200px !important; } } @media screen and (min-width: 1110px) { /* line 103, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .product-container, .WCMH2021 .view-container.show-megachatter.tile-small .user-label, .WCMH2021 .view-container.show-megachatter.tile-small .scene-wrapper, .WCMH2021 .view-container.show-megachatter.tile-medium .product-container, .WCMH2021 .view-container.show-megachatter.tile-medium .user-label, .WCMH2021 .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 666px; } /* line 106, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .megachatter-container, .WCMH2021 .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; } } @media screen and (max-width: 666px) { /* line 111, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.show-megachatter.tile-small .megachatter-container, .WCMH2021 .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; width: 100%; min-width: 320px; margin: auto; border-bottom: 1px solid #fff; } } /* line 122, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small, .WCMH2021 .view-container.ticker-medium { overflow: hidden; } /* line 124, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small .megachatter-container, .WCMH2021 .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #fff; height: 100px; } /* line 128, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small .megachatter-container message-list, .WCMH2021 .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 143, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small .megachatter-container message-list .message-list, .WCMH2021 .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 148, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small .megachatter-container message-list .message-list message-item, .WCMH2021 .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 154, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMH2021 .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 158, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .WCMH2021 .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 164, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WCMH2021 .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 172, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.ticker-small .megachatter-container message-input, .WCMH2021 .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 180, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.carousel-small .megachatter-container, .WCMH2021 .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 183, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.carousel-small .megachatter-container message-list, .WCMH2021 .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 186, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.carousel-small .megachatter-container message-list .message-list, .WCMH2021 .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #fff; border-bottom: 1px solid #fff; position: relative; } /* line 192, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.carousel-small .megachatter-container message-list .message-list message-item, .WCMH2021 .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #fff; overflow: hidden; } /* line 205, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .WCMH2021 .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 212, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .WCMH2021 .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 217, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WCMH2021 .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 225, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container.carousel-small .megachatter-container message-input, .WCMH2021 .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 232, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer { z-index: 5; } /* line 237, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 246, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 253, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 259, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer .drawer-container { position: relative; } /* line 262, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 266, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #fff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #a9a9a9; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 274, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #07386a; } /* line 279, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021 .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 303, .tmp/app/themes/WCMH2021/_megachatter-presentations.scss */ .WCMH2021.stacked .main-content-container.megachatter-hidden megachatter-presentations, .WCMH2021.veil .main-content-container.megachatter-hidden megachatter-presentations { display: none; } /* line 2, .tmp/app/themes/WCMH2021/gdpr-banner.scss */ .WCMH2021 gdpr-banner .banner-container { background: #313131; padding: 9px; } /* line 5, .tmp/app/themes/WCMH2021/gdpr-banner.scss */ .WCMH2021 gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 12px; text-align: center; } /* line 11, .tmp/app/themes/WCMH2021/gdpr-banner.scss */ .WCMH2021 gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 16, .tmp/app/themes/WCMH2021/gdpr-banner.scss */ .WCMH2021 gdpr-banner .banner-container img { width: 20px; height: 20px; margin: 0 0 0 25px; cursor: pointer; } /* line 24, .tmp/app/themes/WCMH2021/gdpr-banner.scss */ .WCMH2021 gdpr-banner .ng-enter, .WCMH2021 gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 27, .tmp/app/themes/WCMH2021/gdpr-banner.scss */ .WCMH2021 gdpr-banner .ng-enter, .WCMH2021 gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 32, .tmp/app/themes/WCMH2021/gdpr-banner.scss */ .WCMH2021 gdpr-banner .ng-leave, .WCMH2021 gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 points-countdown { display: none; } /* line 11, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .trivia points-countdown { display: block; } /* line 14, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .trivia .points-and-countdown-container { margin: 0; } /* line 18, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .trivia .status-bar-container { margin-bottom: 0 !important; position: relative; z-index: 1; } /* line 26, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .trivia .current-question-status-container { margin-bottom: 25px; } /* line 31, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .current-question-status-container { position: relative; display: block; width: 100%; } /* line 37, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .points-and-countdown-container { border-radius: 0; position: absolute; width: 100%; z-index: 2; top: 0; left: 0; height: 0; pointer-events: none; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); color: #07386a; } /* line 49, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .points-and-countdown-container .points, .WCMH2021 .points-and-countdown-container .countdown { color: #fff; text-align: center; top: -4px; position: absolute; z-index: 3; height: 30px; width: 60px; background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); } /* line 59, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .points-and-countdown-container .points { left: 0; font-size: 14px; } /* line 64, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .points-and-countdown-container .countdown { right: 0; font-size: 18px; } /* line 70, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points { position: absolute; color: #07386a; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); padding: 0; width: 95px; height: 95px; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 93, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 98, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutUp 0.5s ease-out 1.5s both; } /* line 103, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePoints 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 110, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 118, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points .x-container .top-left-to-bottom-right, .WCMH2021 #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 131, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 136, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 142, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 147, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 151, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 154, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 159, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 166, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 173, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #total-points { width: 100%; padding: 5px; color: #07386a; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; font-size: 18px; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 191, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #total-points:not(.no-points).total-value-is-animating { font-size: 26px; } /* line 195, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 #total-points:not(.no-points).total-value-is-displayed { font-size: 18px; } @keyframes animateTotalPointsStreaming { from { height: 0; opacity: 0; transform: translate3d(0, -100%, 0); } to { height: 30px; opacity: 1; transform: translate3d(0, 0, 0); } } /* line 215, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .small-width points-countdown, .WCMH2021 .tiny-width points-countdown { position: relative; top: 10px; } /* line 220, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .small-width .trivia .current-question-status-container, .WCMH2021 .tiny-width .trivia .current-question-status-container { Margin: 0 auto 60px auto; } /* line 224, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .small-width #total-points, .WCMH2021 .tiny-width #total-points { top: -10px; } /* line 228, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .small-width .points-and-countdown-container .points, .WCMH2021 .tiny-width .points-and-countdown-container .points { left: 0; } /* line 232, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021 .small-width .points-and-countdown-container .countdown, .WCMH2021 .tiny-width .points-and-countdown-container .countdown { right: 0; } /* line 240, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021.hide-points-during-scene .points { display: none; } /* line 243, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021.hide-points-during-scene .confetti { display: none; } /* line 246, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021.hide-points-during-scene #round-points { display: none; } /* line 249, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021.hide-points-during-scene #total-points { display: none; } /* line 255, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021.hide-countdown-during-scene .countdown { display: none; } /* line 261, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021.hide-countdown-scene-results.round_end .countdown { display: none; } /* line 270, .tmp/app/themes/WCMH2021/_points-and-countdown.scss */ .WCMH2021.hide-points-during-scene.hide-countdown-during-scene .small-width .trivia .current-question-status-container, .WCMH2021.hide-points-during-scene.hide-countdown-during-scene .tiny-width .trivia .current-question-status-container, .WCMH2021.hide-points-during-scene.hide-countdown-scene-results.round_end .small-width .trivia .current-question-status-container, .WCMH2021.hide-points-during-scene.hide-countdown-scene-results.round_end .tiny-width .trivia .current-question-status-container { Margin: 0 auto 50px auto; } /* line 2, .tmp/app/themes/WCMH2021/_veil.scss */ .WCMH2021.veil { background: transparent; } /* line 4, .tmp/app/themes/WCMH2021/_veil.scss */ .WCMH2021.veil .main-content-container { position: absolute; bottom: 10px; right: 0; left: 0; height: 40%; width: 90%; margin: auto; border-radius: 5px; opacity: 0.9; overflow: auto; border: 1px solid #808080; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); transform: translate3d(0, 0, 0); } /* line 20, .tmp/app/themes/WCMH2021/_veil.scss */ .WCMH2021.veil .modal-backdrop { display: none; } /* line 25, .tmp/app/themes/WCMH2021/_veil.scss */ .WCMH2021.veil .offer-modal, .WCMH2021.veil .feedback-modal { position: absolute; bottom: 10px; right: 0; left: 0; top: unset; height: 40%; width: 90%; margin: auto; border-radius: 5px; overflow: auto; box-shadow: none; } /* line 40, .tmp/app/themes/WCMH2021/_veil.scss */ .WCMH2021.veil .feedback-modal { height: 60%; } /* line 42, .tmp/app/themes/WCMH2021/_veil.scss */ .WCMH2021.veil .feedback-modal .modal-dialog { height: 100%; width: 100%; margin: auto; border-radius: 5px; } /* line 4, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container { width: 100%; } /* line 6, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .predictions-navigation-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 5px 0; } /* line 12, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .predictions-navigation-container * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 15, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .predictions-navigation-container.with-scene-counter { -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr max-content 1fr; grid-gap: 5px; } /* line 18, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .predictions-navigation-container.with-scene-counter .scene-counter-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #07386a; color: #fff; padding: 6px; border: 1px solid #fff; border-radius: 5px; } /* line 30, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .predictions-navigation-container p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 35, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .predictions-navigation-container .predictions-navigation { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #07386a; font-size: 14px; padding: 10px; text-align: center; transition: background-color 0.15s linear; cursor: pointer; } /* line 46, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .predictions-navigation-container .predictions-navigation.active { background-color: #0a519a; } /* line 52, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-title-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 55, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; grid-gap: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 61, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard span { font-size: 12px; color: #000; font-weight: normal; } /* line 66, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard svg { width: 10px; } /* line 72, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-title-container h3 { color: #000; margin: 0; padding: 0; text-align: left; font-size: 16px; } /* line 80, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-action-bar { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 12px; text-decoration: underline; padding: 5px 5px 0 5px; cursor: pointer; } /* line 93, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 101, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; z-index: 25; } /* line 109, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 118, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 121, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 126, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 131, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 135, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name, .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 141, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 145, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 153, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .card-container { width: 95%; margin: 10px auto; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 10px; overflow: hidden; transition: opacity 0.15s ease, transform 0.15s ease; max-width: 600px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 167, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .card-container h1 { color: #07386a; } /* line 170, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .card-container .back-button { cursor: pointer; } /* line 172, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .card-container .back-button p { color: #000; } /* line 177, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-title { color: #000; padding: 5px; } /* line 181, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .main-content-container { position: relative; } /* line 184, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .back-button, .WCMH2021 #predictions-container .next-button { display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 192, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .back-button span:hover, .WCMH2021 #predictions-container .back-button svg:hover, .WCMH2021 #predictions-container .next-button span:hover, .WCMH2021 #predictions-container .next-button svg:hover { cursor: pointer; text-decoration: underline; } /* line 197, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .back-button .back-icon, .WCMH2021 #predictions-container .next-button .back-icon { width: 16px; height: 16px; } /* line 201, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .back-button p, .WCMH2021 #predictions-container .next-button p { margin: 0; padding: 0; color: #000; } /* line 207, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .back-button-with-shaft { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 15px; width: 15px; background-size: contain; cursor: pointer; background-color: transparent; padding: 0; border: none; opacity: 1; cursor: pointer; margin: 0 2px 0 0; } /* line 223, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .back-button-with-shaft.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 229, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .next-button { -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 231, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .next-button p { text-align: right; } /* line 234, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .next-button svg { transform: rotateY(180deg); } /* line 239, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .loading-container { height: 200px; width: 200px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; } /* line 249, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; padding: 10px; } /* line 255, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item { max-width: 600px; width: 95%; background-color: #07386a; border-radius: 5px; cursor: pointer; transition: opacity 0.15s ease, transform 0.15s ease; } /* line 262, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item:hover { opacity: 0.9; transform: scale(1.03); } /* line 266, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container, .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { transition: opacity 0.4s ease; } /* line 269, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton { cursor: auto; min-height: 44px; background: linear-gradient(0.25turn, transparent, #ffffff47, transparent), linear-gradient(#07386a, #07386a), radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%), linear-gradient(#eee, #eee); background-repeat: no-repeat; background-size: 600px 250px, 600px 180px, 100px 100px, 225px 30px; background-position: -600px 0, 0 0, 0px 190px, 50px 195px; animation: loading-gradient-shine 1.5s infinite; } /* line 277, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-points-container, .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-content { opacity: 0; overflow: hidden; } /* line 281, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton:hover { opacity: 1; transform: none; } /* line 286, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { color: #fff; padding: 12px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: auto; } /* line 295, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content p { margin: 0; padding: 0; } /* line 299, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content .right-chevron { width: 18px; height: 18px; } /* line 304, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container { border-radius: 0 0 5px 5px; } /* line 305, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container p { margin: 0; color: #fff; font-weight: lighter; text-align: center; padding: 3px; font-size: 12px; } /* line 314, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.correct { background-color: #27ae60; } /* line 317, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.incorrect { background-color: #c0392b; } /* line 320, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.info { background-color: gray; } /* line 328, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container.is-logged-out .logged-out-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; height: 100%; transition-delay: 0.1s; } /* line 335, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container.is-logged-out .logged-out-container h1 { animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; color: #000; font-weight: 600; font-size: 20px; text-align: center; margin: 10px auto; } /* line 343, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container.is-logged-out .logged-out-container button { border-radius: 5px; animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both; } /* line 348, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container.is-logged-out .logged-out-container .splash-screen-container { width: 100%; height: 100%; } /* line 351, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container.is-logged-out .logged-out-container .splash-screen-container img { width: 100%; height: auto; margin: 0 auto; cursor: pointer; } /* line 360, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .user-image { width: 40px; height: 40px; background: #07386a; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 375, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 384, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #predictions-container .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 399, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper h3 { color: #ffffff; background-color: #07386a; margin: 0; padding: 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-bottom: 1px solid #ffffff80; } /* line 407, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .close-panel-button { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 412, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .user-results-list-container { overflow: auto; } /* line 414, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .user-results-list-container .user-result-item { margin: 0 20px; } /* line 416, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .user-results-list-container .user-result-item .date-heading { padding: 2px; font-size: 12px; font-weight: normal; text-align: center; border-bottom: 1px solid; max-width: 620px; margin: 8px auto; } /* line 425, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper { background-color: #07386a; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 10px auto; border-radius: 20px; overflow: hidden; color: #fff; max-width: 600px; } /* line 439, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points:hover { background-repeat: repeat-x; background-position: top -10px center; background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='0' width='4' height='8'/%3E%3Crect x='84' y='0' width='4' height='8'/%3E%3Crect x='126' y='0' width='3' height='9'/%3E%3Crect x='168' y='0' width='3' height='9'/%3E%3Crect x='210' y='0' width='4' height='8'/%3E%3Crect x='252' y='0' width='4' height='9'/%3E%3Crect x='294' y='0' width='4' height='8'/%3E%3Crect x='336' y='0' width='3' height='9'/%3E%3Crect x='378' y='0' width='3' height='9'/%3E%3Crect x='420' y='0' width='4' height='8'/%3E%3Crect x='462' y='0' width='4' height='8'/%3E%3Crect x='504' y='0' width='3' height='9'/%3E%3Crect x='546' y='0' width='4' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 831ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 642ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 676ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 819ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E"); } /* line 446, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points .points-container { background: #27ae60; } /* line 452, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-container { background: #c0392b; padding: 5px; border-radius: 20px; color: #fff; min-width: 68px; text-align: center; font-size: 12px; } /* line 461, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-awarded-text { text-align: center; padding-right: 30px; } /* line 468, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .your-results-wrapper .tag-line { padding: 10px; color: #000; font-weight: normal; text-align: center; } /* line 478, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .close-panel-button { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 22px; width: 22px; position: absolute; top: 8px; left: 8px; background-size: contain; margin: 0; cursor: pointer; background-color: transparent; border-radius: 50%; padding: 0; border: none; opacity: 1; z-index: 40; cursor: pointer; } /* line 499, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .close-panel-button.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; } /* line 507, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .fullscreen-panel { position: fixed; top: 0; left: 0; height: calc(100vh - 24px); width: 100vw; background: #fff; z-index: 30; display: -ms-grid; display: grid; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; } /* line 521, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .rankings-wrapper .scroll-wrapper { overflow: auto; } /* line 524, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .rankings-wrapper .rankings-list-container { overflow: auto; } /* line 530, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 539, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; } /* line 546, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 555, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 558, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 563, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 568, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 572, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item .user-image { width: 40px; height: 40px; background: #07386a; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 587, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 596, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 607, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item .user-name, .WCMH2021 .prediction-rankings-container .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 613, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 617, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 626, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container.expanded-leaderboard-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; border-top: 1px solid gray; overflow: auto; } /* line 630, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item { -ms-grid-columns: max-content 50px 1fr max-content; grid-template-columns: max-content 50px 1fr max-content; grid-gap: 10px; border-bottom: 1px solid gray; padding: 5px 15px; border-radius: 0; } /* line 636, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .user-name { text-align: left; font-weight: 600; } /* line 640, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .rank-number { margin: 0; color: #000; padding: 3px 7px; border-radius: 5px; font-size: 12px; border: 1px solid #000; min-width: 33px; text-align: center; } /* line 657, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #prediction-scene-container.animate-fade-in { transition-delay: 0.15s; } /* line 660, .tmp/app/themes/WCMH2021/_predictions.scss */ .WCMH2021 #prediction-scene-container.animate-fade-in .megachatter-container .message-list { height: 260px !important; } /* line 5, .tmp/app/themes/WCMH2021/AppInstall/styles.scss */ .WCMH2021.AppInstall header, .WCMH2021 [app-install] header { display: none; } /* line 8, .tmp/app/themes/WCMH2021/AppInstall/styles.scss */ .WCMH2021.AppInstall .app-install, .WCMH2021 [app-install] .app-install { width: 100%; min-height: 460px; text-align: center; vertical-align: middle; } /* line 11, .tmp/app/themes/WCMH2021/AppInstall/styles.scss */ .WCMH2021.AppInstall .app-install .column, .WCMH2021 [app-install] .app-install .column { width: 50%; } /* line 14, .tmp/app/themes/WCMH2021/AppInstall/styles.scss */ .WCMH2021.AppInstall .app-install .app-install-button, .WCMH2021 [app-install] .app-install .app-install-button { max-height: 80px; max-width: 160px; } /* line 19, .tmp/app/themes/WCMH2021/AppInstall/styles.scss */ .WCMH2021.AppInstall .app-install a, .WCMH2021 [app-install] .app-install a { text-decoration: underline; color: #07386a; cursor: pointer; } /* line 24, .tmp/app/themes/WCMH2021/AppInstall/styles.scss */ .WCMH2021.AppInstall .app-install h1, .WCMH2021 [app-install] .app-install h1 { margin: 0 auto; padding: 20px; } /* line 30, .tmp/app/themes/WCMH2021/AppInstall/styles.scss */ .WCMH2021.AppInstall .app-install dynamic-image, .WCMH2021 [app-install] .app-install dynamic-image { display: block; margin: auto; width: 72px; height: 72px; } /* line 5, .tmp/app/themes/WCMH2021/Banner/styles.scss */ .WCMH2021.Banner .banner, .WCMH2021 [banner] .banner { text-align: center; vertical-align: middle; margin: auto; } /* line 6, .tmp/app/themes/WCMH2021/Banner/styles.scss */ .WCMH2021.Banner .banner a, .WCMH2021 [banner] .banner a { text-decoration: underline; color: #fff; cursor: pointer; display: block; } /* line 12, .tmp/app/themes/WCMH2021/Banner/styles.scss */ .WCMH2021.Banner .banner h1, .WCMH2021 [banner] .banner h1 { padding: 10px 50px; } /* line 18, .tmp/app/themes/WCMH2021/Banner/styles.scss */ .WCMH2021.Banner .banner dynamic-image, .WCMH2021 [banner] .banner dynamic-image { display: block; margin: auto; } /* line 22, .tmp/app/themes/WCMH2021/Banner/styles.scss */ .WCMH2021.Banner .banner .smallBannerImage, .WCMH2021 [banner] .banner .smallBannerImage { height: 480px; width: 320px; } /* line 26, .tmp/app/themes/WCMH2021/Banner/styles.scss */ .WCMH2021.Banner .banner .mediumBannerImage, .WCMH2021 [banner] .banner .mediumBannerImage { height: 480px; width: 666px; } /* line 8, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked.multiview .app-container .megachatter-container .message-list, .WCMH2021.Blank.veil.multiview .app-container .megachatter-container .message-list, .WCMH2021 [blank].stacked.multiview .app-container .megachatter-container .message-list, .WCMH2021 [blank].veil.multiview .app-container .megachatter-container .message-list { height: calc(100vh - 109px) !important; max-height: 100%; overflow-y: auto; } /* line 16, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked .scene-wrapper, .WCMH2021.Blank.veil .scene-wrapper, .WCMH2021 [blank].stacked .scene-wrapper, .WCMH2021 [blank].veil .scene-wrapper { height: 0 !important; } /* line 19, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked header, .WCMH2021.Blank.veil header, .WCMH2021 [blank].stacked header, .WCMH2021 [blank].veil header { display: none; } /* line 22, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked .view-container, .WCMH2021.Blank.veil .view-container, .WCMH2021 [blank].stacked .view-container, .WCMH2021 [blank].veil .view-container { min-height: unset; } /* line 25, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked .product-container, .WCMH2021.Blank.veil .product-container, .WCMH2021 [blank].stacked .product-container, .WCMH2021 [blank].veil .product-container { opacity: 0; height: 0; } /* line 29, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked .main-content-container, .WCMH2021.Blank.veil .main-content-container, .WCMH2021 [blank].stacked .main-content-container, .WCMH2021 [blank].veil .main-content-container { border: none; box-shadow: none; } /* line 32, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked .main-content-container gdpr-banner, .WCMH2021.Blank.veil .main-content-container gdpr-banner, .WCMH2021 [blank].stacked .main-content-container gdpr-banner, .WCMH2021 [blank].veil .main-content-container gdpr-banner { display: none; } /* line 35, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked .main-content-container facebook-login, .WCMH2021.Blank.veil .main-content-container facebook-login, .WCMH2021 [blank].stacked .main-content-container facebook-login, .WCMH2021 [blank].veil .main-content-container facebook-login { display: none; } /* line 39, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked .app-container, .WCMH2021.Blank.veil .app-container, .WCMH2021 [blank].stacked .app-container, .WCMH2021 [blank].veil .app-container { background: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 44, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked .app-container .megachatter-container .message-list, .WCMH2021.Blank.veil .app-container .megachatter-container .message-list, .WCMH2021 [blank].stacked .app-container .megachatter-container .message-list, .WCMH2021 [blank].veil .app-container .megachatter-container .message-list { max-height: 100%; } /* line 49, .tmp/app/themes/WCMH2021/Blank/styles.scss */ .WCMH2021.Blank.stacked footer, .WCMH2021.Blank.veil footer, .WCMH2021 [blank].stacked footer, .WCMH2021 [blank].veil footer { display: none; } /* line 2, .tmp/app/themes/WCMH2021/Bulletin/styles.scss */ .WCMH2021.Bulletin h1, .WCMH2021 [bulletin] h1 { font-weight: bold; } /* line 5, .tmp/app/themes/WCMH2021/Bulletin/styles.scss */ .WCMH2021.Bulletin h2, .WCMH2021 [bulletin] h2 { background: none; margin: 0; font-size: 22px; min-height: auto; height: auto; } /* line 6, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021.BuyNow .buy-now, .WCMH2021 [buy-now] .buy-now { display: block; } /* line 8, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021.BuyNow .buy-now .question, .WCMH2021 [buy-now] .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021.BuyNow .buy-now .wrapper, .WCMH2021 [buy-now] .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021.BuyNow .buy-now .wrapper img, .WCMH2021 [buy-now] .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021.BuyNow .buy-now .wrapper a:hover, .WCMH2021 [buy-now] .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021.BuyNow .buy-now .wrapper a, .WCMH2021 [buy-now] .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021.BuyNow .buy-now .wrapper a button, .WCMH2021 [buy-now] .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } /* line 32, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021 .medium-width .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 36, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021 .medium-width .buy-now .wrapper img { max-width: 203px; } /* line 40, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021 .medium-width .buy-now .wrapper a button { display: block; background-color: #555555; } /* line 49, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021 .small-width .buy-now, .WCMH2021 .tiny-width .buy-now { margin: 0; } /* line 51, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021 .small-width .buy-now img, .WCMH2021 .tiny-width .buy-now img { max-width: 306px; } /* line 54, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021 .small-width .buy-now a, .WCMH2021 .tiny-width .buy-now a { display: block; } /* line 56, .tmp/app/themes/WCMH2021/BuyNow/styles.scss */ .WCMH2021 .small-width .buy-now a button, .WCMH2021 .tiny-width .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #555555; } /* line 7, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021.ConfigurablePoll .configurable-poll .question .image-container { height: 80px; margin: 10px; width: 80px; } /* line 11, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021.ConfigurablePoll .configurable-poll .question .image-container dynamic-image { display: block; } /* line 21, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers { width: 80%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 24, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 28, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .active-content, .WCMH2021 .medium-width .configurable-poll .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 32, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer:first-child, .WCMH2021 .medium-width .configurable-poll .answers .answer:nth-child(4), .WCMH2021 .medium-width .configurable-poll .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 35, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .image-container { width: 72px; height: 72px; } /* line 39, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .popular-icon, .WCMH2021 .medium-width .configurable-poll .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .progress { line-height: 20px; height: 20px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; } /* line 47, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .percent-container { margin: 0; } /* line 49, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; } /* line 54, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 5px; } /* line 58, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .image-container, .WCMH2021 .medium-width .configurable-poll .answers .answer .percent-container { margin-top: 0; } /* line 62, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .medium-width .configurable-poll .answers .answer .answer-text { font-size: 17px; min-height: 48px; width: 100%; } /* line 69, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .survey .WCMH2021 .medium-width .configurable-poll .answers .answer.popular .percent-text, .trivia .WCMH2021 .medium-width .configurable-poll .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 81, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .small-width .configurable-poll .answers, .WCMH2021 .tiny-width .configurable-poll .answers { padding: 0 10px; width: 80%; min-width: 320px; } /* line 85, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer, .WCMH2021 .tiny-width .configurable-poll .answers .answer { width: 100%; margin-top: 20px; } /* line 88, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer:first-child, .WCMH2021 .tiny-width .configurable-poll .answers .answer:first-child { margin-top: 0; } /* line 91, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .image-container, .WCMH2021 .tiny-width .configurable-poll .answers .answer .image-container { height: 68px; width: 68px; } /* line 95, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .answer-text, .WCMH2021 .tiny-width .configurable-poll .answers .answer .answer-text { font-size: 16px; min-height: 46px; width: 100%; } /* line 100, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .percent-container, .WCMH2021 .tiny-width .configurable-poll .answers .answer .percent-container { width: 100%; margin: 0; } /* line 103, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 107, .tmp/app/themes/WCMH2021/ConfigurablePoll/styles.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { line-height: 1.2; } /* line 10, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .percent-container, .WCMH2021 .tiny-width .configurable-poll .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .progress, .WCMH2021 .tiny-width .configurable-poll .answers .answer .progress { line-height: 15px; height: 15px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .configurable-poll .answers .answer .progress-bar, .WCMH2021 .tiny-width .configurable-poll .answers .answer .progress-bar { height: 11px; line-height: 11px; top: 1px; } /* line 7, .tmp/app/themes/WCMH2021/DidYouKnow/styles.scss */ .WCMH2021.DidYouKnow .dyk-image-cont, .WCMH2021 [did-you-know] .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/WCMH2021/DidYouKnow/styles.scss */ .WCMH2021.DidYouKnow .dyk-image-cont img, .WCMH2021 [did-you-know] .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/WCMH2021/DidYouKnow/styles.scss */ .WCMH2021.DidYouKnow h1, .WCMH2021 [did-you-know] h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } /* line 25, .tmp/app/themes/WCMH2021/DidYouKnow/styles.scss */ .WCMH2021.DidYouKnow .medium-width .dyk-image-cont, .WCMH2021 [did-you-know] .medium-width .dyk-image-cont { width: 640px; } /* line 28, .tmp/app/themes/WCMH2021/DidYouKnow/styles.scss */ .WCMH2021.DidYouKnow .medium-width h1, .WCMH2021 [did-you-know] .medium-width h1 { width: 640px; } /* line 9, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021.Donate .donate form .paypal-btn, .WCMH2021 [donate] .donate form .paypal-btn { background-image: url("../themes/WCMH2021/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021.Donate .donate a, .WCMH2021 [donate] .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021.Donate .donate img, .WCMH2021 [donate] .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021.Donate .donate button, .WCMH2021 [donate] .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021.Donate .donate button.streamtip-btn, .WCMH2021 [donate] .donate button.streamtip-btn { background-image: url("../themes/WCMH2021/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021.Donate .donate button.patreon-btn, .WCMH2021 [donate] .donate button.patreon-btn { background-image: url("../themes/WCMH2021/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021.Donate .donate button.subscribe-btn, .WCMH2021 [donate] .donate button.subscribe-btn { background-image: url("../themes/WCMH2021/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } /* line 56, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021 .medium-width .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } /* line 68, .tmp/app/themes/WCMH2021/Donate/styles.scss */ .WCMH2021 .small-width .donate img.foreground, .WCMH2021 .tiny-width .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } /* line 6, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage header, .WCMH2021 [embedded-webpage] header { display: none; } /* line 10, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage footer, .WCMH2021 [embedded-webpage] footer { display: none; } /* line 14, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage .app-container, .WCMH2021.EmbeddedWebpage .app-height-element, .WCMH2021.EmbeddedWebpage .view-container, .WCMH2021 [embedded-webpage] .app-container, .WCMH2021 [embedded-webpage] .app-height-element, .WCMH2021 [embedded-webpage] .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage .view-container div[embedded-webpage], .WCMH2021 [embedded-webpage] .view-container div[embedded-webpage] { -webkit-overflow-scrolling: touch; overflow: scroll; } @media screen and (max-width: 666px) { /* line 21, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage .view-container div[embedded-webpage], .WCMH2021 [embedded-webpage] .view-container div[embedded-webpage] { height: 480px; } } @media screen and (min-width: 666px) { /* line 21, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage .view-container div[embedded-webpage], .WCMH2021 [embedded-webpage] .view-container div[embedded-webpage] { height: 680px; } } /* line 34, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage iframe, .WCMH2021 [embedded-webpage] iframe { background-color: transparent; border: none; width: 100%; } @media screen and (max-width: 666px) { /* line 34, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage iframe, .WCMH2021 [embedded-webpage] iframe { height: 480px; } } @media screen and (min-width: 666px) { /* line 34, .tmp/app/themes/WCMH2021/EmbeddedWebpage/styles.scss */ .WCMH2021.EmbeddedWebpage iframe, .WCMH2021 [embedded-webpage] iframe { height: 680px; } } /* line 4, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login { background-color: #000; display: block; } /* line 7, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner { margin: 0 auto; padding: 1px 5px; } @media screen and (max-width: 666px) { /* line 7, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner { max-width: 330px; min-width: 320px; } } @media screen and (min-width: 666px) { /* line 7, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner { max-width: 676px; min-width: 666px; } } /* line 20, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .column { vertical-align: middle; } /* line 24, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 28, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner string-rotator { display: -ms-flexbox; display: flex; } /* line 32, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner span { color: #ccc; font-weight: 400; font-size: 10px; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } /* line 41, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .user-info-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; transition: opacity 0.15s linear; } /* line 49, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .user-info-container:hover { opacity: 0.8; } /* line 51, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .user-info-container:hover p { text-decoration: underline; min-width: 80px; } /* line 56, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .user-info-container dynamic-image { height: 22px; width: 22px; border-radius: 50%; background: #fff; background-size: contain; } /* line 63, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .user-info-container p { padding: 0; margin: 0; font-size: 12px; color: #fff; font-weight: normal; min-width: 80px; } /* line 72, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out { position: absolute; top: 30px; border-radius: 5px; margin: 0 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 10; background-color: #fff; overflow: hidden; } /* line 81, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out ul { list-style-type: none; padding: 0; margin: 0; } /* line 85, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out ul li { list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; padding: 5px 10px; transition: background 0.15s linear; background-color: #fff; } /* line 96, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out ul li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.23); } /* line 99, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out ul li:hover { background: #f6f6f6; } /* line 102, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out ul li img { max-height: 24px; max-width: 24px; } /* line 106, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out ul li p, .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out ul li p > span { padding: 0; margin: 0; color: #000; font-weight: normal; font-size: 13px; text-align: left; } /* line 116, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login .facebook-inner .sign-out-pop-out .login-bar-button { padding: 5px; } /* line 121, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 facebook-login button.login-bar-button { border: 0; cursor: pointer; text-transform: uppercase; margin: 1px auto; border-radius: 3px; padding: 2px; font-size: 11px; } /* line 132, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3b55a0', GradientType=0); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 11px; line-height: 0; font-weight: 400; border: 0 solid transparent; border-radius: 2px; text-transform: none; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 153, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 .facebook-button svg { height: 16px; width: 16px; } /* line 158, .tmp/app/themes/WCMH2021/FacebookLogin/styles.scss */ .WCMH2021 .facebook-button .facebook-button-text { padding: 0 6px; } /* line 7, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .show-megachatter .facebook-to-tv .question, .WCMH2021.FacebookToTV .show-megachatter .facebook-to-tv .status-bar-container, .WCMH2021 [facebook-to-tv] .show-megachatter .facebook-to-tv .question, .WCMH2021 [facebook-to-tv] .show-megachatter .facebook-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .facebook-to-tv .image-container, .WCMH2021 [facebook-to-tv] .facebook-to-tv .image-container { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); padding: 8px; } /* line 16, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .facebook-to-tv .image-container.no-image, .WCMH2021 [facebook-to-tv] .facebook-to-tv .image-container.no-image { background: transparent; height: 15px; } /* line 21, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .facebook-to-tv .name, .WCMH2021.FacebookToTV .facebook-to-tv .screen-name, .WCMH2021.FacebookToTV .facebook-to-tv .message, .WCMH2021 [facebook-to-tv] .facebook-to-tv .name, .WCMH2021 [facebook-to-tv] .facebook-to-tv .screen-name, .WCMH2021 [facebook-to-tv] .facebook-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 28, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .facebook-to-tv .name, .WCMH2021 [facebook-to-tv] .facebook-to-tv .name { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); color: #fff; font-size: 18px; margin-top: 9px; padding: 3px 50px; } /* line 35, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .facebook-to-tv .message, .WCMH2021 [facebook-to-tv] .facebook-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #07386a; font-size: 16px; padding: 25px 20px 40px 20px; } /* line 40, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .facebook-to-tv .message a, .WCMH2021 [facebook-to-tv] .facebook-to-tv .message a { color: #2364a8; } /* line 44, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .facebook-to-tv .avatar, .WCMH2021 [facebook-to-tv] .facebook-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 50, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021.FacebookToTV .facebook-to-tv .logo, .WCMH2021 [facebook-to-tv] .facebook-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 62, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021 .medium-width .facebook-to-tv { margin: 0 auto; min-width: 640px; } /* line 65, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021 .medium-width .facebook-to-tv .name, .WCMH2021 .medium-width .facebook-to-tv .message { width: 90%; } /* line 69, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021 .medium-width .facebook-to-tv .name { font-size: 23px; } /* line 72, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021 .medium-width .facebook-to-tv .message { font-size: 19px; padding: 27px 40px 40px 40px; } /* line 76, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021 .medium-width .facebook-to-tv .avatar { height: 90px; width: 90px; } /* line 80, .tmp/app/themes/WCMH2021/FacebookToTV/styles.scss */ .WCMH2021 .medium-width .facebook-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 7, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021.FaceOff .show-megachatter .face-off .question, .WCMH2021.FaceOff .show-megachatter .face-off .status-bar-container, .WCMH2021 [face-off] .show-megachatter .face-off .question, .WCMH2021 [face-off] .show-megachatter .face-off .status-bar-container { width: 100%; } /* line 15, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021.FaceOff .face-off .answers .answer .active-content, .WCMH2021.FaceOff .face-off .answers .answer .answer-container, .WCMH2021 [face-off] .face-off .answers .answer .active-content, .WCMH2021 [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021.FaceOff .face-off .answers .answer .popular-icon, .WCMH2021.FaceOff .face-off .answers .answer .your-vote-indicator, .WCMH2021 [face-off] .face-off .answers .answer .popular-icon, .WCMH2021 [face-off] .face-off .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 27, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021.FaceOff .face-off .answers .answer:first-child .progress, .WCMH2021 [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 54, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .medium-width .face-off .answers { width: 90%; min-width: 640px; margin-top: 30px; padding-bottom: 18px; } /* line 59, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .medium-width .face-off .answers .answer { width: calc(50% - 3px); } /* line 61, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .medium-width .face-off .answers .answer .percent-container { width: 100%; } /* line 64, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .medium-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 68, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .medium-width .face-off .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .face-off .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 10, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .face-off .answers .answer .percent-container .percent-text { font-size: 22px; padding-top: 0; text-align: center; width: 80px; } /* line 18, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 76, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .medium-width .face-off .answers .answer:last-child .image-container { -ms-flex-order: 1; order: 1; } /* line 80, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .medium-width .face-off .answers .answer .image-container { height: 114px; width: 114px; } /* line 84, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .medium-width .face-off .answers .answer .answer-text { font-size: 22px; min-height: 82px; margin: 0; width: 100%; } /* line 98, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .status-bar-container, .WCMH2021 .tiny-width .face-off .status-bar-container { margin-bottom: 22px; } /* line 101, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers, .WCMH2021 .tiny-width .face-off .answers { padding: 0 0 20px 0; width: 80%; } /* line 104, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer, .WCMH2021 .tiny-width .face-off .answers .answer { margin: 0; width: calc(50% - 3px); } /* line 107, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer:first-child, .WCMH2021 .tiny-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 110, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .image-container, .WCMH2021 .tiny-width .face-off .answers .answer .image-container { height: 112px; width: 100%; margin: 0; } /* line 114, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .image-container img, .WCMH2021 .tiny-width .face-off .answers .answer .image-container img { max-height: 112px; max-width: 100%; } /* line 119, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .your-vote-indicator, .WCMH2021 .small-width .face-off .answers .answer .popular-icon, .WCMH2021 .tiny-width .face-off .answers .answer .your-vote-indicator, .WCMH2021 .tiny-width .face-off .answers .answer .popular-icon { width: 100%; left: 0; } /* line 123, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .popular-icon, .WCMH2021 .tiny-width .face-off .answers .answer .popular-icon { top: auto; bottom: -18px; } /* line 127, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .percent-container, .WCMH2021 .small-width .face-off .answers .answer .answer-text, .WCMH2021 .tiny-width .face-off .answers .answer .percent-container, .WCMH2021 .tiny-width .face-off .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 132, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .answer-text, .WCMH2021 .tiny-width .face-off .answers .answer .answer-text { min-height: 58px; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .face-off .answers .answer .progress, .WCMH2021 .tiny-width .face-off .answers .answer .progress { line-height: 14px; height: 14px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .face-off .answers .answer .progress-bar, .WCMH2021 .tiny-width .face-off .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0; } /* line 10, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .face-off .answers .answer .percent-container, .WCMH2021 .tiny-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .face-off .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .face-off .answers .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .face-off .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 138, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .face-off .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; padding-top: 5px; } /* line 144, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .face-off .answers .answer .percent-container .progress-container { padding: 7px; } /* line 148, .tmp/app/themes/WCMH2021/FaceOff/styles.scss */ .WCMH2021 .small-width .face-off .answers .answer .popular-label, .WCMH2021 .tiny-width .face-off .answers .answer .popular-label { padding-bottom: 20px; } /* line 4, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback { color: #fff; text-transform: none; } /* line 7, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .view-container { padding: 0; } /* line 10, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .required { color: #5cb9ff; font-weight: normal; } /* line 14, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback h1, .WCMH2021 .feedback h3 { margin: 0; } /* line 18, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback h1 { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); color: #fff; font-weight: 700; padding: 12px 20px; } /* line 24, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback h3 { background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); color: #07386a; padding: 3px 10px; font-size: 17px; } /* line 30, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul { font-size: 0; margin: 0; overflow: hidden; padding: 0 10px; margin-top: 10px; } @media screen and (min-width: 666px) { /* line 30, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul { padding: 0 40px; } } /* line 39, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul li { box-sizing: border-box; font-size: 14px; list-style: none; margin: 0; padding: 4px 10px; vertical-align: top; } @media screen and (min-width: 666px) { /* line 39, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul li { display: inline-block; width: 50%; } } /* line 52, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul li.item-checkbox, .WCMH2021 .feedback ul li.item-textarea { display: block; width: 100%; } /* line 57, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul li.item-checkbox { display: block; width: 100%; } /* line 61, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul li label { display: block; margin-bottom: 0; } /* line 65, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul li input, .WCMH2021 .feedback ul li textarea { display: block; width: 100%; } /* line 70, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul li textarea { height: 65px; } @media screen and (min-width: 666px) { /* line 39, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback ul li { display: inline-block; width: 50%; } } /* line 82, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .feedback-submit .close-button { display: none; } /* line 85, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .feedback-submit p { padding: 0; } @media screen and (max-width: 666px) { /* line 81, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .feedback-submit { text-align: center; } /* line 90, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .feedback-submit .feedback-submit-text { display: block; } } @media screen and (min-width: 666px) { /* line 81, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .feedback-submit { padding: 5px 15px 0 15px; text-align: right; } } /* line 98, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .feedback-submit button { display: block; } /* line 102, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021 .feedback .close-button-submitted, .WCMH2021 .feedback .close-button-nonsubmitted { display: block; } /* line 115, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) .feedback ul li.item-checkbox label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/WCMH2021/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 125, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) .feedback ul li.item-checkbox input { opacity: 0; } /* line 128, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/WCMH2021/images/feedback/checkboxBG-focus.png"); } /* line 132, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/WCMH2021/images/feedback/checkboxBG-selected-focus.png"); } /* line 135, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/WCMH2021/images/feedback/checkboxBG-selected.png"); } /* line 138, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/WCMH2021/images/feedback/checkboxBG-required.png"); } /* line 144, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/WCMH2021/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 154, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) input[type='checkbox'] { opacity: 0; } /* line 157, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/WCMH2021/feedback/checkboxBG-focus.png"); } /* line 161, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/WCMH2021/feedback/checkboxBG-selected-focus.png"); } /* line 164, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/WCMH2021/feedback/checkboxBG-selected.png"); } /* line 167, .tmp/app/themes/WCMH2021/Feedback/styles.scss */ .WCMH2021:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/WCMH2021/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .show-megachatter .five-star, .WCMH2021 [five-stars] .show-megachatter .five-star { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .show-megachatter .five-star .question, .WCMH2021.FiveStars .show-megachatter .five-star .status-bar-container, .WCMH2021 [five-stars] .show-megachatter .five-star .question, .WCMH2021 [five-stars] .show-megachatter .five-star .status-bar-container { width: 100%; } /* line 14, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container, .WCMH2021 [five-stars] .five-star .five-star-container { position: relative; } /* line 16, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .vote-container, .WCMH2021 [five-stars] .five-star .five-star-container .vote-container { color: #fff; font-size: 16px; } /* line 20, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .image-container, .WCMH2021 [five-stars] .five-star .five-star-container .image-container { text-align: center; } /* line 23, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .popular, .WCMH2021.FiveStars .five-star .five-star-container .your-vote, .WCMH2021 [five-stars] .five-star .five-star-container .popular, .WCMH2021 [five-stars] .five-star .five-star-container .your-vote { font-size: 38px; } /* line 27, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .title, .WCMH2021.FiveStars .five-star .five-star-container .five-star-average, .WCMH2021 [five-stars] .five-star .five-star-container .title, .WCMH2021 [five-stars] .five-star .five-star-container .five-star-average { font-size: 17px; line-height: 1.1em; } /* line 32, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .five-star-average, .WCMH2021.FiveStars .five-star .five-star-container .five-star-answer, .WCMH2021 [five-stars] .five-star .five-star-container .five-star-average, .WCMH2021 [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 36, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .five-star-average, .WCMH2021 [five-stars] .five-star .five-star-container .five-star-average { color: #fff; background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); } /* line 40, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .five-star-answer, .WCMH2021 [five-stars] .five-star .five-star-container .five-star-answer { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); transition: all 1s; } /* line 44, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .title, .WCMH2021 [five-stars] .five-star .five-star-container .title { color: #000000; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); text-align: center; padding: 5px; } /* line 50, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .answers, .WCMH2021 [five-stars] .five-star .five-star-container .answers { margin: 0; padding: 0; transition: all 1s; } /* line 54, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .answers .answer, .WCMH2021 [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/WCMH2021/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; width: 20%; list-style-type: none; } /* line 61, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star .five-star-container .answers .answer.active, .WCMH2021 [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/WCMH2021/images/fivestar/star-active.png"); } /* line 68, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star.answered .five-star-answer, .WCMH2021 [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 71, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021.FiveStars .five-star.answered .five-star-average, .WCMH2021 [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 79, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 85, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container.no-image { padding-left: 0; } /* line 88, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 340px; width: 60%; max-width: 600px; height: 64px; } /* line 95, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container .answer { background-size: auto 49px; height: 64px; } /* line 99, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container .image-container { width: 150px; height: 150px; margin-left: -150px; float: left; } /* line 105, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container .title { height: 43px; font-size: 20px; } /* line 109, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container .your-vote { font-size: 28px; } /* line 112, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container .five-star-average { height: 43px; } /* line 115, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container .five-star-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 119, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .medium-width .five-star .five-star-container .five-star-average .column.popular { font-size: 30px; padding-left: 5px; } /* line 131, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container, .WCMH2021 .tiny-width .five-star .five-star-container { width: 80%; min-width: 256px; margin: 0 auto; } /* line 135, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container .columns, .WCMH2021 .tiny-width .five-star .five-star-container .columns { margin: auto 5px; } /* line 138, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container .answers, .WCMH2021 .tiny-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 245px; width: 60%; height: 55px; } /* line 144, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container .answer, .WCMH2021 .tiny-width .five-star .five-star-container .answer { background-size: auto 39px; height: 55px; } /* line 148, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container .image-container, .WCMH2021 .tiny-width .five-star .five-star-container .image-container { width: 134px; height: auto; } /* line 152, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container .five-star-average, .WCMH2021 .tiny-width .five-star .five-star-container .five-star-average { min-height: 134px; width: 50%; padding: 15px 5px; } /* line 156, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container .five-star-average .row, .WCMH2021 .tiny-width .five-star .five-star-container .five-star-average .row { height: 50%; text-align: center; } /* line 161, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container .five-star-answer, .WCMH2021 .tiny-width .five-star .five-star-container .five-star-answer { margin-top: 12px; } /* line 164, .tmp/app/themes/WCMH2021/FiveStars/styles.scss */ .WCMH2021 .small-width .five-star .five-star-container .your-vote, .WCMH2021 .tiny-width .five-star .five-star-container .your-vote { font-size: 24px; } /* line 4, .tmp/app/themes/WCMH2021/Footer/styles.scss */ .WCMH2021 footer { margin-top: 15px; } @media screen and (max-width: 666px) { /* line 8, .tmp/app/themes/WCMH2021/Footer/styles.scss */ .WCMH2021 footer .footer-images img { max-height: 65px; max-width: 116px; margin: 5px 0; } } @media screen and (min-width: 666px) { /* line 18, .tmp/app/themes/WCMH2021/Footer/styles.scss */ .WCMH2021 footer .footer-images img { max-height: 66px; max-width: 280px; margin: 5px 0; } } /* line 25, .tmp/app/themes/WCMH2021/Footer/styles.scss */ .WCMH2021 footer .policies { padding: 5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } /* line 29, .tmp/app/themes/WCMH2021/Footer/styles.scss */ .WCMH2021 footer .policies a { text-decoration: underline; color: #fff; font-size: 10px; font-weight: normal; cursor: pointer; } /* line 36, .tmp/app/themes/WCMH2021/Footer/styles.scss */ .WCMH2021 footer .policies img { height: 12px; } /* line 7, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .show-megachatter .guess-gauge .question, .WCMH2021.GuessGauge .show-megachatter .guess-gauge .status-bar-container, .WCMH2021 [guess-gauge] .show-megachatter .guess-gauge .question, .WCMH2021 [guess-gauge] .show-megachatter .guess-gauge .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .gauge-container, .WCMH2021 [guess-gauge] .guess-gauge .gauge-container { position: relative; } /* line 15, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .gauge-container .title, .WCMH2021 [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 19, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .vote-container, .WCMH2021 [guess-gauge] .guess-gauge .vote-container { color: #fff; font-size: 16px; } /* line 23, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .gauge-inner, .WCMH2021 [guess-gauge] .guess-gauge .gauge-inner { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); padding: 10px 25px 5px 25px; } /* line 28, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .gauge-average, .WCMH2021 [guess-gauge] .guess-gauge .gauge-average { font-size: 17px; color: #fff; background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); line-height: 1.1em; } /* line 34, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .gauge-answer, .WCMH2021 [guess-gauge] .guess-gauge .gauge-answer { padding-top: 35px; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); } /* line 38, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .gauge-average, .WCMH2021.GuessGauge .guess-gauge .gauge-answer, .WCMH2021 [guess-gauge] .guess-gauge .gauge-average, .WCMH2021 [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 42, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .gauge-answer-track, .WCMH2021 [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 45, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .display-answer, .WCMH2021 [guess-gauge] .guess-gauge .display-answer { color: #000000; font-size: 19px; overflow: hidden; z-index: 102; margin-top: -38px; position: absolute; } /* line 55, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .slider .slider-track, .WCMH2021 [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 57, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .WCMH2021 [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { background-image: url("../themes/WCMH2021/images/guessgauge/knob.png"); background-size: 27px 27px; border-radius: 27px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); cursor: pointer; position: absolute; height: 27px; text-align: center; top: -3px; width: 27px; z-index: 100; } /* line 70, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .slider .slider-track.popular, .WCMH2021 [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 74, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .slider .slider-track, .WCMH2021 [guess-gauge] .guess-gauge .slider .slider-track { height: 20px; } /* line 77, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .slider .slider-track-fg, .WCMH2021 [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 20px; top: 0; background: #2364a8; } /* line 82, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .slider .slider-main, .WCMH2021 [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; } /* line 87, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .labels, .WCMH2021 [guess-gauge] .guess-gauge .labels { color: #07386a; width: calc(100% + 10px); margin-left: -5px; } /* line 91, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .labels .label-min, .WCMH2021 [guess-gauge] .guess-gauge .labels .label-min { text-align: left; } /* line 94, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge .labels .label-max, .WCMH2021 [guess-gauge] .guess-gauge .labels .label-max { text-align: right; } /* line 99, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge.answered .gauge-answer, .WCMH2021 [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 102, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021.GuessGauge .guess-gauge.answered .gauge-average, .WCMH2021 [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 111, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 117, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-container.no-image { padding-left: 0; } /* line 120, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-container .image-container { width: 150px; height: 150px; margin-left: -150px; float: left; } /* line 126, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-container .title { height: 43px; font-size: 20px; text-align: center; } /* line 132, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-average { height: 43px; } /* line 135, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 139, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-average .column.popular { font-size: 23px; padding-left: 5px; } /* line 147, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .slider .slider-track .slider-knob { background-size: 33px 33px; border-radius: 33px; height: 33px; top: -4px; width: 33px; } /* line 155, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .slider .slider-track, .WCMH2021 .medium-width .guess-gauge .slider .slider-track-fg { height: 25px; } /* line 159, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .display-answer { font-size: 23px; margin-top: -47px; } /* line 163, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-answer { min-height: 103px; } /* line 166, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-answer-track { position: relative; margin: 5px auto 0 auto; } /* line 170, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .gauge-inner { min-height: 67px; } /* line 173, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .medium-width .guess-gauge .labels { font-size: 17px; padding-top: 3px; } /* line 182, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .small-width .guess-gauge .gauge-container, .WCMH2021 .tiny-width .guess-gauge .gauge-container { margin: 0 auto; width: 80%; } /* line 186, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .small-width .guess-gauge .image-container, .WCMH2021 .tiny-width .guess-gauge .image-container { width: 134px; height: auto; margin-left: 5px; } /* line 192, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .small-width .guess-gauge .gauge-average, .WCMH2021 .tiny-width .guess-gauge .gauge-average { min-height: 134px; width: calc(100% - 5px); margin-right: 10px; padding: 15px 5px; } /* line 197, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .small-width .guess-gauge .gauge-average .row, .WCMH2021 .tiny-width .guess-gauge .gauge-average .row { height: 50%; text-align: center; } /* line 200, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .small-width .guess-gauge .gauge-average .row:last-child, .WCMH2021 .tiny-width .guess-gauge .gauge-average .row:last-child { line-height: 1.2; } /* line 205, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .small-width .guess-gauge .gauge-answer, .WCMH2021 .tiny-width .guess-gauge .gauge-answer { margin-top: 12px; padding-top: 30px; } /* line 209, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .small-width .guess-gauge .popular, .WCMH2021 .tiny-width .guess-gauge .popular { font-size: 20px; } /* line 212, .tmp/app/themes/WCMH2021/GuessGauge/styles.scss */ .WCMH2021 .small-width .guess-gauge .labels, .WCMH2021 .tiny-width .guess-gauge .labels { font-size: 14px; padding-top: 5px; } /* line 4, .tmp/app/themes/WCMH2021/Header/styles.scss */ .WCMH2021 header { height: auto; width: 100%; } /* line 7, .tmp/app/themes/WCMH2021/Header/styles.scss */ .WCMH2021 header .show-media { height: 50px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 41px; } @media screen and (min-width: 666px) { /* line 15, .tmp/app/themes/WCMH2021/Header/styles.scss */ .WCMH2021 header .show-media { height: 61px; background-size: auto 50px; } } /* line 6, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021.HotOrNot .show-megachatter .hot-or-not, .WCMH2021 [hot-or-not] .show-megachatter .hot-or-not { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021.HotOrNot .show-megachatter .hot-or-not .question, .WCMH2021.HotOrNot .show-megachatter .hot-or-not .status-bar-container, .WCMH2021 [hot-or-not] .show-megachatter .hot-or-not .question, .WCMH2021 [hot-or-not] .show-megachatter .hot-or-not .status-bar-container { width: 100%; } /* line 16, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021.HotOrNot .hot-or-not .answers .answer .active-content, .WCMH2021.HotOrNot .hot-or-not .answers .answer .answer-container, .WCMH2021 [hot-or-not] .hot-or-not .answers .answer .active-content, .WCMH2021 [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 20, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021.HotOrNot .hot-or-not .answers .answer .popular-icon, .WCMH2021.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .WCMH2021 [hot-or-not] .hot-or-not .answers .answer .popular-icon, .WCMH2021 [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 28, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021.HotOrNot .hot-or-not .answers .answer:first-child .progress, .WCMH2021 [hot-or-not] .hot-or-not .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 53, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not { overflow: hidden; } /* line 55, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .image-container { float: left; margin: 0; height: 114px; width: 114px; } /* line 60, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .image-container img { max-height: 100%; max-width: 100%; } /* line 65, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers { margin: auto; width: 90%; margin-top: 30px; padding-bottom: 18px; } /* line 70, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer { width: calc(50% - 57px); margin: 0; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 74, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer.no-image { width: 50%; } /* line 77, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer:nth-child(2) { -ms-flex-order: -1; order: -1; } /* line 78, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer:nth-child(2) .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 89, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer .percent-container { margin: 0; } /* line 91, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 28px; line-height: 1.3; } /* line 97, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 0 10px 7px 10px; } /* line 101, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer .answer-text { font-size: 20px; min-height: 52px; margin: 0; } /* line 107, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .medium-width .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 118, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .image-container, .WCMH2021 .tiny-width .hot-or-not .image-container { height: 80px; margin: 0 auto 22px auto; width: 80px; } /* line 123, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .status-bar-container, .WCMH2021 .tiny-width .hot-or-not .status-bar-container { margin-bottom: 10px; } /* line 126, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers, .WCMH2021 .tiny-width .hot-or-not .answers { width: 90%; min-width: 250px; padding-left: 0; padding-bottom: 12px; } /* line 131, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer, .WCMH2021 .tiny-width .hot-or-not .answers .answer { margin: 0; width: calc(50% - 3px); padding: 0; } /* line 135, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer.no-image, .WCMH2021 .tiny-width .hot-or-not .answers .answer.no-image { margin: 15px 0; } /* line 138, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer:first-child, .WCMH2021 .tiny-width .hot-or-not .answers .answer:first-child { margin-right: 6px; } /* line 141, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .percent-container, .WCMH2021 .small-width .hot-or-not .answers .answer .answer-text, .WCMH2021 .tiny-width .hot-or-not .answers .answer .percent-container, .WCMH2021 .tiny-width .hot-or-not .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 146, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .your-vote-indicator, .WCMH2021 .small-width .hot-or-not .answers .answer .popular-icon, .WCMH2021 .tiny-width .hot-or-not .answers .answer .your-vote-indicator, .WCMH2021 .tiny-width .hot-or-not .answers .answer .popular-icon { width: 100%; left: 0; } /* line 150, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .popular-icon, .WCMH2021 .tiny-width .hot-or-not .answers .answer .popular-icon { top: auto; bottom: -18px; } /* line 154, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .answer-text, .WCMH2021 .tiny-width .hot-or-not .answers .answer .answer-text { min-height: 58px; margin-bottom: 0; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .progress, .WCMH2021 .tiny-width .hot-or-not .answers .answer .progress { line-height: 14px; height: 14px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .progress-bar, .WCMH2021 .tiny-width .hot-or-not .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0; } /* line 10, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .percent-container, .WCMH2021 .tiny-width .hot-or-not .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 161, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; padding-top: 5px; } /* line 167, .tmp/app/themes/WCMH2021/HotOrNot/styles.scss */ .WCMH2021 .small-width .hot-or-not .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 7px; } /* line 7, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021.InstagramToTV .show-megachatter .instagram-to-tv .question, .WCMH2021.InstagramToTV .show-megachatter .instagram-to-tv .status-bar-container, .WCMH2021 [instagram-to-tv] .show-megachatter .instagram-to-tv .question, .WCMH2021 [instagram-to-tv] .show-megachatter .instagram-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021.InstagramToTV .instagram-to-tv h2, .WCMH2021 [instagram-to-tv] .instagram-to-tv h2 { display: none; } /* line 16, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021.InstagramToTV .instagram-to-tv .name, .WCMH2021.InstagramToTV .instagram-to-tv .screen-name, .WCMH2021.InstagramToTV .instagram-to-tv .message, .WCMH2021 [instagram-to-tv] .instagram-to-tv .name, .WCMH2021 [instagram-to-tv] .instagram-to-tv .screen-name, .WCMH2021 [instagram-to-tv] .instagram-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 23, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021.InstagramToTV .instagram-to-tv .name, .WCMH2021 [instagram-to-tv] .instagram-to-tv .name { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); color: #fff; font-size: 18px; padding: 3px 50px; } /* line 29, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021.InstagramToTV .instagram-to-tv .screen-name, .WCMH2021 [instagram-to-tv] .instagram-to-tv .screen-name { color: #2364a8; font-size: 14px; padding: 0 50px; } /* line 34, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021.InstagramToTV .instagram-to-tv .message, .WCMH2021 [instagram-to-tv] .instagram-to-tv .message { color: #07386a; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 38, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021.InstagramToTV .instagram-to-tv .message a, .WCMH2021 [instagram-to-tv] .instagram-to-tv .message a { color: #2364a8; } /* line 42, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021.InstagramToTV .instagram-to-tv .logo, .WCMH2021 [instagram-to-tv] .instagram-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 54, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv { margin: 30px auto 0; width: 640px; } /* line 57, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); overflow: hidden; } /* line 60, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .image-container { float: left; height: 237px; width: 237px; } /* line 64, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .image-container.no-image { opacity: 0; height: 0; width: 0; float: none; } /* line 71, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .image { display: block; margin: auto; max-width: 237px; max-height: 237px; } /* line 77, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .content { margin-left: 237px; } /* line 79, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .content.no-image { margin-left: 0; } /* line 83, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .name, .WCMH2021 .medium-width .instagram-to-tv .instagram-content .screen-name, .WCMH2021 .medium-width .instagram-to-tv .instagram-content .message { width: 100%; text-align: left; } /* line 89, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .name { font-size: 23px; padding: 3px 50px 3px 20px; } /* line 93, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .screen-name { font-size: 16px; padding: 0 50px 0 20px; } /* line 97, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .message { font-size: 19px; padding: 10px 40px 40px 20px; } /* line 101, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .medium-width .instagram-to-tv .instagram-content .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 114, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .small-width .instagram-to-tv .image-container, .WCMH2021 .tiny-width .instagram-to-tv .image-container { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); padding: 10px; } /* line 117, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .small-width .instagram-to-tv .image-container.no-image, .WCMH2021 .tiny-width .instagram-to-tv .image-container.no-image { background: transparent; padding: 0; } /* line 122, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .small-width .instagram-to-tv .image, .WCMH2021 .tiny-width .instagram-to-tv .image { display: block; margin: auto; max-width: 155px; max-height: 155px; } /* line 128, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .small-width .instagram-to-tv .name, .WCMH2021 .tiny-width .instagram-to-tv .name { margin-top: 9px; } /* line 131, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .small-width .instagram-to-tv .screen-name, .WCMH2021 .tiny-width .instagram-to-tv .screen-name { background-color: #fff; } /* line 134, .tmp/app/themes/WCMH2021/InstagramToTV/styles.scss */ .WCMH2021 .small-width .instagram-to-tv .message, .WCMH2021 .tiny-width .instagram-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); } /* line 7, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers { width: 90%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 10, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 14, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .active-content, .WCMH2021 .medium-width .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 18, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer:first-child, .WCMH2021 .medium-width .pic-pick .answers .answer:nth-child(4), .WCMH2021 .medium-width .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 21, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .image-container { width: 78px; height: 78px; } /* line 25, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .popular-icon, .WCMH2021 .medium-width .pic-pick .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 33, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .percent-container { margin: 0; } /* line 35, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; font-size: 29px; padding-top: 8px; } /* line 42, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .percent-container .progress-container { padding: 5px; } /* line 46, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .image-container, .WCMH2021 .medium-width .pic-pick .answers .answer .percent-container { margin-top: 0; } /* line 50, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .medium-width .pic-pick .answers .answer .answer-text { min-height: 45px; width: 100%; } /* line 67, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick.trivia .answers, .WCMH2021 .tiny-width .pic-pick.trivia .answers { margin-top: 32px; } /* line 71, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers, .WCMH2021 .tiny-width .pic-pick .answers { padding: 0 10px 10px 10px; width: 98%; min-width: 320px; margin-top: 22px; } /* line 76, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers .answer, .WCMH2021 .tiny-width .pic-pick .answers .answer { width: 100%; margin-top: 22px; } /* line 79, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers .answer:last-child, .WCMH2021 .tiny-width .pic-pick .answers .answer:last-child { margin-bottom: 0; } /* line 82, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers .answer:first-child, .WCMH2021 .tiny-width .pic-pick .answers .answer:first-child { margin-top: 0; } /* line 85, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .image-container, .WCMH2021 .tiny-width .pic-pick .answers .answer .image-container { height: 68px; width: 68px; } /* line 89, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .answer-text, .WCMH2021 .tiny-width .pic-pick .answers .answer .answer-text { min-height: 43px; width: 100%; } /* line 93, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .percent-container, .WCMH2021 .tiny-width .pic-pick .answers .answer .percent-container { width: 100%; margin: 0; padding-top: 3px; } /* line 97, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 101, .tmp/app/themes/WCMH2021/PicPick/styles.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .pic-pick .answers .answer .percent-container .percent-text { line-height: 1.2; padding-right: 5px; } /* line 10, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .percent-container, .WCMH2021 .tiny-width .pic-pick .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .pic-pick .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .progress, .WCMH2021 .tiny-width .pic-pick .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .pic-pick .answers .answer .progress-bar, .WCMH2021 .tiny-width .pic-pick .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 5, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container { border: 0 solid transparent; font-size: 20px; overflow: hidden; padding: 0; width: 90%; max-width: 620px; border-radius: 5px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 2; background-color: #fff; margin: 10px auto; } /* line 19, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking { border-bottom: 1px solid #555555; color: #07386a; transition: all 0.3s; background-color: #fff; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-template-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-gap: 5px; } /* line 33, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking.first-place div { font-size: 22px; } /* line 38, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 43, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 49, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking.ng-enter-stagger, .WCMH2021 leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 53, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking.your-rank-highlight { background: white; } /* line 57, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 62, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 70, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking:last-child { border: none; } /* line 74, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking div { padding: 0; height: 33px; font-size: 16px; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } /* line 83, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 36px; } /* line 88, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking div:last-child { line-height: 32px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 96, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking div img { height: 20px; padding: 0 8px; } /* line 101, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 leaderboard .rankings-container .ranking div.leaderboard .WCMH2021 leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 111, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 .show-more-rankings { display: block; padding: 0; width: 50px; height: 25px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: -5px auto 0 auto; z-index: 1; position: relative; background-color: #fff; color: #07386a; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 126, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 .show-more-rankings span { font-size: 27px; line-height: 1; position: absolute; top: -5px; left: 0; right: 0; } /* line 134, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 138, .tmp/app/themes/WCMH2021/Leaderboard/styles.scss */ .WCMH2021 .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 7, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021.LiveReactions .show-megachatter .live-reactions .question, .WCMH2021.LiveReactions .show-megachatter .live-reactions .status-bar-container, .WCMH2021 [live-reactions] .show-megachatter .live-reactions .question, .WCMH2021 [live-reactions] .show-megachatter .live-reactions .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021.LiveReactions .view-container, .WCMH2021 [live-reactions] .view-container { position: static; } /* line 16, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021.LiveReactions .live-reactions .floating-reaction, .WCMH2021 [live-reactions] .live-reactions .floating-reaction { max-width: 40px; max-height: 40px; position: absolute; animation: 2s reactionRiseCubic ease-in forwards; z-index: 10; } /* line 24, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021.LiveReactions .live-reactions .answers .answer, .WCMH2021 [live-reactions] .live-reactions .answers .answer { background: transparent; box-shadow: none; } /* line 27, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021.LiveReactions .live-reactions .answers .answer .reaction-label, .WCMH2021 [live-reactions] .live-reactions .answers .answer .reaction-label { position: absolute; margin: auto; color: #fff; font-size: 18px; line-height: 1.1; } /* line 34, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021.LiveReactions .live-reactions .answers .answer .reaction-bounce, .WCMH2021 [live-reactions] .live-reactions .answers .answer .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 37, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021.LiveReactions .live-reactions .answers .answer .image-container, .WCMH2021 [live-reactions] .live-reactions .answers .answer .image-container { width: 30px; height: 30px; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.6); } 66% { transform: scale(1.4); } 100% { transform: scale(1); } } @keyframes reactionRiseCubic { 0% { opacity: 0; } 25% { opacity: 1; } 100% { top: -300px; } } /* line 76, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .medium-width .live-reactions .answers { padding: 5px 0; margin: 15px auto; width: 80%; height: 152px; background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); } /* line 82, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .medium-width .live-reactions .answers .answer { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); margin: 0 auto; position: relative; padding: 8px; } /* line 88, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .medium-width .live-reactions .answers .answer:nth-child(odd) .reaction-label { top: -44px; } /* line 93, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .medium-width .live-reactions .answers .answer:nth-child(even) .reaction-label { bottom: -44px; } /* line 97, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .medium-width .live-reactions .answers .answer .image-container { width: 42px; height: 42px; } /* line 101, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .medium-width .live-reactions .answers .answer .reaction-label { height: 43px; padding: 5px; text-align: center; max-width: 110px; background: none; left: 0; right: 0; } /* line 117, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .small-width .live-reactions .answers, .WCMH2021 .tiny-width .live-reactions .answers { padding: 0 10px; width: 178px; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%), linear-gradient(to bottom, #0d41af 0%, #20216c 100%); background-size: 50px 100%, 100%; background-repeat: no-repeat; } /* line 123, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .small-width .live-reactions .answers .answer, .WCMH2021 .tiny-width .live-reactions .answers .answer { margin: 12px 0; position: relative; } /* line 126, .tmp/app/themes/WCMH2021/LiveReactions/styles.scss */ .WCMH2021 .small-width .live-reactions .answers .answer .reaction-label, .WCMH2021 .tiny-width .live-reactions .answers .answer .reaction-label { max-width: 118px; height: 30px; width: 100%; left: 45px; top: 0; padding: 0; text-align: center; } /* line 5, .tmp/app/themes/WCMH2021/Poster/styles.scss */ .WCMH2021.Poster .posterImage, .WCMH2021 [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; width: 100%; height: 480px; padding: 0; } /* line 13, .tmp/app/themes/WCMH2021/Poster/styles.scss */ .WCMH2021.Poster .posterImage .posterImageInner, .WCMH2021 [poster] .posterImage .posterImageInner { height: 100%; -ms-flex-align: baseline; align-items: baseline; } /* line 16, .tmp/app/themes/WCMH2021/Poster/styles.scss */ .WCMH2021.Poster .posterImage .posterImageInner video, .WCMH2021.Poster .posterImage .posterImageInner img, .WCMH2021 [poster] .posterImage .posterImageInner video, .WCMH2021 [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 7, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .show-megachatter .mood-meter .question, .WCMH2021.MoodMeter .show-megachatter .mood-meter .status-bar-container, .WCMH2021 [mood-meter] .show-megachatter .mood-meter .question, .WCMH2021 [mood-meter] .show-megachatter .mood-meter .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .vote-container, .WCMH2021 [mood-meter] .mood-meter .vote-container { color: #fff; font-size: 16px; } /* line 17, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-container, .WCMH2021 [mood-meter] .mood-meter .meter-container { position: relative; } /* line 19, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-container .title, .WCMH2021 [mood-meter] .mood-meter .meter-container .title { display: none; } /* line 23, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-inner, .WCMH2021 [mood-meter] .mood-meter .meter-inner { display: block; margin: auto; } /* line 27, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-inside, .WCMH2021 [mood-meter] .mood-meter .meter-inside { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; } /* line 35, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-average, .WCMH2021 [mood-meter] .mood-meter .meter-average { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); color: #fff; font-size: 18px; line-height: 1.1em; } /* line 41, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-answer, .WCMH2021 [mood-meter] .mood-meter .meter-answer { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); } /* line 44, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-average, .WCMH2021.MoodMeter .mood-meter .meter-answer, .WCMH2021 [mood-meter] .mood-meter .meter-average, .WCMH2021 [mood-meter] .mood-meter .meter-answer { transition: all 1s; } /* line 48, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-answer-track, .WCMH2021 [mood-meter] .mood-meter .meter-answer-track { position: relative; z-index: 1; } /* line 51, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .meter-answer-track canvas, .WCMH2021 [mood-meter] .mood-meter .meter-answer-track canvas { cursor: pointer; } /* line 55, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .popular-label, .WCMH2021 [mood-meter] .mood-meter .popular-label { font-size: 12px; } /* line 58, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .display-answer, .WCMH2021 [mood-meter] .mood-meter .display-answer { font-size: 18px; color: #07386a; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); overflow: hidden; display: block; padding: 10px 20px; word-break: break-word; } /* line 67, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .labels, .WCMH2021 [mood-meter] .mood-meter .labels { color: #07386a; font-size: 14px; margin-top: 4px; width: 100%; } /* line 72, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .labels .label-min, .WCMH2021 [mood-meter] .mood-meter .labels .label-min { text-align: right; } /* line 75, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter .labels .label-max, .WCMH2021 [mood-meter] .mood-meter .labels .label-max { text-align: left; } /* line 80, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter.answered .meter-answer, .WCMH2021 [mood-meter] .mood-meter.answered .meter-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 83, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021.MoodMeter .mood-meter.answered .meter-average, .WCMH2021 [mood-meter] .mood-meter.answered .meter-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 92, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .image-container { margin: 0; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 98, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-container { margin: 0 auto; min-width: 640px; width: 80%; min-height: 155px; margin-bottom: 10px; } /* line 104, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 110, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-container .meter-inner { min-width: 389px; width: 100%; min-height: 155px; background: url(../themes/WCMH2021/images/moodmeter/meter-bg.png); background-size: auto 129px; background-position: center top 10px; background-repeat: no-repeat; position: relative; padding-top: 18px; } /* line 121, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-container .rows { width: 50%; } /* line 125, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 133, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 139, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-average { display: -ms-grid; display: grid; height: 50%; min-height: 75px; min-width: 250px; width: 100%; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; word-break: break-word; } /* line 151, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .popular-label { font-size: 15px; } /* line 154, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .popular { font-size: 18px; } /* line 157, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-answer { width: 60%; min-width: 389px; } /* line 160, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; z-index: 10; } /* line 168, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 174, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .display-answer { display: -ms-grid; display: grid; height: 50%; min-height: 75px; min-width: 250px; width: 100%; clear: left; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; } /* line 186, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .display-answer span { display: block; } /* line 188, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .display-answer span:first-child { font-size: 15px; line-height: 1.5; } /* line 194, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .labels { font-size: 16px; padding: 108px 5px 5px 5px; } /* line 197, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .labels .label-min, .WCMH2021 .medium-width .mood-meter .labels .label-max { width: calc(50% - 50px); text-align: center; word-break: break-word; line-height: 1.2; } /* line 204, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .labels .label-min { margin-right: 50px; } /* line 207, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .medium-width .mood-meter .labels .label-max { margin-left: 50px; } /* line 216, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .image-container, .WCMH2021 .tiny-width .mood-meter .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 221, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .status-bar-container, .WCMH2021 .tiny-width .mood-meter .status-bar-container { margin-bottom: 10px; } /* line 224, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .meter-container, .WCMH2021 .tiny-width .mood-meter .meter-container { margin: 0 auto; width: 80%; min-height: 430px; } /* line 229, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .meter-inner, .WCMH2021 .tiny-width .mood-meter .meter-inner { background: url(../themes/WCMH/images/moodmeter/meter-bg.png); background-size: auto 129px; min-height: 129px; padding-top: 16px; background-position: top 8px center; background-repeat: no-repeat; } /* line 237, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .meter-inside, .WCMH2021 .tiny-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 245, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .meter-inside img, .WCMH2021 .tiny-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 251, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .display-answer, .WCMH2021 .tiny-width .mood-meter .display-answer { text-align: center; min-height: 40px; padding: 5px; } /* line 256, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .display-answer span:first-child, .WCMH2021 .tiny-width .mood-meter .display-answer span:first-child { width: 50px; font-size: 12px; padding-right: 10px; } /* line 263, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .meter-average, .WCMH2021 .tiny-width .mood-meter .meter-average { padding: 5px; text-align: center; word-break: break-word; } /* line 269, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .meter-answer .meter-answer-track, .WCMH2021 .tiny-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; } /* line 276, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .meter-answer .meter-answer-track canvas, .WCMH2021 .tiny-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 282, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .labels, .WCMH2021 .tiny-width .mood-meter .labels { padding: 5px; margin-top: 124px; } /* line 285, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .labels .label-min, .WCMH2021 .small-width .mood-meter .labels .label-max, .WCMH2021 .tiny-width .mood-meter .labels .label-min, .WCMH2021 .tiny-width .mood-meter .labels .label-max { width: 50%; vertical-align: middle; word-break: break-word; } /* line 291, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .labels .label-min, .WCMH2021 .tiny-width .mood-meter .labels .label-min { padding-right: 25px; width: 50%; } /* line 295, .tmp/app/themes/WCMH2021/MoodMeter/styles.scss */ .WCMH2021 .small-width .mood-meter .labels .label-max, .WCMH2021 .tiny-width .mood-meter .labels .label-max { padding-left: 25px; width: 50%; } /* line 7, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 11, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 15, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer .active-content, .WCMH2021 .medium-width .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer:first-child, .WCMH2021 .medium-width .readers-choice .answers .answer:nth-child(4), .WCMH2021 .medium-width .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 23, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 26, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 29px; padding-top: 8px; } /* line 32, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer .percent-container .progress-container { padding: 5px 10px; } /* line 36, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer .answer-text { font-size: 17px; min-height: 45px; } /* line 40, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .medium-width .readers-choice .answers .answer .popular-icon, .WCMH2021 .medium-width .readers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 56, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice.trivia .answers, .WCMH2021 .tiny-width .readers-choice.trivia .answers { margin-top: 32px; } /* line 60, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers, .WCMH2021 .tiny-width .readers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 64, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer, .WCMH2021 .tiny-width .readers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 67, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer:last-child, .WCMH2021 .tiny-width .readers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 70, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .answer-text, .WCMH2021 .tiny-width .readers-choice .answers .answer .answer-text { min-height: 43px; margin-bottom: 0; } /* line 74, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .active-content, .WCMH2021 .tiny-width .readers-choice .answers .answer .active-content { width: 100%; } /* line 76, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .active-content .percent-text, .WCMH2021 .tiny-width .readers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 81, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .active-content .answer-container, .WCMH2021 .tiny-width .readers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .percent-container, .WCMH2021 .tiny-width .readers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .readers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .progress, .WCMH2021 .tiny-width .readers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .progress-bar, .WCMH2021 .tiny-width .readers-choice .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 87, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .percent-container, .WCMH2021 .tiny-width .readers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 91, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding: 7px; } /* line 94, .tmp/app/themes/WCMH2021/ReadersChoice/styles.scss */ .WCMH2021 .small-width .readers-choice .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .readers-choice .answers .answer .percent-container .percent-text { padding-right: 5px; } /* line 6, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .image-container, .WCMH2021 [tweet-to-tv] .tweet-to-tv .image-container { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); padding: 8px; } /* line 9, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .image-container.no-image, .WCMH2021 [tweet-to-tv] .tweet-to-tv .image-container.no-image { background: transparent; height: 15px; } /* line 14, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .name, .WCMH2021.TweetToTV .tweet-to-tv .screen-name, .WCMH2021.TweetToTV .tweet-to-tv .message, .WCMH2021 [tweet-to-tv] .tweet-to-tv .name, .WCMH2021 [tweet-to-tv] .tweet-to-tv .screen-name, .WCMH2021 [tweet-to-tv] .tweet-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 22, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .name, .WCMH2021 [tweet-to-tv] .tweet-to-tv .name { background: linear-gradient(to bottom, #0d41af 0%, #20216c 100%); color: #fff; font-size: 18px; margin-top: 9px; padding: 3px 50px; } /* line 29, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .screen-name, .WCMH2021 [tweet-to-tv] .tweet-to-tv .screen-name { background-color: #fff; color: #2364a8; font-size: 14px; padding: 0 50px; } /* line 34, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .screen-name a, .WCMH2021 [tweet-to-tv] .tweet-to-tv .screen-name a { color: #2364a8; } /* line 38, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .message, .WCMH2021 [tweet-to-tv] .tweet-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #07386a; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 43, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .message a, .WCMH2021 [tweet-to-tv] .tweet-to-tv .message a { color: #2364a8; } /* line 47, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .avatar, .WCMH2021 [tweet-to-tv] .tweet-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 53, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv .logo, .WCMH2021 [tweet-to-tv] .tweet-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 61, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021.TweetToTV .tweet-to-tv twttr-follow-button, .WCMH2021 [tweet-to-tv] .tweet-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 70, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021 .medium-width .tweet-to-tv { margin: 0 auto; min-width: 640px; } /* line 73, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021 .medium-width .tweet-to-tv .name, .WCMH2021 .medium-width .tweet-to-tv .screen-name, .WCMH2021 .medium-width .tweet-to-tv .message { width: 90%; } /* line 78, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021 .medium-width .tweet-to-tv .name { font-size: 23px; } /* line 81, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021 .medium-width .tweet-to-tv .screen-name { font-size: 16px; } /* line 84, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021 .medium-width .tweet-to-tv .message { font-size: 19px; padding: 10px 40px 40px 40px; } /* line 88, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021 .medium-width .tweet-to-tv .avatar { height: 90px; width: 90px; } /* line 92, .tmp/app/themes/WCMH2021/TweetToTV/styles.scss */ .WCMH2021 .medium-width .tweet-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 5, .tmp/app/themes/WCMH2021/TwitchToTV/styles.scss */ .WCMH2021.TwitchToTV .twitch-to-tv, .WCMH2021 [twitch-to-tv] .twitch-to-tv { width: 90%; display: block; margin: auto; } /* line 6, .tmp/app/themes/WCMH2021/TwitchToTV/styles.scss */ .WCMH2021.TwitchToTV .twitch-to-tv div:nth-child(2), .WCMH2021 [twitch-to-tv] .twitch-to-tv div:nth-child(2) { width: 80%; margin: auto; } /* line 15, .tmp/app/themes/WCMH2021/TwitchToTV/styles.scss */ .WCMH2021.TwitchToTV .twitch-to-tv .name, .WCMH2021.TwitchToTV .twitch-to-tv .screen-name, .WCMH2021.TwitchToTV .twitch-to-tv .message, .WCMH2021 [twitch-to-tv] .twitch-to-tv .name, .WCMH2021 [twitch-to-tv] .twitch-to-tv .screen-name, .WCMH2021 [twitch-to-tv] .twitch-to-tv .message { margin: 0; position: relative; } /* line 22, .tmp/app/themes/WCMH2021/TwitchToTV/styles.scss */ .WCMH2021.TwitchToTV .twitch-to-tv .name, .WCMH2021 [twitch-to-tv] .twitch-to-tv .name { background-color: #07386a; color: #fff; font-size: 18px; padding: 5px 50px; margin-top: 50px; } /* line 30, .tmp/app/themes/WCMH2021/TwitchToTV/styles.scss */ .WCMH2021.TwitchToTV .twitch-to-tv .message, .WCMH2021 [twitch-to-tv] .twitch-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #000000; font-size: 16px; padding: 15px 20px 20px 20px; min-height: 70px; } /* line 37, .tmp/app/themes/WCMH2021/TwitchToTV/styles.scss */ .WCMH2021.TwitchToTV .twitch-to-tv .message a, .WCMH2021 [twitch-to-tv] .twitch-to-tv .message a { color: #000000; } /* line 42, .tmp/app/themes/WCMH2021/TwitchToTV/styles.scss */ .WCMH2021.TwitchToTV .twitch-to-tv .logo, .WCMH2021 [twitch-to-tv] .twitch-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 51, .tmp/app/themes/WCMH2021/TwitchToTV/styles.scss */ .WCMH2021.TwitchToTV .twitch-to-tv twttr-follow-button, .WCMH2021 [twitch-to-tv] .twitch-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 6, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021.ViewersChoice .show-megachatter .viewers-choice, .WCMH2021 [viewers-choice] .show-megachatter .viewers-choice { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021.ViewersChoice .show-megachatter .viewers-choice .question, .WCMH2021.ViewersChoice .show-megachatter .viewers-choice .status-bar-container, .WCMH2021 [viewers-choice] .show-megachatter .viewers-choice .question, .WCMH2021 [viewers-choice] .show-megachatter .viewers-choice .status-bar-container { width: 100%; } /* line 17, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .image-container { margin: 0; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 23, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 27, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 31, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer .active-content, .WCMH2021 .medium-width .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 35, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer:first-child, .WCMH2021 .medium-width .viewers-choice .answers .answer:nth-child(4), .WCMH2021 .medium-width .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 39, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 42, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 29px; padding-top: 8px; } /* line 48, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 5px 10px; } /* line 52, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer .answer-text { font-size: 17px; min-height: 45px; } /* line 56, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .medium-width .viewers-choice .answers .answer .popular-icon, .WCMH2021 .medium-width .viewers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 71, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .image-container, .WCMH2021 .tiny-width .viewers-choice .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 76, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .status-bar-container, .WCMH2021 .tiny-width .viewers-choice .status-bar-container { margin-bottom: 10px; } /* line 79, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers, .WCMH2021 .tiny-width .viewers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 83, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer, .WCMH2021 .tiny-width .viewers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 86, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .answer-text, .WCMH2021 .tiny-width .viewers-choice .answers .answer .answer-text { min-height: 43px; margin-bottom: 0; } /* line 90, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer:last-child, .WCMH2021 .tiny-width .viewers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 93, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .active-content, .WCMH2021 .tiny-width .viewers-choice .answers .answer .active-content { width: 100%; } /* line 95, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .active-content .percent-text, .WCMH2021 .tiny-width .viewers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 100, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .active-content .answer-container, .WCMH2021 .tiny-width .viewers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .percent-container, .WCMH2021 .tiny-width .viewers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .progress, .WCMH2021 .tiny-width .viewers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WCMH2021/_mixins.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .progress-bar, .WCMH2021 .tiny-width .viewers-choice .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 106, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .percent-container, .WCMH2021 .tiny-width .viewers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 110, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .percent-container .progress-container, .WCMH2021 .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 7px; } /* line 113, .tmp/app/themes/WCMH2021/ViewersChoice/styles.scss */ .WCMH2021 .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WCMH2021 .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { padding-right: 5px; } /* line 9, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021.MegaChatter .view-container.show-megachatter.tile-medium .scene-wrapper [megachatter], .WCMH2021.MegaChatter .view-container.show-megachatter.tile-small .scene-wrapper [megachatter] { width: 100%; min-width: auto; max-width: none; } /* line 20, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container { background: #fff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 25, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container.featured { background: #fff; } /* line 29, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 33, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 38, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 40, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container .content-wrapper .message-name { font-size: 18px; color: #07386a; padding: 0; margin: 0; } /* line 46, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container .content-wrapper .message-text { font-size: 14px; color: #07386a; padding: 0; } /* line 51, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 54, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 59, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 64, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 73, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-list { max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 79, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 84, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-input-container { background: #e9e9e9; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 89, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 94, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 98, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; font-size: 16px; background: #07386a; } /* line 106, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-input-container .message-container textarea.editing-text { height: 80px; } /* line 110, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 117, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .message-input-container button { margin: 0 5px 5px 5px; padding: 10px 15px; background: #07386a; } /* line 126, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 message-list.stacked .message-list, .WCMH2021 message-list.veil .message-list { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 132, .tmp/app/themes/WCMH2021/Megachatter/styles.scss */ .WCMH2021 .megachatter-title { background: #fff; color: #07386a; padding: 10px 0; margin: 0; text-align: center; border-bottom: 1px solid black; } /* line 2, .tmp/app/themes/WCMH2021/PredictionCTA/styles.scss */ .WCMH2021.PredictionCTA h1, .WCMH2021 [prediction-cta] h1 { font-size: 24px; height: auto; color: #07386a; font-weight: 700; margin: 0 auto; padding: 10px 10px 0 10px; } /* line 10, .tmp/app/themes/WCMH2021/PredictionCTA/styles.scss */ .WCMH2021.PredictionCTA p, .WCMH2021 [prediction-cta] p { text-align: center; color: #07386a; margin: auto; padding: 20px 0 5px 0; font-size: 16px; } /* line 17, .tmp/app/themes/WCMH2021/PredictionCTA/styles.scss */ .WCMH2021.PredictionCTA button, .WCMH2021 [prediction-cta] button { margin: 0 auto 30px auto; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; } /* line 22, .tmp/app/themes/WCMH2021/PredictionCTA/styles.scss */ .WCMH2021.PredictionCTA button .material-icons, .WCMH2021 [prediction-cta] button .material-icons { font-size: 18px; } /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Main Styles ====================================*/ /* line 7, .tmp/app/themes/WAVYNorfolk/base.scss */ html, body { height: 100%; } /* line 11, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk { background-color: #fff; background-image: none; background-position: center center; color: #dadada; font-family: "Lato-Heavy", sans-serif; text-shadow: none; /*==================================== h1 - Large Messages; i.e. Bulletin ====================================*/ /*==================================== h2 - Question Text represented in all product scenes as an
tag ====================================*/ /*==================================== h3 - ====================================*/ /*==================================== h4 - ====================================*/ /*==================================== .app-container - main container for the entire application; includes header and footer ====================================*/ /*==================================== .view-container - container for views, scenes and products ====================================*/ /*==================================== header/footer ====================================*/ /*==================================== p - most common text should be a====================================*/ /*==================================== a - all links, including twitter/megachatter ====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:50:30 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in-top * ---------------------------------------- */ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:51:3 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-out-bottom * ---------------------------------------- */ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 19, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .main-content-container { height: 100%; } /* line 23, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk h1, .WAVYNorfolk h2, .WAVYNorfolk h3, .WAVYNorfolk h4 { text-align: center; } /* line 30, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #16416f; font-size: 23px; line-height: 1.4; padding: 10px; } /* line 45, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .question { background: #16416f; } /* line 47, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .question h2 { color: #fff; font-weight: 700; } /* line 53, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk h2 { color: #fff; font-size: 25px; font-weight: 400; overflow: hidden; vertical-align: middle; padding: 12px 20px; margin: 0; } /* line 66, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk h3 { font-size: 23px; color: #fff; padding: 0 20px; } /* line 71, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk h3 .locInserted { color: #555555; } /* line 79, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk h4 { font-size: 20px; color: #fff; } /* line 89, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .app-container { margin: 0 auto; background-color: #dadada; background-repeat: no-repeat; min-height: 100%; overflow: hidden; } /* line 95, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .app-container .winner-feedback-button { margin: 5px auto; z-index: 100; display: -ms-grid; display: grid; -ms-grid-columns: 20px auto; grid-template-columns: 20px auto; grid-gap: 5px; } /* line 104, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .app-container .winner-feedback-button .winner-icon { height: 100%; width: 100%; background: url("../themes/WAVYNorfolk/images/trophy-solid.png"); background-repeat: no-repeat; background-position: center; background-size: contain; animation: jello-horizontal 0.9s both; } /* line 121, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .view-container { position: relative; } /* line 128, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk footer, .WAVYNorfolk header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 135, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk header { width: 100%; } /* line 139, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk header .column { vertical-align: middle; } /* line 146, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk p { padding: 0 30px; } /* line 153, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk a { color: #555555; } /* line 161, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk.trivia .user-label { display: block; text-align: center; } /* line 167, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .user-label { color: #fff; background: #5482b5; display: none; font-size: 16px; margin: 0 auto; padding: 5px 30px; width: 100%; } /* line 177, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .media > .pull-left { margin-right: 20px; } /* line 184, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .share-score-button { background: url("../themes/WAVYNorfolk/images/twitter-icon.png"), linear-gradient(to bottom, #f5f3f3 0%, #cbcbcb 100%); background-size: auto 16px, 100%; background-position: right 6px center, center; background-repeat: no-repeat; margin: 10px auto; width: max-content; max-width: 220px; border: none; border-radius: 1px; position: relative; } /* line 195, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .share-score-button h2 { font-size: 13px; color: #000000; text-align: left; padding: 4px 10px; min-height: 33px; margin-right: 33px; text-transform: capitalize; border: none; background-color: transparent; border-right: 1px solid #000000; height: 100%; } /* line 211, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 215, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 225, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; font-weight: normal; margin: 0; padding: 0; } /* line 234, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } /* line 242, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .product-container { min-width: 320px; } @media screen and (min-width: 666px) { /* line 250, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .app-container { width: 100%; } /* line 253, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .view-container { min-height: 320px; width: 100%; } } /* line 260, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .medium-width .question { margin: 0 auto; } /* line 263, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .medium-width .question h2 { font-size: 36px; } /* line 268, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .medium-width h1 { font-size: 33px; } @media screen and (max-width: 666px) { /* line 277, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .app-container { width: 100%; } /* line 280, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .view-container { min-height: 280px; width: 100%; } } /* line 286, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .small-width .question, .WAVYNorfolk .tiny-width .question { width: 100%; } /* line 287, .tmp/app/themes/WAVYNorfolk/base.scss */ .WAVYNorfolk .small-width .question h2, .WAVYNorfolk .tiny-width .question h2 { font-size: 20px; padding: 5px; } /* line 4, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk input, .WAVYNorfolk textarea, .WAVYNorfolk .date-picker > select { background-color: #fff; border: 1px solid #333; border-right-color: #666; border-bottom-color: #666; padding: 5px 10px; font-size: 16px; color: #000000; } /* line 15, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk input:focus, .WAVYNorfolk textarea:focus, .WAVYNorfolk .date-picker > select:focus { background-color: #ebebeb; border-color: #666; border-right-color: #999; border-bottom-color: #999; } /* line 24, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .touched .WAVYNorfolk input.ng-invalid, .attempted .WAVYNorfolk input.ng-invalid, .touched .WAVYNorfolk textarea.ng-invalid, .attempted .WAVYNorfolk textarea.ng-invalid, .touched .WAVYNorfolk .date-picker > select.ng-invalid, .attempted .WAVYNorfolk .date-picker > select.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 33, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #919191; } /* line 37, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk ::-moz-placeholder { /* Firefox 19+ */ color: #919191; } /* line 41, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk :-ms-input-placeholder { /* IE 10+ */ color: #919191; } /* line 45, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk :-moz-placeholder { /* Firefox 18- */ color: #919191; } /* line 49, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk button { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #16416f; border: none; cursor: pointer; text-transform: uppercase; padding: 8px 30px; margin: 5px auto; letter-spacing: 2px; } /* line 58, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk button.small-button { margin: 10px 0; padding: 5px 20px; } /* line 65, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk .date-picker select { padding: 5px; margin: 5px; } /* line 70, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk .date-picker input { visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* line 79, .tmp/app/themes/WAVYNorfolk/_forms.scss */ .WAVYNorfolk .errorText { color: #dadada; } /* line 7, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answers { list-style: none; margin: 0 auto; } /* line 11, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answers:after { content: ""; clear: both; } /* line 17, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); box-shadow: inset -2px -2px rgba(0, 0, 0, 0.35); transition: all ease-in-out 0.5s; transform: translateZ(0); } /* line 28, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer.pulse { animation: pulse 0.5s ease backwards; } /* line 32, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 10, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .multi-choice .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .multi-choice .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 100px; } /* line 18, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .multi-choice .answer .percent-container .progress-container { padding-top: 5px; } /* line 40, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer.selected .your-vote-indicator { display: block !important; opacity: 1 !important; } /* line 44, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer.selected .answer-text { background: #5482b5; } /* line 50, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer.popular .popular-icon { opacity: 1; } /* line 56, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer .popular-icon { opacity: 0; position: absolute; z-index: -1; background-image: url("../themes/WAVYNorfolk/images/indicators/popular-answer-icon.png"), linear-gradient(to left, #ffffff 0%, #ffffff 50%, #ffffff 100%); background-position: center; background-repeat: no-repeat; transition: top ease-in-out 0.3s, bottom ease-in-out 0.3s, opacity ease-in-out 0.3s; } /* line 67, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer .your-vote-indicator { display: none; opacity: 0; position: absolute; transition: opacity ease-in-out 0.5s; z-index: 102; background: #5482b5; color: #fff; text-align: center; } /* line 79, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 84, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer .answer-text { background: #16416f; color: #fff; font-size: 17px; line-height: 1.1em; padding: 5px 10px; text-align: center; box-shadow: inset 2px 2px rgba(255, 255, 255, 0.15), inset -1px -1px rgba(0, 0, 0, 0.35); transition: all ease-in-out 0.5s; } /* line 95, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice .answer .percent-text { color: #16416f; transition: all ease-in-out 0.5s; } /* line 102, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice.inactive .answer { cursor: default; } /* line 113, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice.trivia.answered.guessed .answers .answer.correct:not(.selected) { transition-delay: 4s; } /* line 124, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice.trivia.answered .answers .answer .popular-icon { display: block; opacity: 1; background-image: url("../themes/WAVYNorfolk/images/indicators/incorrect-answer-icon.png"), linear-gradient(to left, #ffffff 0%, #ffffff 50%, #ffffff 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 133, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice.trivia.answered .answers .answer.incorrect { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 137, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice.trivia.answered .answers .answer.correct { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 140, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice.trivia.answered .answers .answer.correct .popular-icon { background-image: url("../themes/WAVYNorfolk/images/indicators/correct-answer-icon.png"), linear-gradient(to left, #ffffff 0%, #ffffff 50%, #ffffff 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 154, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice.survey.answered .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 157, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .multi-choice.survey.answered .answer.popular { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 167, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.with-votes .vote-container { display: -ms-flexbox; display: flex; } /* line 172, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .vote-container { display: none; } /* line 179, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-scene-results .answered .percent-container { display: none; } /* line 183, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-scene-results .answered .answer-text { height: 100%; } /* line 187, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-scene-results .answered .popular-icon { display: none; } /* line 194, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-scene-results .medium-width .answered.pic-pick .image-container { position: absolute; top: 1px; } /* line 199, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 202, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text.no-image { padding-left: 10px; } /* line 214, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-during-scene .multi-choice:not(.answered) .percent-container { display: none; } /* line 218, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-during-scene .multi-choice:not(.answered) .answer-text { height: 100%; } /* line 222, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-during-scene .multi-choice:not(.answered) .popular-icon { display: none; } /* line 229, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .image-container { position: absolute; top: 1px; } /* line 234, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 237, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text.no-image { padding-left: 10px; } /* line 249, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .small-width .multi-choice .popular-icon, .WAVYNorfolk .tiny-width .multi-choice .popular-icon { width: 68px; height: 17px; left: 0; top: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 258, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .small-width .multi-choice .your-vote-indicator, .WAVYNorfolk .tiny-width .multi-choice .your-vote-indicator { width: calc(100% - 69px); height: 17px; right: 0; top: -18px; overflow: visible; line-height: 1.2; font-size: 15px; } /* line 268, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .small-width .multi-choice .answers, .WAVYNorfolk .tiny-width .multi-choice .answers { padding: 0 0 0 12px; } /* line 274, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .small-width .multi-choice .answer.popular .popular-icon, .WAVYNorfolk .tiny-width .multi-choice .answer.popular .popular-icon { top: -18px; } /* line 285, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .small-width .multi-choice.trivia.answered .answers .answer .popular-icon, .WAVYNorfolk .tiny-width .multi-choice.trivia.answered .answers .answer .popular-icon { top: -18px; } /* line 303, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .medium-width .multi-choice .popular-icon { width: 100%; height: 17px; left: 0; bottom: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 312, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .medium-width .multi-choice .your-vote-indicator { width: 100%; height: 17px; line-height: 1.3; left: 0; top: -18px; overflow: visible; } /* line 321, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .medium-width .multi-choice .answers { padding: 0 0 12px 0; } /* line 327, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .medium-width .multi-choice .answer.popular .popular-icon { opacity: 1; bottom: -18px; } /* line 338, .tmp/app/themes/WAVYNorfolk/_multi-choice-base.scss */ .WAVYNorfolk .medium-width .multi-choice.trivia.answered .answers .answer .popular-icon { bottom: -18px; } /* line 7, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal-backdrop.in { opacity: 0.1; } /* line 21, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.megaphone-default-modal .modal-dialog, .WAVYNorfolk .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 26, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 34, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; } /* line 40, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 48, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal { background: rgba(0, 0, 0, 0.3); opacity: 0.96; position: fixed !important; } /* line 52, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .toggle-score-and-feedback { display: none; } /* line 56, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog { display: block; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; } /* line 62, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 70, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 75, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #fff; border: 3px solid #5482b5; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; } /* line 94, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 97, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; padding: 5px; min-width: 130px; } /* line 106, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 111, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 5px; margin: 0; } /* line 116, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 124, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content iframe { border: none; width: 100%; height: calc(100% - 6px); } @supports (-webkit-overflow-scrolling: touch) { /* line 124, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .feedback-modal .modal-dialog .modal-content iframe { height: 100%; } } /* line 138, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 145, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .leaderboard-modal { z-index: 5050 !important; } /* line 147, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .leaderboard-modal .modal-body { background: #dadada; } /* line 155, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.offer-modal.WAVYNorfolk .modal-dialog { margin: 5px auto; width: calc(100% - 10px); } /* line 159, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.offer-modal.WAVYNorfolk .modal-body { height: unset; padding: 5px; } /* line 163, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.offer-modal.WAVYNorfolk .offer-background-image { background-size: contain; background-repeat: no-repeat; } /* line 167, .tmp/app/themes/WAVYNorfolk/_modal.scss */ .WAVYNorfolk .modal.offer-modal.WAVYNorfolk .offer-foreground-image { max-height: 400px; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .app-container .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .app-container .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 31, .tmp/app/themes/WAVYNorfolk/_survey-bars.scss */ .WAVYNorfolk .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border: none; border-radius: 0; } /* line 40, .tmp/app/themes/WAVYNorfolk/_survey-bars.scss */ .WAVYNorfolk .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background: #16416f; position: absolute; width: 0; } /* line 46, .tmp/app/themes/WAVYNorfolk/_survey-bars.scss */ .WAVYNorfolk .app-container .slider-track-fg, .WAVYNorfolk .app-container .trivia .correct .progress-bar, .WAVYNorfolk .app-container .survey .popular .progress-bar { background: #5482b5; } /* line 51, .tmp/app/themes/WAVYNorfolk/_survey-bars.scss */ .WAVYNorfolk .app-container .trivia .correct .progress, .WAVYNorfolk .app-container .survey .popular .progress { border-color: #16416f; } /* line 55, .tmp/app/themes/WAVYNorfolk/_survey-bars.scss */ .WAVYNorfolk .app-container .slider-track, .WAVYNorfolk .app-container .progress { background-color: #fff; } /* line 59, .tmp/app/themes/WAVYNorfolk/_survey-bars.scss */ .WAVYNorfolk .app-container .slider-track { border: none; } /* line 4, .tmp/app/themes/WAVYNorfolk/_status-bars.scss */ .WAVYNorfolk .status-bar-container { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); height: 24px; transition: background 0.5s ease; margin-bottom: 30px; overflow: hidden; position: relative; } /* line 14, .tmp/app/themes/WAVYNorfolk/_status-bars.scss */ .WAVYNorfolk .status-bar-container h2 { background: none; color: #16416f; margin: 0; padding: 2px; font-size: 17px; height: auto; min-height: 0; } /* line 23, .tmp/app/themes/WAVYNorfolk/_status-bars.scss */ .WAVYNorfolk .status-bar-container .status-item { position: absolute; top: 0; left: 0; right: 0; margin: auto; } /* line 29, .tmp/app/themes/WAVYNorfolk/_status-bars.scss */ .WAVYNorfolk .status-bar-container .status-item.ng-leave { animation: fade-out-bottom-status 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* line 33, .tmp/app/themes/WAVYNorfolk/_status-bars.scss */ .WAVYNorfolk .status-bar-container .status-item.ng-enter { animation: fade-in-top-status 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } @keyframes fade-in-top-status { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-out-bottom-status { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } /* line 5, .tmp/app/themes/WAVYNorfolk/_share-your-vote.scss */ .WAVYNorfolk share-your-vote .share-vote { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /* line 9, .tmp/app/themes/WAVYNorfolk/_share-your-vote.scss */ .WAVYNorfolk share-your-vote .share-vote .twitter-share { -ms-flex-pack: end; justify-content: flex-end; background: #38a8e0; margin-right: 10px; } /* line 14, .tmp/app/themes/WAVYNorfolk/_share-your-vote.scss */ .WAVYNorfolk share-your-vote .share-vote .facebook-share { -ms-flex-pack: start; justify-content: flex-start; background: #3e528e; margin-left: 10px; } /* line 20, .tmp/app/themes/WAVYNorfolk/_share-your-vote.scss */ .WAVYNorfolk share-your-vote a { color: white; border-radius: 3px; max-width: 90px; } /* line 24, .tmp/app/themes/WAVYNorfolk/_share-your-vote.scss */ .WAVYNorfolk share-your-vote a img { max-height: 18px; max-width: 18px; margin: 0 10px; } /* line 5, .tmp/app/themes/WAVYNorfolk/_score_summary.scss */ .WAVYNorfolk score-summary p { font-size: 16px; color: #fff; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: bold; } /* line 14, .tmp/app/themes/WAVYNorfolk/_score_summary.scss */ .WAVYNorfolk score-summary p span.locInserted { font-weight: bold; } /* line 17, .tmp/app/themes/WAVYNorfolk/_score_summary.scss */ .WAVYNorfolk score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/WAVYNorfolk/_score_summary.scss */ .WAVYNorfolk .score-summary-container { background: #5482b5; } /* line 4, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk.inactive .view-container .message-list, .WAVYNorfolk.connecting .view-container .message-list { min-height: 200px; } /* line 11, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk.post_game .view-container button, .WAVYNorfolk.final_result .view-container button { margin: 10px 0; } /* line 14, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk.post_game .view-container .megachatter-container, .WAVYNorfolk.final_result .view-container .megachatter-container { margin: auto !important; max-width: 1000px !important; width: 100% !important; } /* line 18, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk.post_game .view-container .megachatter-container .message-list, .WAVYNorfolk.final_result .view-container .megachatter-container .message-list { min-height: 300px !important; } /* line 22, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk.post_game .view-container [feedback], .WAVYNorfolk.final_result .view-container [feedback] { display: none !important; } /* line 33, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.megachatter-top { position: relative; } /* line 36, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.megachatter-top.tile-small .megachatter-container, .WAVYNorfolk .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0 0 10px 0; } /* line 43, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.megachatter-bottom { position: relative; } /* line 46, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.megachatter-bottom.ticker-small .megachatter-container, .WAVYNorfolk .view-container.megachatter-bottom.ticker-medium .megachatter-container, .WAVYNorfolk .view-container.megachatter-bottom.carousel-small .megachatter-container, .WAVYNorfolk .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 51, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.megachatter-bottom.tile-small .megachatter-container, .WAVYNorfolk .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 10px 0 0 0; } /* line 58, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small, .WAVYNorfolk .view-container.show-megachatter.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 63, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .megachatter-container, .WAVYNorfolk .view-container.show-megachatter.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 66, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WAVYNorfolk .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 250px; max-height: 100%; background: #fff; } /* line 71, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .WAVYNorfolk .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 666px) { /* line 58, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small, .WAVYNorfolk .view-container.show-megachatter.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 83, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .product-container, .WAVYNorfolk .view-container.show-megachatter.tile-small .user-label, .WAVYNorfolk .view-container.show-megachatter.tile-small .scene-wrapper, .WAVYNorfolk .view-container.show-megachatter.tile-medium .product-container, .WAVYNorfolk .view-container.show-megachatter.tile-medium .user-label, .WAVYNorfolk .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 320px; margin: 0; } /* line 87, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .scene-wrapper, .WAVYNorfolk .view-container.show-megachatter.tile-medium .scene-wrapper { overflow: hidden; } /* line 90, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .megachatter-container, .WAVYNorfolk .view-container.show-megachatter.tile-medium .megachatter-container { padding-top: 0 !important; width: auto; border: 1px solid #fff; margin-left: 10px; } /* line 96, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WAVYNorfolk .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 200px !important; } } @media screen and (min-width: 1110px) { /* line 103, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .product-container, .WAVYNorfolk .view-container.show-megachatter.tile-small .user-label, .WAVYNorfolk .view-container.show-megachatter.tile-small .scene-wrapper, .WAVYNorfolk .view-container.show-megachatter.tile-medium .product-container, .WAVYNorfolk .view-container.show-megachatter.tile-medium .user-label, .WAVYNorfolk .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 666px; } /* line 106, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .megachatter-container, .WAVYNorfolk .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; } } @media screen and (max-width: 666px) { /* line 111, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.show-megachatter.tile-small .megachatter-container, .WAVYNorfolk .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; width: 100%; min-width: 320px; margin: auto; border-bottom: 1px solid #fff; } } /* line 122, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small, .WAVYNorfolk .view-container.ticker-medium { overflow: hidden; } /* line 124, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small .megachatter-container, .WAVYNorfolk .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #fff; height: 100px; } /* line 128, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small .megachatter-container message-list, .WAVYNorfolk .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 143, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small .megachatter-container message-list .message-list, .WAVYNorfolk .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 148, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small .megachatter-container message-list .message-list message-item, .WAVYNorfolk .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 154, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .WAVYNorfolk .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 158, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .WAVYNorfolk .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 164, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WAVYNorfolk .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 172, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.ticker-small .megachatter-container message-input, .WAVYNorfolk .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 180, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.carousel-small .megachatter-container, .WAVYNorfolk .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 183, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.carousel-small .megachatter-container message-list, .WAVYNorfolk .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 186, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.carousel-small .megachatter-container message-list .message-list, .WAVYNorfolk .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #fff; border-bottom: 1px solid #fff; position: relative; } /* line 192, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.carousel-small .megachatter-container message-list .message-list message-item, .WAVYNorfolk .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #fff; overflow: hidden; } /* line 205, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .WAVYNorfolk .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 212, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .WAVYNorfolk .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 217, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WAVYNorfolk .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 225, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container.carousel-small .megachatter-container message-input, .WAVYNorfolk .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 232, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer { z-index: 5; } /* line 237, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 246, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 253, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 259, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer .drawer-container { position: relative; } /* line 262, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 266, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #fff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #dadada; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 274, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #16416f; } /* line 279, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 303, .tmp/app/themes/WAVYNorfolk/_megachatter-presentations.scss */ .WAVYNorfolk.stacked .main-content-container.megachatter-hidden megachatter-presentations, .WAVYNorfolk.veil .main-content-container.megachatter-hidden megachatter-presentations { display: none; } /* line 2, .tmp/app/themes/WAVYNorfolk/gdpr-banner.scss */ .WAVYNorfolk gdpr-banner .banner-container { background: #313131; padding: 9px; } /* line 5, .tmp/app/themes/WAVYNorfolk/gdpr-banner.scss */ .WAVYNorfolk gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 12px; text-align: center; } /* line 11, .tmp/app/themes/WAVYNorfolk/gdpr-banner.scss */ .WAVYNorfolk gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 16, .tmp/app/themes/WAVYNorfolk/gdpr-banner.scss */ .WAVYNorfolk gdpr-banner .banner-container img { width: 20px; height: 20px; margin: 0 0 0 25px; cursor: pointer; } /* line 24, .tmp/app/themes/WAVYNorfolk/gdpr-banner.scss */ .WAVYNorfolk gdpr-banner .ng-enter, .WAVYNorfolk gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 27, .tmp/app/themes/WAVYNorfolk/gdpr-banner.scss */ .WAVYNorfolk gdpr-banner .ng-enter, .WAVYNorfolk gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 32, .tmp/app/themes/WAVYNorfolk/gdpr-banner.scss */ .WAVYNorfolk gdpr-banner .ng-leave, .WAVYNorfolk gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk points-countdown { display: none; } /* line 11, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .trivia points-countdown { display: block; } /* line 14, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .trivia .points-and-countdown-container { margin: 0; } /* line 18, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .trivia .status-bar-container { margin-bottom: 0 !important; position: relative; z-index: 1; } /* line 26, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .trivia .current-question-status-container { margin-bottom: 25px; } /* line 31, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .current-question-status-container { position: relative; display: block; width: 100%; } /* line 37, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .points-and-countdown-container { border-radius: 0; position: absolute; width: 100%; z-index: 2; top: 0; left: 0; height: 0; pointer-events: none; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); color: #16416f; } /* line 49, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .points-and-countdown-container .points, .WAVYNorfolk .points-and-countdown-container .countdown { color: #fff; text-align: center; top: -4px; position: absolute; z-index: 3; height: 30px; width: 60px; background: linear-gradient(to bottom, #0241d3 0%, #001c70 100%); } /* line 59, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .points-and-countdown-container .points { left: 0; font-size: 14px; } /* line 64, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .points-and-countdown-container .countdown { right: 0; font-size: 18px; } /* line 70, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points { position: absolute; color: #16416f; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); padding: 0; width: 95px; height: 95px; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 93, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 98, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutUp 0.5s ease-out 1.5s both; } /* line 103, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePoints 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 110, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 118, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points .x-container .top-left-to-bottom-right, .WAVYNorfolk #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 131, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 136, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 142, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 147, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 151, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 154, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 159, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 166, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 173, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #total-points { width: 100%; padding: 5px; color: #16416f; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; font-size: 18px; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 191, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #total-points:not(.no-points).total-value-is-animating { font-size: 26px; } /* line 195, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk #total-points:not(.no-points).total-value-is-displayed { font-size: 18px; } @keyframes animateTotalPointsStreaming { from { height: 0; opacity: 0; transform: translate3d(0, -100%, 0); } to { height: 30px; opacity: 1; transform: translate3d(0, 0, 0); } } /* line 215, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .small-width points-countdown, .WAVYNorfolk .tiny-width points-countdown { position: relative; top: 10px; } /* line 220, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .small-width .trivia .current-question-status-container, .WAVYNorfolk .tiny-width .trivia .current-question-status-container { Margin: 0 auto 60px auto; } /* line 224, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .small-width #total-points, .WAVYNorfolk .tiny-width #total-points { top: -10px; } /* line 228, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .small-width .points-and-countdown-container .points, .WAVYNorfolk .tiny-width .points-and-countdown-container .points { left: 0; } /* line 232, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk .small-width .points-and-countdown-container .countdown, .WAVYNorfolk .tiny-width .points-and-countdown-container .countdown { right: 0; } /* line 240, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk.hide-points-during-scene .points { display: none; } /* line 243, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk.hide-points-during-scene .confetti { display: none; } /* line 246, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk.hide-points-during-scene #round-points { display: none; } /* line 249, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk.hide-points-during-scene #total-points { display: none; } /* line 255, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk.hide-countdown-during-scene .countdown { display: none; } /* line 261, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk.hide-countdown-scene-results.round_end .countdown { display: none; } /* line 270, .tmp/app/themes/WAVYNorfolk/_points-and-countdown.scss */ .WAVYNorfolk.hide-points-during-scene.hide-countdown-during-scene .small-width .trivia .current-question-status-container, .WAVYNorfolk.hide-points-during-scene.hide-countdown-during-scene .tiny-width .trivia .current-question-status-container, .WAVYNorfolk.hide-points-during-scene.hide-countdown-scene-results.round_end .small-width .trivia .current-question-status-container, .WAVYNorfolk.hide-points-during-scene.hide-countdown-scene-results.round_end .tiny-width .trivia .current-question-status-container { Margin: 0 auto 50px auto; } /* line 2, .tmp/app/themes/WAVYNorfolk/_veil.scss */ .WAVYNorfolk.veil { background: transparent; } /* line 4, .tmp/app/themes/WAVYNorfolk/_veil.scss */ .WAVYNorfolk.veil .main-content-container { position: absolute; bottom: 10px; right: 0; left: 0; height: 40%; width: 90%; margin: auto; border-radius: 5px; opacity: 0.9; overflow: auto; border: 1px solid #808080; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); transform: translate3d(0, 0, 0); } /* line 20, .tmp/app/themes/WAVYNorfolk/_veil.scss */ .WAVYNorfolk.veil .modal-backdrop { display: none; } /* line 25, .tmp/app/themes/WAVYNorfolk/_veil.scss */ .WAVYNorfolk.veil .offer-modal, .WAVYNorfolk.veil .feedback-modal { position: absolute; bottom: 10px; right: 0; left: 0; top: unset; height: 40%; width: 90%; margin: auto; border-radius: 5px; overflow: auto; box-shadow: none; } /* line 40, .tmp/app/themes/WAVYNorfolk/_veil.scss */ .WAVYNorfolk.veil .feedback-modal { height: 60%; } /* line 42, .tmp/app/themes/WAVYNorfolk/_veil.scss */ .WAVYNorfolk.veil .feedback-modal .modal-dialog { height: 100%; width: 100%; margin: auto; border-radius: 5px; } /* line 4, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container { width: 100%; } /* line 6, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .predictions-navigation-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 5px 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .predictions-navigation-container * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 15, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .predictions-navigation-container.with-scene-counter { -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr max-content 1fr; grid-gap: 5px; } /* line 18, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .predictions-navigation-container.with-scene-counter .scene-counter-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #16416f; color: #fff; padding: 6px; border: 1px solid #fff; border-radius: 5px; } /* line 30, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .predictions-navigation-container p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 35, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .predictions-navigation-container .predictions-navigation { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #16416f; font-size: 14px; padding: 10px; text-align: center; transition: background-color 0.15s linear; cursor: pointer; } /* line 46, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .predictions-navigation-container .predictions-navigation.active { background-color: #1e5a9a; } /* line 52, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-title-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 55, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; grid-gap: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 61, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard span { font-size: 12px; color: #000; font-weight: normal; } /* line 66, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard svg { width: 10px; } /* line 72, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-title-container h3 { color: #000; margin: 0; padding: 0; text-align: left; font-size: 16px; } /* line 80, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-action-bar { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 12px; text-decoration: underline; padding: 5px 5px 0 5px; cursor: pointer; } /* line 93, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 101, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; z-index: 25; } /* line 109, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 118, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 121, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 126, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 131, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 135, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name, .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 141, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 145, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 153, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .card-container { width: 95%; margin: 10px auto; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 10px; overflow: hidden; transition: opacity 0.15s ease, transform 0.15s ease; max-width: 600px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 167, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .card-container h1 { color: #16416f; } /* line 170, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .card-container .back-button { cursor: pointer; } /* line 172, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .card-container .back-button p { color: #000; } /* line 177, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-title { color: #000; padding: 5px; } /* line 181, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .main-content-container { position: relative; } /* line 184, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .back-button, .WAVYNorfolk #predictions-container .next-button { display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 192, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .back-button span:hover, .WAVYNorfolk #predictions-container .back-button svg:hover, .WAVYNorfolk #predictions-container .next-button span:hover, .WAVYNorfolk #predictions-container .next-button svg:hover { cursor: pointer; text-decoration: underline; } /* line 197, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .back-button .back-icon, .WAVYNorfolk #predictions-container .next-button .back-icon { width: 16px; height: 16px; } /* line 201, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .back-button p, .WAVYNorfolk #predictions-container .next-button p { margin: 0; padding: 0; color: #000; } /* line 207, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .back-button-with-shaft { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 15px; width: 15px; background-size: contain; cursor: pointer; background-color: transparent; padding: 0; border: none; opacity: 1; cursor: pointer; margin: 0 2px 0 0; } /* line 223, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .back-button-with-shaft.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 229, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .next-button { -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 231, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .next-button p { text-align: right; } /* line 234, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .next-button svg { transform: rotateY(180deg); } /* line 239, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .loading-container { height: 200px; width: 200px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; } /* line 249, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; padding: 10px; } /* line 255, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item { max-width: 600px; width: 95%; background-color: #16416f; border-radius: 5px; cursor: pointer; transition: opacity 0.15s ease, transform 0.15s ease; } /* line 262, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item:hover { opacity: 0.9; transform: scale(1.03); } /* line 266, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container, .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { transition: opacity 0.4s ease; } /* line 269, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton { cursor: auto; min-height: 44px; background: linear-gradient(0.25turn, transparent, #ffffff47, transparent), linear-gradient(#16416f, #16416f), radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%), linear-gradient(#eee, #eee); background-repeat: no-repeat; background-size: 600px 250px, 600px 180px, 100px 100px, 225px 30px; background-position: -600px 0, 0 0, 0px 190px, 50px 195px; animation: loading-gradient-shine 1.5s infinite; } /* line 277, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-points-container, .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-content { opacity: 0; overflow: hidden; } /* line 281, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton:hover { opacity: 1; transform: none; } /* line 286, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { color: #fff; padding: 12px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: auto; } /* line 295, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content p { margin: 0; padding: 0; } /* line 299, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content .right-chevron { width: 18px; height: 18px; } /* line 304, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container { border-radius: 0 0 5px 5px; } /* line 305, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container p { margin: 0; color: #fff; font-weight: lighter; text-align: center; padding: 3px; font-size: 12px; } /* line 314, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.correct { background-color: #27ae60; } /* line 317, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.incorrect { background-color: #c0392b; } /* line 320, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.info { background-color: gray; } /* line 328, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container.is-logged-out .logged-out-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; height: 100%; transition-delay: 0.1s; } /* line 335, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container.is-logged-out .logged-out-container h1 { animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; color: #000; font-weight: 600; font-size: 20px; text-align: center; margin: 10px auto; } /* line 343, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container.is-logged-out .logged-out-container button { border-radius: 5px; animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both; } /* line 348, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container.is-logged-out .logged-out-container .splash-screen-container { width: 100%; height: 100%; } /* line 351, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container.is-logged-out .logged-out-container .splash-screen-container img { width: 100%; height: auto; margin: 0 auto; cursor: pointer; } /* line 360, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .user-image { width: 40px; height: 40px; background: #16416f; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 375, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 384, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #predictions-container .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 399, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper h3 { color: #ffffff; background-color: #16416f; margin: 0; padding: 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-bottom: 1px solid #ffffff80; } /* line 407, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .close-panel-button { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 412, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .user-results-list-container { overflow: auto; } /* line 414, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .user-results-list-container .user-result-item { margin: 0 20px; } /* line 416, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .user-results-list-container .user-result-item .date-heading { padding: 2px; font-size: 12px; font-weight: normal; text-align: center; border-bottom: 1px solid; max-width: 620px; margin: 8px auto; } /* line 425, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper { background-color: #16416f; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 10px auto; border-radius: 20px; overflow: hidden; color: #fff; max-width: 600px; } /* line 439, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points:hover { background-repeat: repeat-x; background-position: top -10px center; background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='0' width='4' height='8'/%3E%3Crect x='84' y='0' width='4' height='8'/%3E%3Crect x='126' y='0' width='3' height='9'/%3E%3Crect x='168' y='0' width='3' height='9'/%3E%3Crect x='210' y='0' width='4' height='8'/%3E%3Crect x='252' y='0' width='4' height='9'/%3E%3Crect x='294' y='0' width='4' height='8'/%3E%3Crect x='336' y='0' width='3' height='9'/%3E%3Crect x='378' y='0' width='3' height='9'/%3E%3Crect x='420' y='0' width='4' height='8'/%3E%3Crect x='462' y='0' width='4' height='8'/%3E%3Crect x='504' y='0' width='3' height='9'/%3E%3Crect x='546' y='0' width='4' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 831ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 642ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 676ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 819ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E"); } /* line 446, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points .points-container { background: #27ae60; } /* line 452, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-container { background: #c0392b; padding: 5px; border-radius: 20px; color: #fff; min-width: 68px; text-align: center; font-size: 12px; } /* line 461, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-awarded-text { text-align: center; padding-right: 30px; } /* line 468, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .your-results-wrapper .tag-line { padding: 10px; color: #000; font-weight: normal; text-align: center; } /* line 478, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .close-panel-button { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 22px; width: 22px; position: absolute; top: 8px; left: 8px; background-size: contain; margin: 0; cursor: pointer; background-color: transparent; border-radius: 50%; padding: 0; border: none; opacity: 1; z-index: 40; cursor: pointer; } /* line 499, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .close-panel-button.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; } /* line 507, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .fullscreen-panel { position: fixed; top: 0; left: 0; height: calc(100vh - 24px); width: 100vw; background: #fff; z-index: 30; display: -ms-grid; display: grid; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; } /* line 521, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .rankings-wrapper .scroll-wrapper { overflow: auto; } /* line 524, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .rankings-wrapper .rankings-list-container { overflow: auto; } /* line 530, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 539, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; } /* line 546, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 555, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 558, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 563, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 568, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 572, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item .user-image { width: 40px; height: 40px; background: #16416f; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 587, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 596, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 607, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item .user-name, .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 613, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 617, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 626, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container.expanded-leaderboard-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; border-top: 1px solid gray; overflow: auto; } /* line 630, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item { -ms-grid-columns: max-content 50px 1fr max-content; grid-template-columns: max-content 50px 1fr max-content; grid-gap: 10px; border-bottom: 1px solid gray; padding: 5px 15px; border-radius: 0; } /* line 636, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .user-name { text-align: left; font-weight: 600; } /* line 640, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .rank-number { margin: 0; color: #000; padding: 3px 7px; border-radius: 5px; font-size: 12px; border: 1px solid #000; min-width: 33px; text-align: center; } /* line 657, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #prediction-scene-container.animate-fade-in { transition-delay: 0.15s; } /* line 660, .tmp/app/themes/WAVYNorfolk/_predictions.scss */ .WAVYNorfolk #prediction-scene-container.animate-fade-in .megachatter-container .message-list { height: 260px !important; } /* line 5, .tmp/app/themes/WAVYNorfolk/AppInstall/styles.scss */ .WAVYNorfolk.AppInstall header, .WAVYNorfolk [app-install] header { display: none; } /* line 8, .tmp/app/themes/WAVYNorfolk/AppInstall/styles.scss */ .WAVYNorfolk.AppInstall .app-install, .WAVYNorfolk [app-install] .app-install { width: 100%; min-height: 460px; text-align: center; vertical-align: middle; } /* line 11, .tmp/app/themes/WAVYNorfolk/AppInstall/styles.scss */ .WAVYNorfolk.AppInstall .app-install .column, .WAVYNorfolk [app-install] .app-install .column { width: 50%; } /* line 14, .tmp/app/themes/WAVYNorfolk/AppInstall/styles.scss */ .WAVYNorfolk.AppInstall .app-install .app-install-button, .WAVYNorfolk [app-install] .app-install .app-install-button { max-height: 80px; max-width: 160px; } /* line 19, .tmp/app/themes/WAVYNorfolk/AppInstall/styles.scss */ .WAVYNorfolk.AppInstall .app-install a, .WAVYNorfolk [app-install] .app-install a { text-decoration: underline; color: #16416f; cursor: pointer; } /* line 24, .tmp/app/themes/WAVYNorfolk/AppInstall/styles.scss */ .WAVYNorfolk.AppInstall .app-install h1, .WAVYNorfolk [app-install] .app-install h1 { margin: 0 auto; padding: 20px; } /* line 30, .tmp/app/themes/WAVYNorfolk/AppInstall/styles.scss */ .WAVYNorfolk.AppInstall .app-install dynamic-image, .WAVYNorfolk [app-install] .app-install dynamic-image { display: block; margin: auto; width: 72px; height: 72px; } /* line 5, .tmp/app/themes/WAVYNorfolk/Banner/styles.scss */ .WAVYNorfolk.Banner .banner, .WAVYNorfolk [banner] .banner { text-align: center; vertical-align: middle; margin: auto; } /* line 6, .tmp/app/themes/WAVYNorfolk/Banner/styles.scss */ .WAVYNorfolk.Banner .banner a, .WAVYNorfolk [banner] .banner a { text-decoration: underline; color: #fff; cursor: pointer; display: block; } /* line 12, .tmp/app/themes/WAVYNorfolk/Banner/styles.scss */ .WAVYNorfolk.Banner .banner h1, .WAVYNorfolk [banner] .banner h1 { padding: 10px 50px; } /* line 18, .tmp/app/themes/WAVYNorfolk/Banner/styles.scss */ .WAVYNorfolk.Banner .banner dynamic-image, .WAVYNorfolk [banner] .banner dynamic-image { display: block; margin: auto; } /* line 22, .tmp/app/themes/WAVYNorfolk/Banner/styles.scss */ .WAVYNorfolk.Banner .banner .smallBannerImage, .WAVYNorfolk [banner] .banner .smallBannerImage { height: 480px; width: 320px; } /* line 26, .tmp/app/themes/WAVYNorfolk/Banner/styles.scss */ .WAVYNorfolk.Banner .banner .mediumBannerImage, .WAVYNorfolk [banner] .banner .mediumBannerImage { height: 480px; width: 666px; } /* line 8, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked.multiview .app-container .megachatter-container .message-list, .WAVYNorfolk.Blank.veil.multiview .app-container .megachatter-container .message-list, .WAVYNorfolk [blank].stacked.multiview .app-container .megachatter-container .message-list, .WAVYNorfolk [blank].veil.multiview .app-container .megachatter-container .message-list { height: calc(100vh - 109px) !important; max-height: 100%; overflow-y: auto; } /* line 16, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked .scene-wrapper, .WAVYNorfolk.Blank.veil .scene-wrapper, .WAVYNorfolk [blank].stacked .scene-wrapper, .WAVYNorfolk [blank].veil .scene-wrapper { height: 0 !important; } /* line 19, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked header, .WAVYNorfolk.Blank.veil header, .WAVYNorfolk [blank].stacked header, .WAVYNorfolk [blank].veil header { display: none; } /* line 22, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked .view-container, .WAVYNorfolk.Blank.veil .view-container, .WAVYNorfolk [blank].stacked .view-container, .WAVYNorfolk [blank].veil .view-container { min-height: unset; } /* line 25, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked .product-container, .WAVYNorfolk.Blank.veil .product-container, .WAVYNorfolk [blank].stacked .product-container, .WAVYNorfolk [blank].veil .product-container { opacity: 0; height: 0; } /* line 29, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked .main-content-container, .WAVYNorfolk.Blank.veil .main-content-container, .WAVYNorfolk [blank].stacked .main-content-container, .WAVYNorfolk [blank].veil .main-content-container { border: none; box-shadow: none; } /* line 32, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked .main-content-container gdpr-banner, .WAVYNorfolk.Blank.veil .main-content-container gdpr-banner, .WAVYNorfolk [blank].stacked .main-content-container gdpr-banner, .WAVYNorfolk [blank].veil .main-content-container gdpr-banner { display: none; } /* line 35, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked .main-content-container facebook-login, .WAVYNorfolk.Blank.veil .main-content-container facebook-login, .WAVYNorfolk [blank].stacked .main-content-container facebook-login, .WAVYNorfolk [blank].veil .main-content-container facebook-login { display: none; } /* line 39, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked .app-container, .WAVYNorfolk.Blank.veil .app-container, .WAVYNorfolk [blank].stacked .app-container, .WAVYNorfolk [blank].veil .app-container { background: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 44, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked .app-container .megachatter-container .message-list, .WAVYNorfolk.Blank.veil .app-container .megachatter-container .message-list, .WAVYNorfolk [blank].stacked .app-container .megachatter-container .message-list, .WAVYNorfolk [blank].veil .app-container .megachatter-container .message-list { max-height: 100%; } /* line 49, .tmp/app/themes/WAVYNorfolk/Blank/styles.scss */ .WAVYNorfolk.Blank.stacked footer, .WAVYNorfolk.Blank.veil footer, .WAVYNorfolk [blank].stacked footer, .WAVYNorfolk [blank].veil footer { display: none; } /* line 2, .tmp/app/themes/WAVYNorfolk/Bulletin/styles.scss */ .WAVYNorfolk.Bulletin h1, .WAVYNorfolk [bulletin] h1 { font-weight: bold; } /* line 5, .tmp/app/themes/WAVYNorfolk/Bulletin/styles.scss */ .WAVYNorfolk.Bulletin h2, .WAVYNorfolk [bulletin] h2 { background: none; margin: 0; font-size: 22px; min-height: auto; height: auto; } /* line 6, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk.BuyNow .buy-now, .WAVYNorfolk [buy-now] .buy-now { display: block; } /* line 8, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk.BuyNow .buy-now .question, .WAVYNorfolk [buy-now] .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk.BuyNow .buy-now .wrapper, .WAVYNorfolk [buy-now] .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk.BuyNow .buy-now .wrapper img, .WAVYNorfolk [buy-now] .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk.BuyNow .buy-now .wrapper a:hover, .WAVYNorfolk [buy-now] .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk.BuyNow .buy-now .wrapper a, .WAVYNorfolk [buy-now] .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk.BuyNow .buy-now .wrapper a button, .WAVYNorfolk [buy-now] .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } /* line 32, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk .medium-width .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 36, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk .medium-width .buy-now .wrapper img { max-width: 203px; } /* line 40, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk .medium-width .buy-now .wrapper a button { display: block; background-color: #555555; } /* line 49, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk .small-width .buy-now, .WAVYNorfolk .tiny-width .buy-now { margin: 0; } /* line 51, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk .small-width .buy-now img, .WAVYNorfolk .tiny-width .buy-now img { max-width: 306px; } /* line 54, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk .small-width .buy-now a, .WAVYNorfolk .tiny-width .buy-now a { display: block; } /* line 56, .tmp/app/themes/WAVYNorfolk/BuyNow/styles.scss */ .WAVYNorfolk .small-width .buy-now a button, .WAVYNorfolk .tiny-width .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #555555; } /* line 7, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk.ConfigurablePoll .configurable-poll .question .image-container { height: 80px; margin: 10px; width: 80px; } /* line 11, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk.ConfigurablePoll .configurable-poll .question .image-container dynamic-image { display: block; } /* line 21, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers { width: 80%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 24, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 28, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .active-content, .WAVYNorfolk .medium-width .configurable-poll .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 32, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer:first-child, .WAVYNorfolk .medium-width .configurable-poll .answers .answer:nth-child(4), .WAVYNorfolk .medium-width .configurable-poll .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 35, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .image-container { width: 72px; height: 72px; } /* line 39, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .popular-icon, .WAVYNorfolk .medium-width .configurable-poll .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .progress { line-height: 20px; height: 20px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; } /* line 47, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .percent-container { margin: 0; } /* line 49, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; } /* line 54, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 5px; } /* line 58, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .image-container, .WAVYNorfolk .medium-width .configurable-poll .answers .answer .percent-container { margin-top: 0; } /* line 62, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .medium-width .configurable-poll .answers .answer .answer-text { font-size: 17px; min-height: 48px; width: 100%; } /* line 69, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .survey .WAVYNorfolk .medium-width .configurable-poll .answers .answer.popular .percent-text, .trivia .WAVYNorfolk .medium-width .configurable-poll .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 81, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .small-width .configurable-poll .answers, .WAVYNorfolk .tiny-width .configurable-poll .answers { padding: 0 10px; width: 80%; min-width: 320px; } /* line 85, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer { width: 100%; margin-top: 20px; } /* line 88, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer:first-child, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer:first-child { margin-top: 0; } /* line 91, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .image-container, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .image-container { height: 68px; width: 68px; } /* line 95, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .answer-text, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .answer-text { font-size: 16px; min-height: 46px; width: 100%; } /* line 100, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .percent-container, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .percent-container { width: 100%; margin: 0; } /* line 103, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 107, .tmp/app/themes/WAVYNorfolk/ConfigurablePoll/styles.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { line-height: 1.2; } /* line 10, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .percent-container, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .progress, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .progress { line-height: 15px; height: 15px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .configurable-poll .answers .answer .progress-bar, .WAVYNorfolk .tiny-width .configurable-poll .answers .answer .progress-bar { height: 11px; line-height: 11px; top: 1px; } /* line 7, .tmp/app/themes/WAVYNorfolk/DidYouKnow/styles.scss */ .WAVYNorfolk.DidYouKnow .dyk-image-cont, .WAVYNorfolk [did-you-know] .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/WAVYNorfolk/DidYouKnow/styles.scss */ .WAVYNorfolk.DidYouKnow .dyk-image-cont img, .WAVYNorfolk [did-you-know] .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/WAVYNorfolk/DidYouKnow/styles.scss */ .WAVYNorfolk.DidYouKnow h1, .WAVYNorfolk [did-you-know] h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } /* line 25, .tmp/app/themes/WAVYNorfolk/DidYouKnow/styles.scss */ .WAVYNorfolk.DidYouKnow .medium-width .dyk-image-cont, .WAVYNorfolk [did-you-know] .medium-width .dyk-image-cont { width: 640px; } /* line 28, .tmp/app/themes/WAVYNorfolk/DidYouKnow/styles.scss */ .WAVYNorfolk.DidYouKnow .medium-width h1, .WAVYNorfolk [did-you-know] .medium-width h1 { width: 640px; } /* line 9, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk.Donate .donate form .paypal-btn, .WAVYNorfolk [donate] .donate form .paypal-btn { background-image: url("../themes/WAVYNorfolk/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk.Donate .donate a, .WAVYNorfolk [donate] .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk.Donate .donate img, .WAVYNorfolk [donate] .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk.Donate .donate button, .WAVYNorfolk [donate] .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk.Donate .donate button.streamtip-btn, .WAVYNorfolk [donate] .donate button.streamtip-btn { background-image: url("../themes/WAVYNorfolk/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk.Donate .donate button.patreon-btn, .WAVYNorfolk [donate] .donate button.patreon-btn { background-image: url("../themes/WAVYNorfolk/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk.Donate .donate button.subscribe-btn, .WAVYNorfolk [donate] .donate button.subscribe-btn { background-image: url("../themes/WAVYNorfolk/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } /* line 56, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk .medium-width .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } /* line 68, .tmp/app/themes/WAVYNorfolk/Donate/styles.scss */ .WAVYNorfolk .small-width .donate img.foreground, .WAVYNorfolk .tiny-width .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } /* line 6, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage header, .WAVYNorfolk [embedded-webpage] header { display: none; } /* line 10, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage footer, .WAVYNorfolk [embedded-webpage] footer { display: none; } /* line 14, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage .app-container, .WAVYNorfolk.EmbeddedWebpage .app-height-element, .WAVYNorfolk.EmbeddedWebpage .view-container, .WAVYNorfolk [embedded-webpage] .app-container, .WAVYNorfolk [embedded-webpage] .app-height-element, .WAVYNorfolk [embedded-webpage] .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage .view-container div[embedded-webpage], .WAVYNorfolk [embedded-webpage] .view-container div[embedded-webpage] { -webkit-overflow-scrolling: touch; overflow: scroll; } @media screen and (max-width: 666px) { /* line 21, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage .view-container div[embedded-webpage], .WAVYNorfolk [embedded-webpage] .view-container div[embedded-webpage] { height: 480px; } } @media screen and (min-width: 666px) { /* line 21, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage .view-container div[embedded-webpage], .WAVYNorfolk [embedded-webpage] .view-container div[embedded-webpage] { height: 680px; } } /* line 34, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage iframe, .WAVYNorfolk [embedded-webpage] iframe { background-color: transparent; border: none; width: 100%; } @media screen and (max-width: 666px) { /* line 34, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage iframe, .WAVYNorfolk [embedded-webpage] iframe { height: 480px; } } @media screen and (min-width: 666px) { /* line 34, .tmp/app/themes/WAVYNorfolk/EmbeddedWebpage/styles.scss */ .WAVYNorfolk.EmbeddedWebpage iframe, .WAVYNorfolk [embedded-webpage] iframe { height: 680px; } } /* line 4, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login { background-color: #000; display: block; } /* line 7, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner { margin: 0 auto; padding: 1px 5px; } @media screen and (max-width: 666px) { /* line 7, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner { max-width: 330px; min-width: 320px; } } @media screen and (min-width: 666px) { /* line 7, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner { max-width: 676px; min-width: 666px; } } /* line 20, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .column { vertical-align: middle; } /* line 24, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 28, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner string-rotator { display: -ms-flexbox; display: flex; } /* line 32, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner span { color: #ccc; font-weight: 400; font-size: 10px; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } /* line 41, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .user-info-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; transition: opacity 0.15s linear; } /* line 49, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .user-info-container:hover { opacity: 0.8; } /* line 51, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .user-info-container:hover p { text-decoration: underline; min-width: 80px; } /* line 56, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .user-info-container dynamic-image { height: 22px; width: 22px; border-radius: 50%; background: #fff; background-size: contain; } /* line 63, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .user-info-container p { padding: 0; margin: 0; font-size: 12px; color: #fff; font-weight: normal; min-width: 80px; } /* line 72, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out { position: absolute; top: 30px; border-radius: 5px; margin: 0 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 10; background-color: #fff; overflow: hidden; } /* line 81, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out ul { list-style-type: none; padding: 0; margin: 0; } /* line 85, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out ul li { list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; padding: 5px 10px; transition: background 0.15s linear; background-color: #fff; } /* line 96, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out ul li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.23); } /* line 99, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out ul li:hover { background: #f6f6f6; } /* line 102, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out ul li img { max-height: 24px; max-width: 24px; } /* line 106, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out ul li p, .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out ul li p > span { padding: 0; margin: 0; color: #000; font-weight: normal; font-size: 13px; text-align: left; } /* line 116, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login .facebook-inner .sign-out-pop-out .login-bar-button { padding: 5px; } /* line 121, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk facebook-login button.login-bar-button { border: 0; cursor: pointer; text-transform: uppercase; margin: 1px auto; border-radius: 3px; padding: 2px; font-size: 11px; } /* line 132, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3b55a0', GradientType=0); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 11px; line-height: 0; font-weight: 400; border: 0 solid transparent; border-radius: 2px; text-transform: none; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 153, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk .facebook-button svg { height: 16px; width: 16px; } /* line 158, .tmp/app/themes/WAVYNorfolk/FacebookLogin/styles.scss */ .WAVYNorfolk .facebook-button .facebook-button-text { padding: 0 6px; } /* line 7, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .show-megachatter .facebook-to-tv .question, .WAVYNorfolk.FacebookToTV .show-megachatter .facebook-to-tv .status-bar-container, .WAVYNorfolk [facebook-to-tv] .show-megachatter .facebook-to-tv .question, .WAVYNorfolk [facebook-to-tv] .show-megachatter .facebook-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .facebook-to-tv .image-container, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .image-container { background: #16416f; padding: 8px; } /* line 16, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .facebook-to-tv .image-container.no-image, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .image-container.no-image { background: transparent; height: 15px; } /* line 21, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .facebook-to-tv .name, .WAVYNorfolk.FacebookToTV .facebook-to-tv .screen-name, .WAVYNorfolk.FacebookToTV .facebook-to-tv .message, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .name, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .screen-name, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 28, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .facebook-to-tv .name, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .name { background: #16416f; color: #fff; font-size: 18px; margin-top: 9px; padding: 3px 50px; } /* line 35, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .facebook-to-tv .message, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #16416f; font-size: 16px; padding: 25px 20px 40px 20px; } /* line 40, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .facebook-to-tv .message a, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .message a { color: #5482b5; } /* line 44, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .facebook-to-tv .avatar, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 50, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk.FacebookToTV .facebook-to-tv .logo, .WAVYNorfolk [facebook-to-tv] .facebook-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 62, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk .medium-width .facebook-to-tv { margin: 0 auto; min-width: 640px; } /* line 65, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk .medium-width .facebook-to-tv .name, .WAVYNorfolk .medium-width .facebook-to-tv .message { width: 90%; } /* line 69, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk .medium-width .facebook-to-tv .name { font-size: 23px; } /* line 72, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk .medium-width .facebook-to-tv .message { font-size: 19px; padding: 27px 40px 40px 40px; } /* line 76, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk .medium-width .facebook-to-tv .avatar { height: 90px; width: 90px; } /* line 80, .tmp/app/themes/WAVYNorfolk/FacebookToTV/styles.scss */ .WAVYNorfolk .medium-width .facebook-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 7, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk.FaceOff .show-megachatter .face-off .question, .WAVYNorfolk.FaceOff .show-megachatter .face-off .status-bar-container, .WAVYNorfolk [face-off] .show-megachatter .face-off .question, .WAVYNorfolk [face-off] .show-megachatter .face-off .status-bar-container { width: 100%; } /* line 15, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk.FaceOff .face-off .answers .answer .active-content, .WAVYNorfolk.FaceOff .face-off .answers .answer .answer-container, .WAVYNorfolk [face-off] .face-off .answers .answer .active-content, .WAVYNorfolk [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk.FaceOff .face-off .answers .answer .popular-icon, .WAVYNorfolk.FaceOff .face-off .answers .answer .your-vote-indicator, .WAVYNorfolk [face-off] .face-off .answers .answer .popular-icon, .WAVYNorfolk [face-off] .face-off .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 27, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk.FaceOff .face-off .answers .answer:first-child .progress, .WAVYNorfolk [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 54, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .medium-width .face-off .answers { width: 90%; min-width: 640px; margin-top: 30px; padding-bottom: 18px; } /* line 59, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer { width: calc(50% - 3px); } /* line 61, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer .percent-container { width: 100%; } /* line 64, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 68, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 10, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer .percent-container .percent-text { font-size: 22px; padding-top: 0; text-align: center; width: 80px; } /* line 18, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 76, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer:last-child .image-container { -ms-flex-order: 1; order: 1; } /* line 80, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer .image-container { height: 114px; width: 114px; } /* line 84, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .medium-width .face-off .answers .answer .answer-text { font-size: 22px; min-height: 82px; margin: 0; width: 100%; } /* line 98, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .status-bar-container, .WAVYNorfolk .tiny-width .face-off .status-bar-container { margin-bottom: 22px; } /* line 101, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers, .WAVYNorfolk .tiny-width .face-off .answers { padding: 0 0 20px 0; width: 80%; } /* line 104, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer, .WAVYNorfolk .tiny-width .face-off .answers .answer { margin: 0; width: calc(50% - 3px); } /* line 107, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer:first-child, .WAVYNorfolk .tiny-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 110, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .image-container, .WAVYNorfolk .tiny-width .face-off .answers .answer .image-container { height: 112px; width: 100%; margin: 0; } /* line 114, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .image-container img, .WAVYNorfolk .tiny-width .face-off .answers .answer .image-container img { max-height: 112px; max-width: 100%; } /* line 119, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .your-vote-indicator, .WAVYNorfolk .small-width .face-off .answers .answer .popular-icon, .WAVYNorfolk .tiny-width .face-off .answers .answer .your-vote-indicator, .WAVYNorfolk .tiny-width .face-off .answers .answer .popular-icon { width: 100%; left: 0; } /* line 123, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .popular-icon, .WAVYNorfolk .tiny-width .face-off .answers .answer .popular-icon { top: auto; bottom: -18px; } /* line 127, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .percent-container, .WAVYNorfolk .small-width .face-off .answers .answer .answer-text, .WAVYNorfolk .tiny-width .face-off .answers .answer .percent-container, .WAVYNorfolk .tiny-width .face-off .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 132, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .answer-text, .WAVYNorfolk .tiny-width .face-off .answers .answer .answer-text { min-height: 58px; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .progress, .WAVYNorfolk .tiny-width .face-off .answers .answer .progress { line-height: 14px; height: 14px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .progress-bar, .WAVYNorfolk .tiny-width .face-off .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0; } /* line 10, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .percent-container, .WAVYNorfolk .tiny-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .face-off .answers .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 138, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .face-off .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; padding-top: 5px; } /* line 144, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .face-off .answers .answer .percent-container .progress-container { padding: 7px; } /* line 148, .tmp/app/themes/WAVYNorfolk/FaceOff/styles.scss */ .WAVYNorfolk .small-width .face-off .answers .answer .popular-label, .WAVYNorfolk .tiny-width .face-off .answers .answer .popular-label { padding-bottom: 20px; } /* line 4, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback { color: #fff; text-transform: none; } /* line 7, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .view-container { padding: 0; } /* line 10, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .required { color: #5482b5; font-weight: normal; } /* line 14, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback h1, .WAVYNorfolk .feedback h3 { margin: 0; } /* line 18, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback h1 { background: #16416f; color: #fff; font-weight: 700; padding: 12px 20px; } /* line 24, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback h3 { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #16416f; padding: 3px 10px; font-size: 17px; } /* line 30, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul { font-size: 0; margin: 0; overflow: hidden; padding: 0 10px; margin-top: 10px; } @media screen and (min-width: 666px) { /* line 30, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul { padding: 0 40px; } } /* line 39, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul li { box-sizing: border-box; font-size: 14px; list-style: none; margin: 0; padding: 4px 10px; vertical-align: top; } @media screen and (min-width: 666px) { /* line 39, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul li { display: inline-block; width: 50%; } } /* line 52, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul li.item-checkbox, .WAVYNorfolk .feedback ul li.item-textarea { display: block; width: 100%; } /* line 57, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul li.item-checkbox { display: block; width: 100%; } /* line 61, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul li label { color: #16416f; display: block; margin-bottom: 0; } /* line 66, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul li input, .WAVYNorfolk .feedback ul li textarea { display: block; width: 100%; } /* line 71, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul li textarea { height: 65px; } @media screen and (min-width: 666px) { /* line 39, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback ul li { display: inline-block; width: 50%; } } /* line 83, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .feedback-submit .close-button { display: none; } /* line 86, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .feedback-submit p { padding: 0; } @media screen and (max-width: 666px) { /* line 82, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .feedback-submit { text-align: center; } /* line 91, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .feedback-submit .feedback-submit-text { display: block; } } @media screen and (min-width: 666px) { /* line 82, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .feedback-submit { padding: 5px 15px 0 15px; text-align: right; } } /* line 99, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .feedback-submit button { display: block; } /* line 103, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk .feedback .close-button-submitted, .WAVYNorfolk .feedback .close-button-nonsubmitted { display: block; } /* line 116, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) .feedback ul li.item-checkbox label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/WAVYNorfolk/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 126, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) .feedback ul li.item-checkbox input { opacity: 0; } /* line 129, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/WAVYNorfolk/images/feedback/checkboxBG-focus.png"); } /* line 133, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/WAVYNorfolk/images/feedback/checkboxBG-selected-focus.png"); } /* line 136, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/WAVYNorfolk/images/feedback/checkboxBG-selected.png"); } /* line 139, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/WAVYNorfolk/images/feedback/checkboxBG-required.png"); } /* line 145, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/WAVYNorfolk/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 155, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) input[type='checkbox'] { opacity: 0; } /* line 158, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/WAVYNorfolk/feedback/checkboxBG-focus.png"); } /* line 162, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/WAVYNorfolk/feedback/checkboxBG-selected-focus.png"); } /* line 165, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/WAVYNorfolk/feedback/checkboxBG-selected.png"); } /* line 168, .tmp/app/themes/WAVYNorfolk/Feedback/styles.scss */ .WAVYNorfolk:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/WAVYNorfolk/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .show-megachatter .five-star, .WAVYNorfolk [five-stars] .show-megachatter .five-star { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .show-megachatter .five-star .question, .WAVYNorfolk.FiveStars .show-megachatter .five-star .status-bar-container, .WAVYNorfolk [five-stars] .show-megachatter .five-star .question, .WAVYNorfolk [five-stars] .show-megachatter .five-star .status-bar-container { width: 100%; } /* line 14, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container, .WAVYNorfolk [five-stars] .five-star .five-star-container { position: relative; } /* line 16, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .vote-container, .WAVYNorfolk [five-stars] .five-star .five-star-container .vote-container { color: #fff; font-size: 16px; } /* line 20, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .image-container, .WAVYNorfolk [five-stars] .five-star .five-star-container .image-container { text-align: center; } /* line 23, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .popular, .WAVYNorfolk.FiveStars .five-star .five-star-container .your-vote, .WAVYNorfolk [five-stars] .five-star .five-star-container .popular, .WAVYNorfolk [five-stars] .five-star .five-star-container .your-vote { font-size: 38px; } /* line 27, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .title, .WAVYNorfolk.FiveStars .five-star .five-star-container .five-star-average, .WAVYNorfolk [five-stars] .five-star .five-star-container .title, .WAVYNorfolk [five-stars] .five-star .five-star-container .five-star-average { font-size: 17px; line-height: 1.1em; } /* line 32, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .five-star-average, .WAVYNorfolk.FiveStars .five-star .five-star-container .five-star-answer, .WAVYNorfolk [five-stars] .five-star .five-star-container .five-star-average, .WAVYNorfolk [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 36, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .five-star-average, .WAVYNorfolk [five-stars] .five-star .five-star-container .five-star-average { color: #fff; background: #16416f; } /* line 40, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .five-star-answer, .WAVYNorfolk [five-stars] .five-star .five-star-container .five-star-answer { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); transition: all 1s; } /* line 44, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .title, .WAVYNorfolk [five-stars] .five-star .five-star-container .title { color: #fff; background: #5482b5; text-align: center; padding: 5px; } /* line 50, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .answers, .WAVYNorfolk [five-stars] .five-star .five-star-container .answers { margin: 0; padding: 0; transition: all 1s; } /* line 54, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .answers .answer, .WAVYNorfolk [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/WAVYNorfolk/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; width: 20%; list-style-type: none; } /* line 61, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star .five-star-container .answers .answer.active, .WAVYNorfolk [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/WAVYNorfolk/images/fivestar/star-active.png"); } /* line 68, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star.answered .five-star-answer, .WAVYNorfolk [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 71, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk.FiveStars .five-star.answered .five-star-average, .WAVYNorfolk [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 79, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 85, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container.no-image { padding-left: 0; } /* line 88, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 340px; width: 60%; max-width: 600px; height: 64px; } /* line 95, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container .answer { background-size: auto 49px; height: 64px; } /* line 99, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container .image-container { width: 150px; height: 150px; margin-left: -150px; float: left; } /* line 105, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container .title { height: 43px; font-size: 20px; } /* line 109, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container .your-vote { font-size: 28px; } /* line 112, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container .five-star-average { height: 43px; } /* line 115, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container .five-star-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 119, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .medium-width .five-star .five-star-container .five-star-average .column.popular { font-size: 30px; padding-left: 5px; } /* line 131, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container, .WAVYNorfolk .tiny-width .five-star .five-star-container { width: 80%; min-width: 256px; margin: 0 auto; } /* line 135, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container .columns, .WAVYNorfolk .tiny-width .five-star .five-star-container .columns { margin: auto 5px; } /* line 138, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container .answers, .WAVYNorfolk .tiny-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 245px; width: 60%; height: 55px; } /* line 144, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container .answer, .WAVYNorfolk .tiny-width .five-star .five-star-container .answer { background-size: auto 39px; height: 55px; } /* line 148, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container .image-container, .WAVYNorfolk .tiny-width .five-star .five-star-container .image-container { width: 134px; height: auto; } /* line 152, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container .five-star-average, .WAVYNorfolk .tiny-width .five-star .five-star-container .five-star-average { min-height: 134px; width: 50%; padding: 15px 5px; } /* line 156, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container .five-star-average .row, .WAVYNorfolk .tiny-width .five-star .five-star-container .five-star-average .row { height: 50%; text-align: center; } /* line 161, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container .five-star-answer, .WAVYNorfolk .tiny-width .five-star .five-star-container .five-star-answer { margin-top: 12px; } /* line 164, .tmp/app/themes/WAVYNorfolk/FiveStars/styles.scss */ .WAVYNorfolk .small-width .five-star .five-star-container .your-vote, .WAVYNorfolk .tiny-width .five-star .five-star-container .your-vote { font-size: 24px; } /* line 4, .tmp/app/themes/WAVYNorfolk/Footer/styles.scss */ .WAVYNorfolk footer { margin-top: 15px; } @media screen and (max-width: 666px) { /* line 8, .tmp/app/themes/WAVYNorfolk/Footer/styles.scss */ .WAVYNorfolk footer .footer-images img { max-height: 65px; max-width: 116px; margin: 5px 0; } } @media screen and (min-width: 666px) { /* line 18, .tmp/app/themes/WAVYNorfolk/Footer/styles.scss */ .WAVYNorfolk footer .footer-images img { max-height: 66px; max-width: 280px; margin: 5px 0; } } /* line 25, .tmp/app/themes/WAVYNorfolk/Footer/styles.scss */ .WAVYNorfolk footer .policies { padding: 5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } /* line 29, .tmp/app/themes/WAVYNorfolk/Footer/styles.scss */ .WAVYNorfolk footer .policies a { text-decoration: underline; color: #16416f; font-size: 10px; font-weight: normal; cursor: pointer; } /* line 36, .tmp/app/themes/WAVYNorfolk/Footer/styles.scss */ .WAVYNorfolk footer .policies img { height: 12px; } /* line 7, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .show-megachatter .guess-gauge .question, .WAVYNorfolk.GuessGauge .show-megachatter .guess-gauge .status-bar-container, .WAVYNorfolk [guess-gauge] .show-megachatter .guess-gauge .question, .WAVYNorfolk [guess-gauge] .show-megachatter .guess-gauge .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .gauge-container, .WAVYNorfolk [guess-gauge] .guess-gauge .gauge-container { position: relative; } /* line 15, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .gauge-container .title, .WAVYNorfolk [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 19, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .vote-container, .WAVYNorfolk [guess-gauge] .guess-gauge .vote-container { color: #fff; font-size: 16px; } /* line 23, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .gauge-inner, .WAVYNorfolk [guess-gauge] .guess-gauge .gauge-inner { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); padding: 10px 25px 5px 25px; } /* line 28, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .gauge-average, .WAVYNorfolk [guess-gauge] .guess-gauge .gauge-average { font-size: 17px; color: #fff; background: #16416f; line-height: 1.1em; } /* line 34, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .gauge-answer, .WAVYNorfolk [guess-gauge] .guess-gauge .gauge-answer { padding-top: 35px; background: #5482b5; } /* line 38, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .gauge-average, .WAVYNorfolk.GuessGauge .guess-gauge .gauge-answer, .WAVYNorfolk [guess-gauge] .guess-gauge .gauge-average, .WAVYNorfolk [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 42, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .gauge-answer-track, .WAVYNorfolk [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 45, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .display-answer, .WAVYNorfolk [guess-gauge] .guess-gauge .display-answer { color: #fff; font-size: 19px; overflow: hidden; z-index: 102; margin-top: -38px; position: absolute; } /* line 55, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .slider .slider-track, .WAVYNorfolk [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 57, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .WAVYNorfolk [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { background-image: url("../themes/WAVYNorfolk/images/guessgauge/knob.png"); background-size: 27px 27px; border-radius: 27px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); cursor: pointer; position: absolute; height: 27px; text-align: center; top: -3px; width: 27px; z-index: 100; } /* line 70, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .slider .slider-track.popular, .WAVYNorfolk [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 74, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .slider .slider-track, .WAVYNorfolk [guess-gauge] .guess-gauge .slider .slider-track { height: 20px; } /* line 77, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .slider .slider-track-fg, .WAVYNorfolk [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 20px; top: 0; background: #5482b5; } /* line 82, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .slider .slider-main, .WAVYNorfolk [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; } /* line 87, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .labels, .WAVYNorfolk [guess-gauge] .guess-gauge .labels { color: #16416f; width: calc(100% + 10px); margin-left: -5px; } /* line 91, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .labels .label-min, .WAVYNorfolk [guess-gauge] .guess-gauge .labels .label-min { text-align: left; } /* line 94, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge .labels .label-max, .WAVYNorfolk [guess-gauge] .guess-gauge .labels .label-max { text-align: right; } /* line 99, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge.answered .gauge-answer, .WAVYNorfolk [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 102, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk.GuessGauge .guess-gauge.answered .gauge-average, .WAVYNorfolk [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 111, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 117, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-container.no-image { padding-left: 0; } /* line 120, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-container .image-container { width: 150px; height: 150px; margin-left: -150px; float: left; } /* line 126, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-container .title { height: 43px; font-size: 20px; text-align: center; } /* line 132, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-average { height: 43px; } /* line 135, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 139, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-average .column.popular { font-size: 23px; padding-left: 5px; } /* line 147, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .slider .slider-track .slider-knob { background-size: 33px 33px; border-radius: 33px; height: 33px; top: -4px; width: 33px; } /* line 155, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .slider .slider-track, .WAVYNorfolk .medium-width .guess-gauge .slider .slider-track-fg { height: 25px; } /* line 159, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .display-answer { font-size: 23px; margin-top: -47px; } /* line 163, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-answer { min-height: 103px; } /* line 166, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-answer-track { position: relative; margin: 5px auto 0 auto; } /* line 170, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .gauge-inner { min-height: 67px; } /* line 173, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .medium-width .guess-gauge .labels { font-size: 17px; padding-top: 3px; } /* line 182, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .small-width .guess-gauge .gauge-container, .WAVYNorfolk .tiny-width .guess-gauge .gauge-container { margin: 0 auto; width: 80%; } /* line 186, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .small-width .guess-gauge .image-container, .WAVYNorfolk .tiny-width .guess-gauge .image-container { width: 134px; height: auto; margin-left: 5px; } /* line 192, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .small-width .guess-gauge .gauge-average, .WAVYNorfolk .tiny-width .guess-gauge .gauge-average { min-height: 134px; width: calc(100% - 5px); margin-right: 10px; padding: 15px 5px; } /* line 197, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .small-width .guess-gauge .gauge-average .row, .WAVYNorfolk .tiny-width .guess-gauge .gauge-average .row { height: 50%; text-align: center; } /* line 200, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .small-width .guess-gauge .gauge-average .row:last-child, .WAVYNorfolk .tiny-width .guess-gauge .gauge-average .row:last-child { line-height: 1.2; } /* line 205, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .small-width .guess-gauge .gauge-answer, .WAVYNorfolk .tiny-width .guess-gauge .gauge-answer { margin-top: 12px; padding-top: 30px; } /* line 209, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .small-width .guess-gauge .popular, .WAVYNorfolk .tiny-width .guess-gauge .popular { font-size: 20px; } /* line 212, .tmp/app/themes/WAVYNorfolk/GuessGauge/styles.scss */ .WAVYNorfolk .small-width .guess-gauge .labels, .WAVYNorfolk .tiny-width .guess-gauge .labels { font-size: 14px; padding-top: 5px; } /* line 4, .tmp/app/themes/WAVYNorfolk/Header/styles.scss */ .WAVYNorfolk header { height: auto; width: 100%; } /* line 7, .tmp/app/themes/WAVYNorfolk/Header/styles.scss */ .WAVYNorfolk header .show-media { height: 50px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 41px; } @media screen and (min-width: 666px) { /* line 15, .tmp/app/themes/WAVYNorfolk/Header/styles.scss */ .WAVYNorfolk header .show-media { height: 61px; background-size: auto 50px; } } /* line 6, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk.HotOrNot .show-megachatter .hot-or-not, .WAVYNorfolk [hot-or-not] .show-megachatter .hot-or-not { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk.HotOrNot .show-megachatter .hot-or-not .question, .WAVYNorfolk.HotOrNot .show-megachatter .hot-or-not .status-bar-container, .WAVYNorfolk [hot-or-not] .show-megachatter .hot-or-not .question, .WAVYNorfolk [hot-or-not] .show-megachatter .hot-or-not .status-bar-container { width: 100%; } /* line 16, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk.HotOrNot .hot-or-not .answers .answer .active-content, .WAVYNorfolk.HotOrNot .hot-or-not .answers .answer .answer-container, .WAVYNorfolk [hot-or-not] .hot-or-not .answers .answer .active-content, .WAVYNorfolk [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 20, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk.HotOrNot .hot-or-not .answers .answer .popular-icon, .WAVYNorfolk.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .WAVYNorfolk [hot-or-not] .hot-or-not .answers .answer .popular-icon, .WAVYNorfolk [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 28, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk.HotOrNot .hot-or-not .answers .answer:first-child .progress, .WAVYNorfolk [hot-or-not] .hot-or-not .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 53, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not { overflow: hidden; } /* line 55, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .image-container { float: left; margin: 0; height: 114px; width: 114px; } /* line 60, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .image-container img { max-height: 100%; max-width: 100%; } /* line 65, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers { margin: auto; width: 90%; margin-top: 30px; padding-bottom: 18px; } /* line 70, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer { width: calc(50% - 57px); margin: 0; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 74, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer.no-image { width: 50%; } /* line 77, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer:nth-child(2) { -ms-flex-order: -1; order: -1; } /* line 78, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer:nth-child(2) .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 89, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer .percent-container { margin: 0; } /* line 91, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 28px; line-height: 1.3; } /* line 97, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 0 10px 7px 10px; } /* line 101, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer .answer-text { font-size: 20px; min-height: 52px; margin: 0; } /* line 107, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .medium-width .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 118, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .image-container, .WAVYNorfolk .tiny-width .hot-or-not .image-container { height: 80px; margin: 0 auto 22px auto; width: 80px; } /* line 123, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .status-bar-container, .WAVYNorfolk .tiny-width .hot-or-not .status-bar-container { margin-bottom: 10px; } /* line 126, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers, .WAVYNorfolk .tiny-width .hot-or-not .answers { width: 90%; min-width: 250px; padding-left: 0; padding-bottom: 12px; } /* line 131, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer { margin: 0; width: calc(50% - 3px); padding: 0; } /* line 135, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer.no-image, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer.no-image { margin: 15px 0; } /* line 138, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer:first-child, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer:first-child { margin-right: 6px; } /* line 141, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .percent-container, .WAVYNorfolk .small-width .hot-or-not .answers .answer .answer-text, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .percent-container, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 146, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .your-vote-indicator, .WAVYNorfolk .small-width .hot-or-not .answers .answer .popular-icon, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .your-vote-indicator, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .popular-icon { width: 100%; left: 0; } /* line 150, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .popular-icon, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .popular-icon { top: auto; bottom: -18px; } /* line 154, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .answer-text, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .answer-text { min-height: 58px; margin-bottom: 0; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .progress, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .progress { line-height: 14px; height: 14px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .progress-bar, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0; } /* line 10, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .percent-container, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 161, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; padding-top: 5px; } /* line 167, .tmp/app/themes/WAVYNorfolk/HotOrNot/styles.scss */ .WAVYNorfolk .small-width .hot-or-not .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 7px; } /* line 7, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk.InstagramToTV .show-megachatter .instagram-to-tv .question, .WAVYNorfolk.InstagramToTV .show-megachatter .instagram-to-tv .status-bar-container, .WAVYNorfolk [instagram-to-tv] .show-megachatter .instagram-to-tv .question, .WAVYNorfolk [instagram-to-tv] .show-megachatter .instagram-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk.InstagramToTV .instagram-to-tv h2, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv h2 { display: none; } /* line 16, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk.InstagramToTV .instagram-to-tv .name, .WAVYNorfolk.InstagramToTV .instagram-to-tv .screen-name, .WAVYNorfolk.InstagramToTV .instagram-to-tv .message, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv .name, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv .screen-name, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 23, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk.InstagramToTV .instagram-to-tv .name, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv .name { background: #16416f; color: #fff; font-size: 18px; padding: 3px 50px; } /* line 29, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk.InstagramToTV .instagram-to-tv .screen-name, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv .screen-name { color: #5482b5; font-size: 14px; padding: 0 50px; } /* line 34, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk.InstagramToTV .instagram-to-tv .message, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv .message { color: #16416f; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 38, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk.InstagramToTV .instagram-to-tv .message a, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv .message a { color: #5482b5; } /* line 42, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk.InstagramToTV .instagram-to-tv .logo, .WAVYNorfolk [instagram-to-tv] .instagram-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 54, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv { margin: 30px auto 0; width: 640px; } /* line 57, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); overflow: hidden; } /* line 60, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .image-container { float: left; height: 237px; width: 237px; } /* line 64, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .image-container.no-image { opacity: 0; height: 0; width: 0; float: none; } /* line 71, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .image { display: block; margin: auto; max-width: 237px; max-height: 237px; } /* line 77, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .content { margin-left: 237px; } /* line 79, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .content.no-image { margin-left: 0; } /* line 83, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .name, .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .screen-name, .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .message { width: 100%; text-align: left; } /* line 89, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .name { font-size: 23px; padding: 3px 50px 3px 20px; } /* line 93, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .screen-name { font-size: 16px; padding: 0 50px 0 20px; } /* line 97, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .message { font-size: 19px; padding: 10px 40px 40px 20px; } /* line 101, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .medium-width .instagram-to-tv .instagram-content .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 114, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .small-width .instagram-to-tv .image-container, .WAVYNorfolk .tiny-width .instagram-to-tv .image-container { background: #16416f; padding: 10px; } /* line 117, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .small-width .instagram-to-tv .image-container.no-image, .WAVYNorfolk .tiny-width .instagram-to-tv .image-container.no-image { background: transparent; padding: 0; } /* line 122, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .small-width .instagram-to-tv .image, .WAVYNorfolk .tiny-width .instagram-to-tv .image { display: block; margin: auto; max-width: 155px; max-height: 155px; } /* line 128, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .small-width .instagram-to-tv .name, .WAVYNorfolk .tiny-width .instagram-to-tv .name { margin-top: 9px; } /* line 131, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .small-width .instagram-to-tv .screen-name, .WAVYNorfolk .tiny-width .instagram-to-tv .screen-name { background-color: #fff; } /* line 134, .tmp/app/themes/WAVYNorfolk/InstagramToTV/styles.scss */ .WAVYNorfolk .small-width .instagram-to-tv .message, .WAVYNorfolk .tiny-width .instagram-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); } /* line 7, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers { width: 90%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 10, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 14, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .active-content, .WAVYNorfolk .medium-width .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 18, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer:first-child, .WAVYNorfolk .medium-width .pic-pick .answers .answer:nth-child(4), .WAVYNorfolk .medium-width .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 21, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .image-container { width: 78px; height: 78px; } /* line 25, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .popular-icon, .WAVYNorfolk .medium-width .pic-pick .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 33, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .percent-container { margin: 0; } /* line 35, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; font-size: 29px; padding-top: 8px; } /* line 42, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .percent-container .progress-container { padding: 5px; } /* line 46, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .image-container, .WAVYNorfolk .medium-width .pic-pick .answers .answer .percent-container { margin-top: 0; } /* line 50, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .medium-width .pic-pick .answers .answer .answer-text { min-height: 45px; width: 100%; } /* line 67, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick.trivia .answers, .WAVYNorfolk .tiny-width .pic-pick.trivia .answers { margin-top: 32px; } /* line 71, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers, .WAVYNorfolk .tiny-width .pic-pick .answers { padding: 0 10px 10px 10px; width: 98%; min-width: 320px; margin-top: 22px; } /* line 76, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer, .WAVYNorfolk .tiny-width .pic-pick .answers .answer { width: 100%; margin-top: 22px; } /* line 79, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer:last-child, .WAVYNorfolk .tiny-width .pic-pick .answers .answer:last-child { margin-bottom: 0; } /* line 82, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer:first-child, .WAVYNorfolk .tiny-width .pic-pick .answers .answer:first-child { margin-top: 0; } /* line 85, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .image-container, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .image-container { height: 68px; width: 68px; } /* line 89, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .answer-text, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .answer-text { min-height: 43px; width: 100%; } /* line 93, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .percent-container, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .percent-container { width: 100%; margin: 0; padding-top: 3px; } /* line 97, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 101, .tmp/app/themes/WAVYNorfolk/PicPick/styles.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .percent-container .percent-text { line-height: 1.2; padding-right: 5px; } /* line 10, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .percent-container, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .progress, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .pic-pick .answers .answer .progress-bar, .WAVYNorfolk .tiny-width .pic-pick .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 5, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container { border: 0 solid transparent; font-size: 20px; overflow: hidden; padding: 0; width: 90%; max-width: 620px; border-radius: 5px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 2; background-color: #fff; margin: 10px auto; } /* line 19, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking { border-bottom: 1px solid #555555; color: #16416f; transition: all 0.3s; background-color: #fff; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-template-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-gap: 5px; } /* line 33, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking.first-place div { font-size: 22px; } /* line 38, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 43, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 49, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking.ng-enter-stagger, .WAVYNorfolk leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 53, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking.your-rank-highlight { background: white; } /* line 57, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 62, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 70, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking:last-child { border: none; } /* line 74, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking div { padding: 0; height: 33px; font-size: 16px; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } /* line 83, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 36px; } /* line 88, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking div:last-child { line-height: 32px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 96, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking div img { height: 20px; padding: 0 8px; } /* line 101, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk leaderboard .rankings-container .ranking div.leaderboard .WAVYNorfolk leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 111, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk .show-more-rankings { display: block; padding: 0; width: 50px; height: 25px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: -5px auto 0 auto; z-index: 1; position: relative; background-color: #fff; color: #16416f; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 126, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk .show-more-rankings span { font-size: 27px; line-height: 1; position: absolute; top: -5px; left: 0; right: 0; } /* line 134, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 138, .tmp/app/themes/WAVYNorfolk/Leaderboard/styles.scss */ .WAVYNorfolk .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 7, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk.LiveReactions .show-megachatter .live-reactions .question, .WAVYNorfolk.LiveReactions .show-megachatter .live-reactions .status-bar-container, .WAVYNorfolk [live-reactions] .show-megachatter .live-reactions .question, .WAVYNorfolk [live-reactions] .show-megachatter .live-reactions .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk.LiveReactions .view-container, .WAVYNorfolk [live-reactions] .view-container { position: static; } /* line 16, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk.LiveReactions .live-reactions .floating-reaction, .WAVYNorfolk [live-reactions] .live-reactions .floating-reaction { max-width: 40px; max-height: 40px; position: absolute; animation: 2s reactionRiseCubic ease-in forwards; z-index: 10; } /* line 24, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk.LiveReactions .live-reactions .answers .answer, .WAVYNorfolk [live-reactions] .live-reactions .answers .answer { background: transparent; box-shadow: none; } /* line 27, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk.LiveReactions .live-reactions .answers .answer .reaction-label, .WAVYNorfolk [live-reactions] .live-reactions .answers .answer .reaction-label { position: absolute; margin: auto; color: #fff; font-size: 18px; line-height: 1.1; } /* line 34, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk.LiveReactions .live-reactions .answers .answer .reaction-bounce, .WAVYNorfolk [live-reactions] .live-reactions .answers .answer .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 37, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk.LiveReactions .live-reactions .answers .answer .image-container, .WAVYNorfolk [live-reactions] .live-reactions .answers .answer .image-container { width: 30px; height: 30px; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.6); } 66% { transform: scale(1.4); } 100% { transform: scale(1); } } @keyframes reactionRiseCubic { 0% { opacity: 0; } 25% { opacity: 1; } 100% { top: -300px; } } /* line 76, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .medium-width .live-reactions .answers { padding: 5px 0; margin: 15px auto; width: 80%; height: 152px; background: #16416f; } /* line 82, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .medium-width .live-reactions .answers .answer { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); margin: 0 auto; position: relative; padding: 8px; } /* line 88, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .medium-width .live-reactions .answers .answer:nth-child(odd) .reaction-label { top: -44px; } /* line 93, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .medium-width .live-reactions .answers .answer:nth-child(even) .reaction-label { bottom: -44px; } /* line 97, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .medium-width .live-reactions .answers .answer .image-container { width: 42px; height: 42px; } /* line 101, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .medium-width .live-reactions .answers .answer .reaction-label { height: 43px; padding: 5px; text-align: center; max-width: 110px; background: none; left: 0; right: 0; } /* line 117, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .small-width .live-reactions .answers, .WAVYNorfolk .tiny-width .live-reactions .answers { padding: 0 10px; width: 178px; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%), linear-gradient(to bottom, #16416f 0%, #16416f 100%); background-size: 50px 100%, 100%; background-repeat: no-repeat; } /* line 123, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .small-width .live-reactions .answers .answer, .WAVYNorfolk .tiny-width .live-reactions .answers .answer { margin: 12px 0; position: relative; } /* line 126, .tmp/app/themes/WAVYNorfolk/LiveReactions/styles.scss */ .WAVYNorfolk .small-width .live-reactions .answers .answer .reaction-label, .WAVYNorfolk .tiny-width .live-reactions .answers .answer .reaction-label { max-width: 118px; height: 30px; width: 100%; left: 45px; top: 0; padding: 0; text-align: center; } /* line 5, .tmp/app/themes/WAVYNorfolk/Poster/styles.scss */ .WAVYNorfolk.Poster .posterImage, .WAVYNorfolk [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; width: 100%; height: 480px; padding: 0; } /* line 13, .tmp/app/themes/WAVYNorfolk/Poster/styles.scss */ .WAVYNorfolk.Poster .posterImage .posterImageInner, .WAVYNorfolk [poster] .posterImage .posterImageInner { height: 100%; -ms-flex-align: baseline; align-items: baseline; } /* line 16, .tmp/app/themes/WAVYNorfolk/Poster/styles.scss */ .WAVYNorfolk.Poster .posterImage .posterImageInner video, .WAVYNorfolk.Poster .posterImage .posterImageInner img, .WAVYNorfolk [poster] .posterImage .posterImageInner video, .WAVYNorfolk [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 7, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .show-megachatter .mood-meter .question, .WAVYNorfolk.MoodMeter .show-megachatter .mood-meter .status-bar-container, .WAVYNorfolk [mood-meter] .show-megachatter .mood-meter .question, .WAVYNorfolk [mood-meter] .show-megachatter .mood-meter .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .vote-container, .WAVYNorfolk [mood-meter] .mood-meter .vote-container { color: #fff; font-size: 16px; } /* line 17, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-container, .WAVYNorfolk [mood-meter] .mood-meter .meter-container { position: relative; } /* line 19, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-container .title, .WAVYNorfolk [mood-meter] .mood-meter .meter-container .title { display: none; } /* line 23, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-inner, .WAVYNorfolk [mood-meter] .mood-meter .meter-inner { display: block; margin: auto; } /* line 27, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-inside, .WAVYNorfolk [mood-meter] .mood-meter .meter-inside { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; } /* line 35, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-average, .WAVYNorfolk [mood-meter] .mood-meter .meter-average { background: #16416f; color: #fff; font-size: 18px; line-height: 1.1em; } /* line 41, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-answer, .WAVYNorfolk [mood-meter] .mood-meter .meter-answer { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); } /* line 44, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-average, .WAVYNorfolk.MoodMeter .mood-meter .meter-answer, .WAVYNorfolk [mood-meter] .mood-meter .meter-average, .WAVYNorfolk [mood-meter] .mood-meter .meter-answer { transition: all 1s; } /* line 48, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-answer-track, .WAVYNorfolk [mood-meter] .mood-meter .meter-answer-track { position: relative; z-index: 1; } /* line 51, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .meter-answer-track canvas, .WAVYNorfolk [mood-meter] .mood-meter .meter-answer-track canvas { cursor: pointer; } /* line 55, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .popular-label, .WAVYNorfolk [mood-meter] .mood-meter .popular-label { font-size: 12px; } /* line 58, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .display-answer, .WAVYNorfolk [mood-meter] .mood-meter .display-answer { font-size: 18px; color: #fff; background: #5482b5; overflow: hidden; display: block; padding: 10px 20px; word-break: break-word; } /* line 67, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .labels, .WAVYNorfolk [mood-meter] .mood-meter .labels { color: #16416f; font-size: 14px; margin-top: 4px; width: 100%; } /* line 72, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .labels .label-min, .WAVYNorfolk [mood-meter] .mood-meter .labels .label-min { text-align: right; } /* line 75, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter .labels .label-max, .WAVYNorfolk [mood-meter] .mood-meter .labels .label-max { text-align: left; } /* line 80, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter.answered .meter-answer, .WAVYNorfolk [mood-meter] .mood-meter.answered .meter-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 83, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk.MoodMeter .mood-meter.answered .meter-average, .WAVYNorfolk [mood-meter] .mood-meter.answered .meter-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 92, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .image-container { margin: 0; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 98, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-container { margin: 0 auto; min-width: 640px; width: 80%; min-height: 155px; margin-bottom: 10px; } /* line 104, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 110, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-container .meter-inner { min-width: 389px; width: 100%; min-height: 155px; background: url(../themes/WAVYNorfolk/images/moodmeter/meter-bg.png); background-size: auto 129px; background-position: center top 10px; background-repeat: no-repeat; position: relative; padding-top: 18px; } /* line 121, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-container .rows { width: 50%; } /* line 125, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 133, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 139, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-average { display: -ms-grid; display: grid; height: 50%; min-height: 75px; min-width: 250px; width: 100%; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; word-break: break-word; } /* line 151, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .popular-label { font-size: 15px; } /* line 154, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .popular { font-size: 18px; } /* line 157, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-answer { width: 60%; min-width: 389px; } /* line 160, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; z-index: 10; } /* line 168, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 174, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .display-answer { display: -ms-grid; display: grid; height: 50%; min-height: 75px; min-width: 250px; width: 100%; clear: left; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; } /* line 186, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .display-answer span { display: block; } /* line 188, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .display-answer span:first-child { font-size: 15px; line-height: 1.5; } /* line 194, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .labels { font-size: 16px; padding: 108px 5px 5px 5px; } /* line 197, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .labels .label-min, .WAVYNorfolk .medium-width .mood-meter .labels .label-max { width: calc(50% - 50px); text-align: center; word-break: break-word; line-height: 1.2; } /* line 204, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .labels .label-min { margin-right: 50px; } /* line 207, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .medium-width .mood-meter .labels .label-max { margin-left: 50px; } /* line 216, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .image-container, .WAVYNorfolk .tiny-width .mood-meter .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 221, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .status-bar-container, .WAVYNorfolk .tiny-width .mood-meter .status-bar-container { margin-bottom: 10px; } /* line 224, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .meter-container, .WAVYNorfolk .tiny-width .mood-meter .meter-container { margin: 0 auto; width: 80%; min-height: 430px; } /* line 229, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .meter-inner, .WAVYNorfolk .tiny-width .mood-meter .meter-inner { background: url(../themes/WCMH/images/moodmeter/meter-bg.png); background-size: auto 129px; min-height: 129px; padding-top: 16px; background-position: top 8px center; background-repeat: no-repeat; } /* line 237, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .meter-inside, .WAVYNorfolk .tiny-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 245, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .meter-inside img, .WAVYNorfolk .tiny-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 251, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .display-answer, .WAVYNorfolk .tiny-width .mood-meter .display-answer { text-align: center; min-height: 40px; padding: 5px; } /* line 256, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .display-answer span:first-child, .WAVYNorfolk .tiny-width .mood-meter .display-answer span:first-child { width: 50px; font-size: 12px; padding-right: 10px; } /* line 263, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .meter-average, .WAVYNorfolk .tiny-width .mood-meter .meter-average { padding: 5px; text-align: center; word-break: break-word; } /* line 269, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .meter-answer .meter-answer-track, .WAVYNorfolk .tiny-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; } /* line 276, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .meter-answer .meter-answer-track canvas, .WAVYNorfolk .tiny-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 282, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .labels, .WAVYNorfolk .tiny-width .mood-meter .labels { padding: 5px; margin-top: 124px; } /* line 285, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .labels .label-min, .WAVYNorfolk .small-width .mood-meter .labels .label-max, .WAVYNorfolk .tiny-width .mood-meter .labels .label-min, .WAVYNorfolk .tiny-width .mood-meter .labels .label-max { width: 50%; vertical-align: middle; word-break: break-word; } /* line 291, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .labels .label-min, .WAVYNorfolk .tiny-width .mood-meter .labels .label-min { padding-right: 25px; width: 50%; } /* line 295, .tmp/app/themes/WAVYNorfolk/MoodMeter/styles.scss */ .WAVYNorfolk .small-width .mood-meter .labels .label-max, .WAVYNorfolk .tiny-width .mood-meter .labels .label-max { padding-left: 25px; width: 50%; } /* line 7, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 11, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 15, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer .active-content, .WAVYNorfolk .medium-width .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer:first-child, .WAVYNorfolk .medium-width .readers-choice .answers .answer:nth-child(4), .WAVYNorfolk .medium-width .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 23, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 26, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 29px; padding-top: 8px; } /* line 32, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer .percent-container .progress-container { padding: 5px 10px; } /* line 36, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer .answer-text { font-size: 17px; min-height: 45px; } /* line 40, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .medium-width .readers-choice .answers .answer .popular-icon, .WAVYNorfolk .medium-width .readers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 56, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice.trivia .answers, .WAVYNorfolk .tiny-width .readers-choice.trivia .answers { margin-top: 32px; } /* line 60, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers, .WAVYNorfolk .tiny-width .readers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 64, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer, .WAVYNorfolk .tiny-width .readers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 67, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer:last-child, .WAVYNorfolk .tiny-width .readers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 70, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .answer-text, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .answer-text { min-height: 43px; margin-bottom: 0; } /* line 74, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .active-content, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .active-content { width: 100%; } /* line 76, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .active-content .percent-text, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 81, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .active-content .answer-container, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .percent-container, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .progress, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .progress-bar, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 87, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .percent-container, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 91, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding: 7px; } /* line 94, .tmp/app/themes/WAVYNorfolk/ReadersChoice/styles.scss */ .WAVYNorfolk .small-width .readers-choice .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .readers-choice .answers .answer .percent-container .percent-text { padding-right: 5px; } /* line 6, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .image-container, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .image-container { background: #16416f; padding: 8px; } /* line 9, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .image-container.no-image, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .image-container.no-image { background: transparent; height: 15px; } /* line 14, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .name, .WAVYNorfolk.TweetToTV .tweet-to-tv .screen-name, .WAVYNorfolk.TweetToTV .tweet-to-tv .message, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .name, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .screen-name, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 22, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .name, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .name { background: #16416f; color: #fff; font-size: 18px; margin-top: 9px; padding: 3px 50px; } /* line 29, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .screen-name, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .screen-name { background-color: #fff; color: #5482b5; font-size: 14px; padding: 0 50px; } /* line 34, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .screen-name a, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .screen-name a { color: #5482b5; } /* line 38, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .message, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #16416f; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 43, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .message a, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .message a { color: #5482b5; } /* line 47, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .avatar, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 53, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv .logo, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 61, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk.TweetToTV .tweet-to-tv twttr-follow-button, .WAVYNorfolk [tweet-to-tv] .tweet-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 70, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk .medium-width .tweet-to-tv { margin: 0 auto; min-width: 640px; } /* line 73, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk .medium-width .tweet-to-tv .name, .WAVYNorfolk .medium-width .tweet-to-tv .screen-name, .WAVYNorfolk .medium-width .tweet-to-tv .message { width: 90%; } /* line 78, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk .medium-width .tweet-to-tv .name { font-size: 23px; } /* line 81, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk .medium-width .tweet-to-tv .screen-name { font-size: 16px; } /* line 84, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk .medium-width .tweet-to-tv .message { font-size: 19px; padding: 10px 40px 40px 40px; } /* line 88, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk .medium-width .tweet-to-tv .avatar { height: 90px; width: 90px; } /* line 92, .tmp/app/themes/WAVYNorfolk/TweetToTV/styles.scss */ .WAVYNorfolk .medium-width .tweet-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 5, .tmp/app/themes/WAVYNorfolk/TwitchToTV/styles.scss */ .WAVYNorfolk.TwitchToTV .twitch-to-tv, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv { width: 90%; display: block; margin: auto; } /* line 6, .tmp/app/themes/WAVYNorfolk/TwitchToTV/styles.scss */ .WAVYNorfolk.TwitchToTV .twitch-to-tv div:nth-child(2), .WAVYNorfolk [twitch-to-tv] .twitch-to-tv div:nth-child(2) { width: 80%; margin: auto; } /* line 15, .tmp/app/themes/WAVYNorfolk/TwitchToTV/styles.scss */ .WAVYNorfolk.TwitchToTV .twitch-to-tv .name, .WAVYNorfolk.TwitchToTV .twitch-to-tv .screen-name, .WAVYNorfolk.TwitchToTV .twitch-to-tv .message, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv .name, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv .screen-name, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv .message { margin: 0; position: relative; } /* line 22, .tmp/app/themes/WAVYNorfolk/TwitchToTV/styles.scss */ .WAVYNorfolk.TwitchToTV .twitch-to-tv .name, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv .name { background-color: #16416f; color: #fff; font-size: 18px; padding: 5px 50px; margin-top: 50px; } /* line 30, .tmp/app/themes/WAVYNorfolk/TwitchToTV/styles.scss */ .WAVYNorfolk.TwitchToTV .twitch-to-tv .message, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #000000; font-size: 16px; padding: 15px 20px 20px 20px; min-height: 70px; } /* line 37, .tmp/app/themes/WAVYNorfolk/TwitchToTV/styles.scss */ .WAVYNorfolk.TwitchToTV .twitch-to-tv .message a, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv .message a { color: #000000; } /* line 42, .tmp/app/themes/WAVYNorfolk/TwitchToTV/styles.scss */ .WAVYNorfolk.TwitchToTV .twitch-to-tv .logo, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 51, .tmp/app/themes/WAVYNorfolk/TwitchToTV/styles.scss */ .WAVYNorfolk.TwitchToTV .twitch-to-tv twttr-follow-button, .WAVYNorfolk [twitch-to-tv] .twitch-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 6, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk.ViewersChoice .show-megachatter .viewers-choice, .WAVYNorfolk [viewers-choice] .show-megachatter .viewers-choice { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk.ViewersChoice .show-megachatter .viewers-choice .question, .WAVYNorfolk.ViewersChoice .show-megachatter .viewers-choice .status-bar-container, .WAVYNorfolk [viewers-choice] .show-megachatter .viewers-choice .question, .WAVYNorfolk [viewers-choice] .show-megachatter .viewers-choice .status-bar-container { width: 100%; } /* line 17, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .image-container { margin: 0; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 23, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 27, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 31, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer .active-content, .WAVYNorfolk .medium-width .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 35, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer:first-child, .WAVYNorfolk .medium-width .viewers-choice .answers .answer:nth-child(4), .WAVYNorfolk .medium-width .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 39, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 42, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 29px; padding-top: 8px; } /* line 48, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 5px 10px; } /* line 52, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer .answer-text { font-size: 17px; min-height: 45px; } /* line 56, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .medium-width .viewers-choice .answers .answer .popular-icon, .WAVYNorfolk .medium-width .viewers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 71, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .image-container, .WAVYNorfolk .tiny-width .viewers-choice .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 76, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .status-bar-container, .WAVYNorfolk .tiny-width .viewers-choice .status-bar-container { margin-bottom: 10px; } /* line 79, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers, .WAVYNorfolk .tiny-width .viewers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 83, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 86, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .answer-text, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .answer-text { min-height: 43px; margin-bottom: 0; } /* line 90, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer:last-child, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 93, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .active-content, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .active-content { width: 100%; } /* line 95, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .active-content .percent-text, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 100, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .active-content .answer-container, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .percent-container, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .progress, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/WAVYNorfolk/_mixins.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .progress-bar, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 106, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .percent-container, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 110, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .percent-container .progress-container, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 7px; } /* line 113, .tmp/app/themes/WAVYNorfolk/ViewersChoice/styles.scss */ .WAVYNorfolk .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WAVYNorfolk .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { padding-right: 5px; } /* line 9, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk.MegaChatter .view-container.show-megachatter.tile-medium .scene-wrapper [megachatter], .WAVYNorfolk.MegaChatter .view-container.show-megachatter.tile-small .scene-wrapper [megachatter] { width: 100%; min-width: auto; max-width: none; } /* line 20, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container { background: #fff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 25, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container.featured { background: #fff; } /* line 29, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 33, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 38, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 40, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container .content-wrapper .message-name { font-size: 18px; color: #16416f; padding: 0; margin: 0; } /* line 46, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container .content-wrapper .message-text { font-size: 14px; color: #16416f; padding: 0; } /* line 51, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 54, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 59, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 64, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 73, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-list { max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 79, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 84, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-input-container { background: #e9e9e9; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 89, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 94, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 98, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; font-size: 16px; background: #16416f; } /* line 106, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-input-container .message-container textarea.editing-text { height: 80px; } /* line 110, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 117, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .message-input-container button { margin: 0 5px 5px 5px; padding: 10px 15px; } /* line 125, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk message-list.stacked .message-list, .WAVYNorfolk message-list.veil .message-list { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 131, .tmp/app/themes/WAVYNorfolk/Megachatter/styles.scss */ .WAVYNorfolk .megachatter-title { background: #fff; color: #16416f; padding: 10px 0; margin: 0; text-align: center; border-bottom: 1px solid black; } /* line 2, .tmp/app/themes/WAVYNorfolk/PredictionCTA/styles.scss */ .WAVYNorfolk.PredictionCTA h1, .WAVYNorfolk [prediction-cta] h1 { font-size: 24px; height: auto; color: #16416f; font-weight: 700; margin: 0 auto; padding: 10px 10px 0 10px; } /* line 10, .tmp/app/themes/WAVYNorfolk/PredictionCTA/styles.scss */ .WAVYNorfolk.PredictionCTA p, .WAVYNorfolk [prediction-cta] p { text-align: center; color: #16416f; margin: auto; padding: 20px 0 5px 0; font-size: 16px; } /* line 17, .tmp/app/themes/WAVYNorfolk/PredictionCTA/styles.scss */ .WAVYNorfolk.PredictionCTA button, .WAVYNorfolk [prediction-cta] button { margin: 0 auto 30px auto; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; } /* line 22, .tmp/app/themes/WAVYNorfolk/PredictionCTA/styles.scss */ .WAVYNorfolk.PredictionCTA button .material-icons, .WAVYNorfolk [prediction-cta] button .material-icons { font-size: 18px; } /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Main Styles ====================================*/ /* line 7, .tmp/app/themes/KTALShreveport/base.scss */ html, body { height: 100%; } /* line 11, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport { background-color: #fff; background-image: none; background-position: center center; color: #a9a9a9; font-family: "Lato-Heavy", sans-serif; text-shadow: none; /*==================================== h1 - Large Messages; i.e. Bulletin ====================================*/ /*==================================== h2 - Question Text represented in all product scenes as an
tag ====================================*/ /*==================================== h3 - ====================================*/ /*==================================== h4 - ====================================*/ /*==================================== .app-container - main container for the entire application; includes header and footer ====================================*/ /*==================================== .view-container - container for views, scenes and products ====================================*/ /*==================================== header/footer ====================================*/ /*==================================== p - most common text should be a====================================*/ /*==================================== a - all links, including twitter/megachatter ====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:50:30 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in-top * ---------------------------------------- */ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:51:3 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-out-bottom * ---------------------------------------- */ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 19, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .main-content-container { height: 100%; } /* line 23, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport h1, .KTALShreveport h2, .KTALShreveport h3, .KTALShreveport h4 { text-align: center; } /* line 30, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #fff; font-size: 23px; line-height: 1.4; padding: 10px; } /* line 45, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .question { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); } /* line 47, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .question h2 { color: #fff; font-weight: 700; } /* line 53, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport h2 { color: #fff; font-size: 25px; font-weight: 400; overflow: hidden; vertical-align: middle; padding: 12px 20px; margin: 0; } /* line 66, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport h3 { font-size: 23px; color: #fff; padding: 0 20px; } /* line 71, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport h3 .locInserted { color: #555555; } /* line 79, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport h4 { font-size: 20px; color: #fff; } /* line 89, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .app-container { margin: 0 auto; background-color: #2364a8; background-repeat: no-repeat; min-height: 100%; overflow: hidden; } /* line 95, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .app-container .winner-feedback-button { margin: 5px auto; z-index: 100; display: -ms-grid; display: grid; -ms-grid-columns: 20px auto; grid-template-columns: 20px auto; grid-gap: 5px; } /* line 104, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .app-container .winner-feedback-button .winner-icon { height: 100%; width: 100%; background: url("../themes/KTALShreveport/images/trophy-solid.png"); background-repeat: no-repeat; background-position: center; background-size: contain; animation: jello-horizontal 0.9s both; } /* line 121, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .view-container { position: relative; } /* line 128, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport footer, .KTALShreveport header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 135, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport header { width: 100%; } /* line 139, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport header .column { vertical-align: middle; } /* line 146, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport p { padding: 0 30px; } /* line 153, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport a { color: #555555; } /* line 161, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport.trivia .user-label { display: block; text-align: center; } /* line 167, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .user-label { color: #fff; display: none; font-size: 16px; margin: 0 auto; padding: 5px 30px; width: 100%; } /* line 176, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .media > .pull-left { margin-right: 20px; } /* line 183, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .share-score-button { background: url("../themes/KTALShreveport/images/twitter-icon.png"), linear-gradient(to bottom, #f5f3f3 0%, #cbcbcb 100%); background-size: auto 16px, 100%; background-position: right 6px center, center; background-repeat: no-repeat; margin: 10px auto; width: max-content; max-width: 220px; border: none; border-radius: 1px; position: relative; } /* line 194, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .share-score-button h2 { font-size: 13px; color: #000000; text-align: left; padding: 4px 10px; min-height: 33px; margin-right: 33px; text-transform: capitalize; border: none; background-color: transparent; border-right: 1px solid #000000; height: 100%; } /* line 210, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 214, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 224, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; font-weight: normal; margin: 0; padding: 0; } /* line 233, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } /* line 241, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .product-container { min-width: 320px; } @media screen and (min-width: 666px) { /* line 249, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .app-container { width: 100%; background-image: url("../themes/KTALShreveport/images/background-medium.jpg"); background-repeat: no-repeat; background-size: cover; background-position: bottom right; } /* line 256, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .view-container { min-height: 320px; width: 100%; } } /* line 263, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .medium-width .question { margin: 0 auto; } /* line 266, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .medium-width .question h2 { font-size: 36px; } /* line 271, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .medium-width h1 { font-size: 33px; } @media screen and (max-width: 666px) { /* line 280, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .app-container { width: 100%; background-image: url("../themes/KTALShreveport/images/background-small.jpg"); background-repeat: no-repeat; background-size: cover; background-position: top left; } /* line 287, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .view-container { min-height: 280px; width: 100%; } } /* line 293, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .small-width .question, .KTALShreveport .tiny-width .question { width: 100%; } /* line 294, .tmp/app/themes/KTALShreveport/base.scss */ .KTALShreveport .small-width .question h2, .KTALShreveport .tiny-width .question h2 { font-size: 20px; padding: 5px; } /* line 4, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport input, .KTALShreveport textarea, .KTALShreveport .date-picker > select { background-color: #fff; border: 1px solid #333; border-right-color: #666; border-bottom-color: #666; padding: 5px 10px; font-size: 16px; color: #000000; } /* line 15, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport input:focus, .KTALShreveport textarea:focus, .KTALShreveport .date-picker > select:focus { background-color: #ebebeb; border-color: #666; border-right-color: #999; border-bottom-color: #999; } /* line 24, .tmp/app/themes/KTALShreveport/_forms.scss */ .touched .KTALShreveport input.ng-invalid, .attempted .KTALShreveport input.ng-invalid, .touched .KTALShreveport textarea.ng-invalid, .attempted .KTALShreveport textarea.ng-invalid, .touched .KTALShreveport .date-picker > select.ng-invalid, .attempted .KTALShreveport .date-picker > select.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 33, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #919191; } /* line 37, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport ::-moz-placeholder { /* Firefox 19+ */ color: #919191; } /* line 41, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport :-ms-input-placeholder { /* IE 10+ */ color: #919191; } /* line 45, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport :-moz-placeholder { /* Firefox 18- */ color: #919191; } /* line 49, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport button { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #031857; border: none; cursor: pointer; text-transform: uppercase; padding: 8px 30px; margin: 5px auto; letter-spacing: 2px; } /* line 58, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport button.small-button { margin: 10px 0; padding: 5px 20px; } /* line 65, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport .date-picker select { padding: 5px; margin: 5px; } /* line 70, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport .date-picker input { visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* line 79, .tmp/app/themes/KTALShreveport/_forms.scss */ .KTALShreveport .errorText { color: #a9a9a9; } /* line 7, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answers { list-style: none; margin: 0 auto; } /* line 11, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answers:after { content: ""; clear: both; } /* line 17, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; background: linear-gradient(to bottom, rgba(37, 70, 227, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); box-shadow: inset -2px -2px rgba(0, 0, 0, 0.35); transition: all ease-in-out 0.5s; transform: translateZ(0); } /* line 28, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer.pulse { animation: pulse 0.5s ease backwards; } /* line 32, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 10, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .multi-choice .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .multi-choice .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 100px; } /* line 18, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .multi-choice .answer .percent-container .progress-container { padding-top: 5px; } /* line 40, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer.selected .your-vote-indicator { display: block !important; opacity: 1 !important; } /* line 44, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer.selected .answer-text { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #031857; } /* line 51, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer.popular .popular-icon { opacity: 1; } /* line 57, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer .popular-icon { opacity: 0; position: absolute; z-index: -1; background: linear-gradient(to bottom, #ffa112 0%, #c05000 100%); background-image: url("../themes/KTALShreveport/images/indicators/popular-answer-icon.png"), linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); background-position: center; background-repeat: no-repeat; transition: top ease-in-out 0.3s, bottom ease-in-out 0.3s, opacity ease-in-out 0.3s; } /* line 69, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer .your-vote-indicator { display: none; opacity: 0; position: absolute; transition: opacity ease-in-out 0.5s; z-index: 102; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #031857; text-align: center; } /* line 81, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 86, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer .answer-text { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); color: #fff; font-size: 17px; line-height: 1.1em; padding: 5px 10px; text-align: center; box-shadow: inset 2px 2px rgba(255, 255, 255, 0.15), inset -1px -1px rgba(0, 0, 0, 0.35); transition: all ease-in-out 0.5s; } /* line 97, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice .answer .percent-text { color: #fff; transition: all ease-in-out 0.5s; } /* line 104, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice.inactive .answer { cursor: default; } /* line 115, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice.trivia.answered.guessed .answers .answer.correct:not(.selected) { transition-delay: 4s; } /* line 126, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice.trivia.answered .answers .answer .popular-icon { display: block; opacity: 1; background-image: url("../themes/KTALShreveport/images/indicators/incorrect-answer-icon.png"), linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 135, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice.trivia.answered .answers .answer.incorrect { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 139, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice.trivia.answered .answers .answer.correct { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 142, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice.trivia.answered .answers .answer.correct .popular-icon { background-image: url("../themes/KTALShreveport/images/indicators/correct-answer-icon.png"), linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 156, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice.survey.answered .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 159, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .multi-choice.survey.answered .answer.popular { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 169, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.with-votes .vote-container { display: -ms-flexbox; display: flex; } /* line 174, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .vote-container { display: none; } /* line 181, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-scene-results .answered .percent-container { display: none; } /* line 185, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-scene-results .answered .answer-text { height: 100%; } /* line 189, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-scene-results .answered .popular-icon { display: none; } /* line 196, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-scene-results .medium-width .answered.pic-pick .image-container { position: absolute; top: 1px; } /* line 201, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 204, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text.no-image { padding-left: 10px; } /* line 216, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-during-scene .multi-choice:not(.answered) .percent-container { display: none; } /* line 220, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-during-scene .multi-choice:not(.answered) .answer-text { height: 100%; } /* line 224, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-during-scene .multi-choice:not(.answered) .popular-icon { display: none; } /* line 231, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .image-container { position: absolute; top: 1px; } /* line 236, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 239, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text.no-image { padding-left: 10px; } /* line 251, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .small-width .multi-choice .popular-icon, .KTALShreveport .tiny-width .multi-choice .popular-icon { width: 68px; height: 17px; left: 0; top: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 260, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .small-width .multi-choice .your-vote-indicator, .KTALShreveport .tiny-width .multi-choice .your-vote-indicator { width: calc(100% - 69px); height: 17px; right: 0; top: -18px; overflow: visible; line-height: 1.2; font-size: 15px; } /* line 270, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .small-width .multi-choice .answers, .KTALShreveport .tiny-width .multi-choice .answers { padding: 0 0 0 12px; } /* line 276, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .small-width .multi-choice .answer.popular .popular-icon, .KTALShreveport .tiny-width .multi-choice .answer.popular .popular-icon { top: -18px; } /* line 287, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .small-width .multi-choice.trivia.answered .answers .answer .popular-icon, .KTALShreveport .tiny-width .multi-choice.trivia.answered .answers .answer .popular-icon { top: -18px; } /* line 305, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .medium-width .multi-choice .popular-icon { width: 100%; height: 17px; left: 0; bottom: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 314, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .medium-width .multi-choice .your-vote-indicator { width: 100%; height: 17px; line-height: 1.3; left: 0; top: -18px; overflow: visible; } /* line 323, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .medium-width .multi-choice .answers { padding: 0 0 12px 0; } /* line 329, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .medium-width .multi-choice .answer.popular .popular-icon { opacity: 1; bottom: -18px; } /* line 340, .tmp/app/themes/KTALShreveport/_multi-choice-base.scss */ .KTALShreveport .medium-width .multi-choice.trivia.answered .answers .answer .popular-icon { bottom: -18px; } /* line 7, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal-backdrop.in { opacity: 0.1; } /* line 21, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.megaphone-default-modal .modal-dialog, .KTALShreveport .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 26, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 34, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; } /* line 40, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 48, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal { background: rgba(0, 0, 0, 0.3); opacity: 0.96; position: fixed !important; } /* line 52, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .toggle-score-and-feedback { display: none; } /* line 56, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog { display: block; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; } /* line 62, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 70, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 75, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #fff; border: 3px solid #2364a8; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; } /* line 94, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 97, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; padding: 5px; min-width: 130px; } /* line 106, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 111, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 5px; margin: 0; } /* line 116, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 124, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content iframe { border: none; width: 100%; height: calc(100% - 6px); } @supports (-webkit-overflow-scrolling: touch) { /* line 124, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .feedback-modal .modal-dialog .modal-content iframe { height: 100%; } } /* line 138, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 145, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .leaderboard-modal { z-index: 5050 !important; } /* line 147, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .leaderboard-modal .modal-body { background: #2364a8; } /* line 155, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.offer-modal.KTALShreveport .modal-dialog { margin: 5px auto; width: calc(100% - 10px); } /* line 159, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.offer-modal.KTALShreveport .modal-body { height: unset; padding: 5px; } /* line 163, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.offer-modal.KTALShreveport .offer-background-image { background-size: contain; background-repeat: no-repeat; } /* line 167, .tmp/app/themes/KTALShreveport/_modal.scss */ .KTALShreveport .modal.offer-modal.KTALShreveport .offer-foreground-image { max-height: 400px; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .app-container .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .app-container .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 31, .tmp/app/themes/KTALShreveport/_survey-bars.scss */ .KTALShreveport .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border: none; border-radius: 0; } /* line 40, .tmp/app/themes/KTALShreveport/_survey-bars.scss */ .KTALShreveport .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background: linear-gradient(to bottom, #6879b7 0%, #4b5faa 49%, #2c449b 50%, #24377c 100%); position: absolute; width: 0; } /* line 46, .tmp/app/themes/KTALShreveport/_survey-bars.scss */ .KTALShreveport .app-container .slider-track-fg, .KTALShreveport .app-container .trivia .correct .progress-bar, .KTALShreveport .app-container .survey .popular .progress-bar { background: linear-gradient(to bottom, #6879b7 0%, #4b5faa 49%, #2c449b 50%, #24377c 100%); } /* line 51, .tmp/app/themes/KTALShreveport/_survey-bars.scss */ .KTALShreveport .app-container .trivia .correct .progress, .KTALShreveport .app-container .survey .popular .progress { border-color: #031857; } /* line 55, .tmp/app/themes/KTALShreveport/_survey-bars.scss */ .KTALShreveport .app-container .slider-track, .KTALShreveport .app-container .progress { background: linear-gradient(to bottom, #cdcdcd 0%, #c3c3c3 49%, #b8b8b8 50%, #9d9d9d 100%); } /* line 59, .tmp/app/themes/KTALShreveport/_survey-bars.scss */ .KTALShreveport .app-container .slider-track { border: none; } /* line 4, .tmp/app/themes/KTALShreveport/_status-bars.scss */ .KTALShreveport .status-bar-container { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); height: 24px; transition: background 0.5s ease; margin-bottom: 30px; overflow: hidden; position: relative; } /* line 14, .tmp/app/themes/KTALShreveport/_status-bars.scss */ .KTALShreveport .status-bar-container h2 { background: none; color: #031857; margin: 0; padding: 2px; font-size: 17px; height: auto; min-height: 0; } /* line 23, .tmp/app/themes/KTALShreveport/_status-bars.scss */ .KTALShreveport .status-bar-container .status-item { position: absolute; top: 0; left: 0; right: 0; margin: auto; } /* line 29, .tmp/app/themes/KTALShreveport/_status-bars.scss */ .KTALShreveport .status-bar-container .status-item.ng-leave { animation: fade-out-bottom-status 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* line 33, .tmp/app/themes/KTALShreveport/_status-bars.scss */ .KTALShreveport .status-bar-container .status-item.ng-enter { animation: fade-in-top-status 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } @keyframes fade-in-top-status { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-out-bottom-status { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } /* line 5, .tmp/app/themes/KTALShreveport/_share-your-vote.scss */ .KTALShreveport share-your-vote .share-vote { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /* line 9, .tmp/app/themes/KTALShreveport/_share-your-vote.scss */ .KTALShreveport share-your-vote .share-vote .twitter-share { -ms-flex-pack: end; justify-content: flex-end; background: #38a8e0; margin-right: 10px; } /* line 14, .tmp/app/themes/KTALShreveport/_share-your-vote.scss */ .KTALShreveport share-your-vote .share-vote .facebook-share { -ms-flex-pack: start; justify-content: flex-start; background: #3e528e; margin-left: 10px; } /* line 20, .tmp/app/themes/KTALShreveport/_share-your-vote.scss */ .KTALShreveport share-your-vote a { color: white; border-radius: 3px; max-width: 90px; } /* line 24, .tmp/app/themes/KTALShreveport/_share-your-vote.scss */ .KTALShreveport share-your-vote a img { max-height: 18px; max-width: 18px; margin: 0 10px; } /* line 5, .tmp/app/themes/KTALShreveport/_score_summary.scss */ .KTALShreveport score-summary p { font-size: 16px; color: #fff; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: bold; } /* line 14, .tmp/app/themes/KTALShreveport/_score_summary.scss */ .KTALShreveport score-summary p span.locInserted { font-weight: bold; } /* line 17, .tmp/app/themes/KTALShreveport/_score_summary.scss */ .KTALShreveport score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/KTALShreveport/_score_summary.scss */ .KTALShreveport .score-summary-container { background: linear-gradient(to right, #0b5dcf 0%, #092863 100%); } /* line 4, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport.inactive .view-container .message-list, .KTALShreveport.connecting .view-container .message-list { min-height: 200px; } /* line 11, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport.post_game .view-container button, .KTALShreveport.final_result .view-container button { margin: 10px 0; } /* line 14, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport.post_game .view-container .megachatter-container, .KTALShreveport.final_result .view-container .megachatter-container { margin: auto !important; max-width: 1000px !important; width: 100% !important; } /* line 18, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport.post_game .view-container .megachatter-container .message-list, .KTALShreveport.final_result .view-container .megachatter-container .message-list { min-height: 300px !important; } /* line 22, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport.post_game .view-container [feedback], .KTALShreveport.final_result .view-container [feedback] { display: none !important; } /* line 33, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.megachatter-top { position: relative; } /* line 36, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.megachatter-top.tile-small .megachatter-container, .KTALShreveport .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0 0 10px 0; } /* line 43, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.megachatter-bottom { position: relative; } /* line 46, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.megachatter-bottom.ticker-small .megachatter-container, .KTALShreveport .view-container.megachatter-bottom.ticker-medium .megachatter-container, .KTALShreveport .view-container.megachatter-bottom.carousel-small .megachatter-container, .KTALShreveport .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 51, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.megachatter-bottom.tile-small .megachatter-container, .KTALShreveport .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 10px 0 0 0; } /* line 58, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small, .KTALShreveport .view-container.show-megachatter.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 63, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .megachatter-container, .KTALShreveport .view-container.show-megachatter.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 66, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .KTALShreveport .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 250px; max-height: 100%; background: #fff; } /* line 71, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .KTALShreveport .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 666px) { /* line 58, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small, .KTALShreveport .view-container.show-megachatter.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 83, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .product-container, .KTALShreveport .view-container.show-megachatter.tile-small .user-label, .KTALShreveport .view-container.show-megachatter.tile-small .scene-wrapper, .KTALShreveport .view-container.show-megachatter.tile-medium .product-container, .KTALShreveport .view-container.show-megachatter.tile-medium .user-label, .KTALShreveport .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 320px; margin: 0; } /* line 87, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .scene-wrapper, .KTALShreveport .view-container.show-megachatter.tile-medium .scene-wrapper { overflow: hidden; } /* line 90, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .megachatter-container, .KTALShreveport .view-container.show-megachatter.tile-medium .megachatter-container { padding-top: 0 !important; width: auto; border: 1px solid #fff; margin-left: 10px; } /* line 96, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .KTALShreveport .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 200px !important; } } @media screen and (min-width: 1110px) { /* line 103, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .product-container, .KTALShreveport .view-container.show-megachatter.tile-small .user-label, .KTALShreveport .view-container.show-megachatter.tile-small .scene-wrapper, .KTALShreveport .view-container.show-megachatter.tile-medium .product-container, .KTALShreveport .view-container.show-megachatter.tile-medium .user-label, .KTALShreveport .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 666px; } /* line 106, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .megachatter-container, .KTALShreveport .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; } } @media screen and (max-width: 666px) { /* line 111, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.show-megachatter.tile-small .megachatter-container, .KTALShreveport .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; width: 100%; min-width: 320px; margin: auto; border-bottom: 1px solid #fff; } } /* line 122, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small, .KTALShreveport .view-container.ticker-medium { overflow: hidden; } /* line 124, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small .megachatter-container, .KTALShreveport .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #fff; height: 100px; } /* line 128, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small .megachatter-container message-list, .KTALShreveport .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 143, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small .megachatter-container message-list .message-list, .KTALShreveport .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 148, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small .megachatter-container message-list .message-list message-item, .KTALShreveport .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 154, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .KTALShreveport .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 158, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .KTALShreveport .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 164, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .KTALShreveport .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 172, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.ticker-small .megachatter-container message-input, .KTALShreveport .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 180, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.carousel-small .megachatter-container, .KTALShreveport .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 183, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.carousel-small .megachatter-container message-list, .KTALShreveport .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 186, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.carousel-small .megachatter-container message-list .message-list, .KTALShreveport .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #fff; border-bottom: 1px solid #fff; position: relative; } /* line 192, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.carousel-small .megachatter-container message-list .message-list message-item, .KTALShreveport .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #fff; overflow: hidden; } /* line 205, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .KTALShreveport .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 212, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .KTALShreveport .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 217, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .KTALShreveport .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 225, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container.carousel-small .megachatter-container message-input, .KTALShreveport .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 232, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer { z-index: 5; } /* line 237, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 246, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 253, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 259, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer .drawer-container { position: relative; } /* line 262, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 266, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #fff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #a9a9a9; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 274, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #031857; } /* line 279, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 303, .tmp/app/themes/KTALShreveport/_megachatter-presentations.scss */ .KTALShreveport.stacked .main-content-container.megachatter-hidden megachatter-presentations, .KTALShreveport.veil .main-content-container.megachatter-hidden megachatter-presentations { display: none; } /* line 2, .tmp/app/themes/KTALShreveport/gdpr-banner.scss */ .KTALShreveport gdpr-banner .banner-container { background: #313131; padding: 9px; } /* line 5, .tmp/app/themes/KTALShreveport/gdpr-banner.scss */ .KTALShreveport gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 12px; text-align: center; } /* line 11, .tmp/app/themes/KTALShreveport/gdpr-banner.scss */ .KTALShreveport gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 16, .tmp/app/themes/KTALShreveport/gdpr-banner.scss */ .KTALShreveport gdpr-banner .banner-container img { width: 20px; height: 20px; margin: 0 0 0 25px; cursor: pointer; } /* line 24, .tmp/app/themes/KTALShreveport/gdpr-banner.scss */ .KTALShreveport gdpr-banner .ng-enter, .KTALShreveport gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 27, .tmp/app/themes/KTALShreveport/gdpr-banner.scss */ .KTALShreveport gdpr-banner .ng-enter, .KTALShreveport gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 32, .tmp/app/themes/KTALShreveport/gdpr-banner.scss */ .KTALShreveport gdpr-banner .ng-leave, .KTALShreveport gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport points-countdown { display: none; } /* line 11, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .trivia points-countdown { display: block; } /* line 14, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .trivia .points-and-countdown-container { margin: 0; } /* line 18, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .trivia .status-bar-container { margin-bottom: 0 !important; position: relative; z-index: 1; } /* line 26, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .trivia .current-question-status-container { margin-bottom: 25px; } /* line 31, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .current-question-status-container { position: relative; display: block; width: 100%; } /* line 37, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .points-and-countdown-container { border-radius: 0; position: absolute; width: 100%; z-index: 2; top: 0; left: 0; height: 0; pointer-events: none; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); color: #031857; } /* line 49, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .points-and-countdown-container .points, .KTALShreveport .points-and-countdown-container .countdown { color: #fff; text-align: center; top: -4px; position: absolute; z-index: 3; height: 30px; width: 60px; background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); } /* line 59, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .points-and-countdown-container .points { left: 0; font-size: 14px; } /* line 64, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .points-and-countdown-container .countdown { right: 0; font-size: 18px; } /* line 70, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points { position: absolute; color: #031857; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); padding: 0; width: 95px; height: 95px; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 93, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 98, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutUp 0.5s ease-out 1.5s both; } /* line 103, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePoints 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 110, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 118, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points .x-container .top-left-to-bottom-right, .KTALShreveport #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 131, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 136, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 142, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 147, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 151, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 154, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 159, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 166, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 173, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #total-points { width: 100%; padding: 5px; color: #031857; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; font-size: 18px; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 191, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #total-points:not(.no-points).total-value-is-animating { font-size: 26px; } /* line 195, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport #total-points:not(.no-points).total-value-is-displayed { font-size: 18px; } @keyframes animateTotalPointsStreaming { from { height: 0; opacity: 0; transform: translate3d(0, -100%, 0); } to { height: 30px; opacity: 1; transform: translate3d(0, 0, 0); } } /* line 215, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .small-width points-countdown, .KTALShreveport .tiny-width points-countdown { position: relative; top: 10px; } /* line 220, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .small-width .trivia .current-question-status-container, .KTALShreveport .tiny-width .trivia .current-question-status-container { Margin: 0 auto 60px auto; } /* line 224, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .small-width #total-points, .KTALShreveport .tiny-width #total-points { top: -10px; } /* line 228, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .small-width .points-and-countdown-container .points, .KTALShreveport .tiny-width .points-and-countdown-container .points { left: 0; } /* line 232, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport .small-width .points-and-countdown-container .countdown, .KTALShreveport .tiny-width .points-and-countdown-container .countdown { right: 0; } /* line 240, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport.hide-points-during-scene .points { display: none; } /* line 243, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport.hide-points-during-scene .confetti { display: none; } /* line 246, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport.hide-points-during-scene #round-points { display: none; } /* line 249, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport.hide-points-during-scene #total-points { display: none; } /* line 255, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport.hide-countdown-during-scene .countdown { display: none; } /* line 261, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport.hide-countdown-scene-results.round_end .countdown { display: none; } /* line 270, .tmp/app/themes/KTALShreveport/_points-and-countdown.scss */ .KTALShreveport.hide-points-during-scene.hide-countdown-during-scene .small-width .trivia .current-question-status-container, .KTALShreveport.hide-points-during-scene.hide-countdown-during-scene .tiny-width .trivia .current-question-status-container, .KTALShreveport.hide-points-during-scene.hide-countdown-scene-results.round_end .small-width .trivia .current-question-status-container, .KTALShreveport.hide-points-during-scene.hide-countdown-scene-results.round_end .tiny-width .trivia .current-question-status-container { Margin: 0 auto 50px auto; } /* line 2, .tmp/app/themes/KTALShreveport/_veil.scss */ .KTALShreveport.veil { background: transparent; } /* line 4, .tmp/app/themes/KTALShreveport/_veil.scss */ .KTALShreveport.veil .main-content-container { position: absolute; bottom: 10px; right: 0; left: 0; height: 40%; width: 90%; margin: auto; border-radius: 5px; opacity: 0.9; overflow: auto; border: 1px solid #808080; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); transform: translate3d(0, 0, 0); } /* line 20, .tmp/app/themes/KTALShreveport/_veil.scss */ .KTALShreveport.veil .modal-backdrop { display: none; } /* line 25, .tmp/app/themes/KTALShreveport/_veil.scss */ .KTALShreveport.veil .offer-modal, .KTALShreveport.veil .feedback-modal { position: absolute; bottom: 10px; right: 0; left: 0; top: unset; height: 40%; width: 90%; margin: auto; border-radius: 5px; overflow: auto; box-shadow: none; } /* line 40, .tmp/app/themes/KTALShreveport/_veil.scss */ .KTALShreveport.veil .feedback-modal { height: 60%; } /* line 42, .tmp/app/themes/KTALShreveport/_veil.scss */ .KTALShreveport.veil .feedback-modal .modal-dialog { height: 100%; width: 100%; margin: auto; border-radius: 5px; } /* line 4, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container { width: 100%; } /* line 6, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .predictions-navigation-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 5px 0; } /* line 12, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .predictions-navigation-container * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 15, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .predictions-navigation-container.with-scene-counter { -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr max-content 1fr; grid-gap: 5px; } /* line 18, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .predictions-navigation-container.with-scene-counter .scene-counter-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #031857; color: #fff; padding: 6px; border: 1px solid #fff; border-radius: 5px; } /* line 30, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .predictions-navigation-container p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 35, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .predictions-navigation-container .predictions-navigation { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #031857; font-size: 14px; padding: 10px; text-align: center; transition: background-color 0.15s linear; cursor: pointer; } /* line 46, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .predictions-navigation-container .predictions-navigation.active { background-color: #052688; } /* line 52, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-title-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 55, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; grid-gap: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 61, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard span { font-size: 12px; color: #000; font-weight: normal; } /* line 66, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard svg { width: 10px; } /* line 72, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-title-container h3 { color: #000; margin: 0; padding: 0; text-align: left; font-size: 16px; } /* line 80, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-action-bar { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 12px; text-decoration: underline; padding: 5px 5px 0 5px; cursor: pointer; } /* line 93, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 101, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; z-index: 25; } /* line 109, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 118, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 121, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 126, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 131, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 135, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name, .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 141, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 145, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 153, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .card-container { width: 95%; margin: 10px auto; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 10px; overflow: hidden; transition: opacity 0.15s ease, transform 0.15s ease; max-width: 600px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 167, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .card-container h1 { color: #031857; } /* line 170, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .card-container .back-button { cursor: pointer; } /* line 172, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .card-container .back-button p { color: #000; } /* line 177, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-title { color: #000; padding: 5px; } /* line 181, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .main-content-container { position: relative; } /* line 184, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .back-button, .KTALShreveport #predictions-container .next-button { display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 192, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .back-button span:hover, .KTALShreveport #predictions-container .back-button svg:hover, .KTALShreveport #predictions-container .next-button span:hover, .KTALShreveport #predictions-container .next-button svg:hover { cursor: pointer; text-decoration: underline; } /* line 197, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .back-button .back-icon, .KTALShreveport #predictions-container .next-button .back-icon { width: 16px; height: 16px; } /* line 201, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .back-button p, .KTALShreveport #predictions-container .next-button p { margin: 0; padding: 0; color: #000; } /* line 207, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .back-button-with-shaft { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 15px; width: 15px; background-size: contain; cursor: pointer; background-color: transparent; padding: 0; border: none; opacity: 1; cursor: pointer; margin: 0 2px 0 0; } /* line 223, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .back-button-with-shaft.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 229, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .next-button { -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 231, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .next-button p { text-align: right; } /* line 234, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .next-button svg { transform: rotateY(180deg); } /* line 239, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .loading-container { height: 200px; width: 200px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; } /* line 249, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; padding: 10px; } /* line 255, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item { max-width: 600px; width: 95%; background-color: #031857; border-radius: 5px; cursor: pointer; transition: opacity 0.15s ease, transform 0.15s ease; } /* line 262, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item:hover { opacity: 0.9; transform: scale(1.03); } /* line 266, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container, .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { transition: opacity 0.4s ease; } /* line 269, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton { cursor: auto; min-height: 44px; background: linear-gradient(0.25turn, transparent, #ffffff47, transparent), linear-gradient(#031857, #031857), radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%), linear-gradient(#eee, #eee); background-repeat: no-repeat; background-size: 600px 250px, 600px 180px, 100px 100px, 225px 30px; background-position: -600px 0, 0 0, 0px 190px, 50px 195px; animation: loading-gradient-shine 1.5s infinite; } /* line 277, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-points-container, .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-content { opacity: 0; overflow: hidden; } /* line 281, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton:hover { opacity: 1; transform: none; } /* line 286, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { color: #fff; padding: 12px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: auto; } /* line 295, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content p { margin: 0; padding: 0; } /* line 299, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content .right-chevron { width: 18px; height: 18px; } /* line 304, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container { border-radius: 0 0 5px 5px; } /* line 305, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container p { margin: 0; color: #fff; font-weight: lighter; text-align: center; padding: 3px; font-size: 12px; } /* line 314, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.correct { background-color: #27ae60; } /* line 317, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.incorrect { background-color: #c0392b; } /* line 320, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.info { background-color: gray; } /* line 328, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container.is-logged-out .logged-out-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; height: 100%; transition-delay: 0.1s; } /* line 335, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container.is-logged-out .logged-out-container h1 { animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; color: #000; font-weight: 600; font-size: 20px; text-align: center; margin: 10px auto; } /* line 343, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container.is-logged-out .logged-out-container button { border-radius: 5px; animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both; } /* line 348, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container.is-logged-out .logged-out-container .splash-screen-container { width: 100%; height: 100%; } /* line 351, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container.is-logged-out .logged-out-container .splash-screen-container img { width: 100%; height: auto; margin: 0 auto; cursor: pointer; } /* line 360, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .user-image { width: 40px; height: 40px; background: #031857; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 375, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 384, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #predictions-container .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 399, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper h3 { color: #ffffff; background-color: #031857; margin: 0; padding: 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-bottom: 1px solid #ffffff80; } /* line 407, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .close-panel-button { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 412, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .user-results-list-container { overflow: auto; } /* line 414, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .user-results-list-container .user-result-item { margin: 0 20px; } /* line 416, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .user-results-list-container .user-result-item .date-heading { padding: 2px; font-size: 12px; font-weight: normal; text-align: center; border-bottom: 1px solid; max-width: 620px; margin: 8px auto; } /* line 425, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper { background-color: #031857; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 10px auto; border-radius: 20px; overflow: hidden; color: #fff; max-width: 600px; } /* line 439, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points:hover { background-repeat: repeat-x; background-position: top -10px center; background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='0' width='4' height='8'/%3E%3Crect x='84' y='0' width='4' height='8'/%3E%3Crect x='126' y='0' width='3' height='9'/%3E%3Crect x='168' y='0' width='3' height='9'/%3E%3Crect x='210' y='0' width='4' height='8'/%3E%3Crect x='252' y='0' width='4' height='9'/%3E%3Crect x='294' y='0' width='4' height='8'/%3E%3Crect x='336' y='0' width='3' height='9'/%3E%3Crect x='378' y='0' width='3' height='9'/%3E%3Crect x='420' y='0' width='4' height='8'/%3E%3Crect x='462' y='0' width='4' height='8'/%3E%3Crect x='504' y='0' width='3' height='9'/%3E%3Crect x='546' y='0' width='4' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 831ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 642ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 676ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 819ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E"); } /* line 446, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points .points-container { background: #27ae60; } /* line 452, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-container { background: #c0392b; padding: 5px; border-radius: 20px; color: #fff; min-width: 68px; text-align: center; font-size: 12px; } /* line 461, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-awarded-text { text-align: center; padding-right: 30px; } /* line 468, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .your-results-wrapper .tag-line { padding: 10px; color: #000; font-weight: normal; text-align: center; } /* line 478, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .close-panel-button { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 22px; width: 22px; position: absolute; top: 8px; left: 8px; background-size: contain; margin: 0; cursor: pointer; background-color: transparent; border-radius: 50%; padding: 0; border: none; opacity: 1; z-index: 40; cursor: pointer; } /* line 499, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .close-panel-button.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; } /* line 507, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .fullscreen-panel { position: fixed; top: 0; left: 0; height: calc(100vh - 24px); width: 100vw; background: #fff; z-index: 30; display: -ms-grid; display: grid; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; } /* line 521, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .rankings-wrapper .scroll-wrapper { overflow: auto; } /* line 524, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .rankings-wrapper .rankings-list-container { overflow: auto; } /* line 530, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 539, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; } /* line 546, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 555, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 558, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 563, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 568, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 572, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item .user-image { width: 40px; height: 40px; background: #031857; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 587, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 596, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 607, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item .user-name, .KTALShreveport .prediction-rankings-container .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 613, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 617, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 626, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container.expanded-leaderboard-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; border-top: 1px solid gray; overflow: auto; } /* line 630, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item { -ms-grid-columns: max-content 50px 1fr max-content; grid-template-columns: max-content 50px 1fr max-content; grid-gap: 10px; border-bottom: 1px solid gray; padding: 5px 15px; border-radius: 0; } /* line 636, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .user-name { text-align: left; font-weight: 600; } /* line 640, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .rank-number { margin: 0; color: #000; padding: 3px 7px; border-radius: 5px; font-size: 12px; border: 1px solid #000; min-width: 33px; text-align: center; } /* line 657, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #prediction-scene-container.animate-fade-in { transition-delay: 0.15s; } /* line 660, .tmp/app/themes/KTALShreveport/_predictions.scss */ .KTALShreveport #prediction-scene-container.animate-fade-in .megachatter-container .message-list { height: 260px !important; } /* line 5, .tmp/app/themes/KTALShreveport/AppInstall/styles.scss */ .KTALShreveport.AppInstall header, .KTALShreveport [app-install] header { display: none; } /* line 8, .tmp/app/themes/KTALShreveport/AppInstall/styles.scss */ .KTALShreveport.AppInstall .app-install, .KTALShreveport [app-install] .app-install { width: 100%; min-height: 460px; text-align: center; vertical-align: middle; } /* line 11, .tmp/app/themes/KTALShreveport/AppInstall/styles.scss */ .KTALShreveport.AppInstall .app-install .column, .KTALShreveport [app-install] .app-install .column { width: 50%; } /* line 14, .tmp/app/themes/KTALShreveport/AppInstall/styles.scss */ .KTALShreveport.AppInstall .app-install .app-install-button, .KTALShreveport [app-install] .app-install .app-install-button { max-height: 80px; max-width: 160px; } /* line 19, .tmp/app/themes/KTALShreveport/AppInstall/styles.scss */ .KTALShreveport.AppInstall .app-install a, .KTALShreveport [app-install] .app-install a { text-decoration: underline; color: #031857; cursor: pointer; } /* line 24, .tmp/app/themes/KTALShreveport/AppInstall/styles.scss */ .KTALShreveport.AppInstall .app-install h1, .KTALShreveport [app-install] .app-install h1 { margin: 0 auto; padding: 20px; } /* line 30, .tmp/app/themes/KTALShreveport/AppInstall/styles.scss */ .KTALShreveport.AppInstall .app-install dynamic-image, .KTALShreveport [app-install] .app-install dynamic-image { display: block; margin: auto; width: 72px; height: 72px; } /* line 5, .tmp/app/themes/KTALShreveport/Banner/styles.scss */ .KTALShreveport.Banner .banner, .KTALShreveport [banner] .banner { text-align: center; vertical-align: middle; margin: auto; } /* line 6, .tmp/app/themes/KTALShreveport/Banner/styles.scss */ .KTALShreveport.Banner .banner a, .KTALShreveport [banner] .banner a { text-decoration: underline; color: #fff; cursor: pointer; display: block; } /* line 12, .tmp/app/themes/KTALShreveport/Banner/styles.scss */ .KTALShreveport.Banner .banner h1, .KTALShreveport [banner] .banner h1 { padding: 10px 50px; } /* line 18, .tmp/app/themes/KTALShreveport/Banner/styles.scss */ .KTALShreveport.Banner .banner dynamic-image, .KTALShreveport [banner] .banner dynamic-image { display: block; margin: auto; } /* line 22, .tmp/app/themes/KTALShreveport/Banner/styles.scss */ .KTALShreveport.Banner .banner .smallBannerImage, .KTALShreveport [banner] .banner .smallBannerImage { height: 480px; width: 320px; } /* line 26, .tmp/app/themes/KTALShreveport/Banner/styles.scss */ .KTALShreveport.Banner .banner .mediumBannerImage, .KTALShreveport [banner] .banner .mediumBannerImage { height: 480px; width: 666px; } /* line 8, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked.multiview .app-container .megachatter-container .message-list, .KTALShreveport.Blank.veil.multiview .app-container .megachatter-container .message-list, .KTALShreveport [blank].stacked.multiview .app-container .megachatter-container .message-list, .KTALShreveport [blank].veil.multiview .app-container .megachatter-container .message-list { height: calc(100vh - 109px) !important; max-height: 100%; overflow-y: auto; } /* line 16, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked .scene-wrapper, .KTALShreveport.Blank.veil .scene-wrapper, .KTALShreveport [blank].stacked .scene-wrapper, .KTALShreveport [blank].veil .scene-wrapper { height: 0 !important; } /* line 19, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked header, .KTALShreveport.Blank.veil header, .KTALShreveport [blank].stacked header, .KTALShreveport [blank].veil header { display: none; } /* line 22, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked .view-container, .KTALShreveport.Blank.veil .view-container, .KTALShreveport [blank].stacked .view-container, .KTALShreveport [blank].veil .view-container { min-height: unset; } /* line 25, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked .product-container, .KTALShreveport.Blank.veil .product-container, .KTALShreveport [blank].stacked .product-container, .KTALShreveport [blank].veil .product-container { opacity: 0; height: 0; } /* line 29, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked .main-content-container, .KTALShreveport.Blank.veil .main-content-container, .KTALShreveport [blank].stacked .main-content-container, .KTALShreveport [blank].veil .main-content-container { border: none; box-shadow: none; } /* line 32, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked .main-content-container gdpr-banner, .KTALShreveport.Blank.veil .main-content-container gdpr-banner, .KTALShreveport [blank].stacked .main-content-container gdpr-banner, .KTALShreveport [blank].veil .main-content-container gdpr-banner { display: none; } /* line 35, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked .main-content-container facebook-login, .KTALShreveport.Blank.veil .main-content-container facebook-login, .KTALShreveport [blank].stacked .main-content-container facebook-login, .KTALShreveport [blank].veil .main-content-container facebook-login { display: none; } /* line 39, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked .app-container, .KTALShreveport.Blank.veil .app-container, .KTALShreveport [blank].stacked .app-container, .KTALShreveport [blank].veil .app-container { background: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 44, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked .app-container .megachatter-container .message-list, .KTALShreveport.Blank.veil .app-container .megachatter-container .message-list, .KTALShreveport [blank].stacked .app-container .megachatter-container .message-list, .KTALShreveport [blank].veil .app-container .megachatter-container .message-list { max-height: 100%; } /* line 49, .tmp/app/themes/KTALShreveport/Blank/styles.scss */ .KTALShreveport.Blank.stacked footer, .KTALShreveport.Blank.veil footer, .KTALShreveport [blank].stacked footer, .KTALShreveport [blank].veil footer { display: none; } /* line 2, .tmp/app/themes/KTALShreveport/Bulletin/styles.scss */ .KTALShreveport.Bulletin h1, .KTALShreveport [bulletin] h1 { font-weight: bold; } /* line 5, .tmp/app/themes/KTALShreveport/Bulletin/styles.scss */ .KTALShreveport.Bulletin h2, .KTALShreveport [bulletin] h2 { background: none; margin: 0; font-size: 22px; min-height: auto; height: auto; } /* line 6, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport.BuyNow .buy-now, .KTALShreveport [buy-now] .buy-now { display: block; } /* line 8, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport.BuyNow .buy-now .question, .KTALShreveport [buy-now] .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport.BuyNow .buy-now .wrapper, .KTALShreveport [buy-now] .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport.BuyNow .buy-now .wrapper img, .KTALShreveport [buy-now] .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport.BuyNow .buy-now .wrapper a:hover, .KTALShreveport [buy-now] .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport.BuyNow .buy-now .wrapper a, .KTALShreveport [buy-now] .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport.BuyNow .buy-now .wrapper a button, .KTALShreveport [buy-now] .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } /* line 32, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport .medium-width .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 36, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport .medium-width .buy-now .wrapper img { max-width: 203px; } /* line 40, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport .medium-width .buy-now .wrapper a button { display: block; background-color: #555555; } /* line 49, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport .small-width .buy-now, .KTALShreveport .tiny-width .buy-now { margin: 0; } /* line 51, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport .small-width .buy-now img, .KTALShreveport .tiny-width .buy-now img { max-width: 306px; } /* line 54, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport .small-width .buy-now a, .KTALShreveport .tiny-width .buy-now a { display: block; } /* line 56, .tmp/app/themes/KTALShreveport/BuyNow/styles.scss */ .KTALShreveport .small-width .buy-now a button, .KTALShreveport .tiny-width .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #555555; } /* line 7, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport.ConfigurablePoll .configurable-poll .question .image-container { height: 80px; margin: 10px; width: 80px; } /* line 11, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport.ConfigurablePoll .configurable-poll .question .image-container dynamic-image { display: block; } /* line 21, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers { width: 80%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 24, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 28, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .active-content, .KTALShreveport .medium-width .configurable-poll .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 32, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer:first-child, .KTALShreveport .medium-width .configurable-poll .answers .answer:nth-child(4), .KTALShreveport .medium-width .configurable-poll .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 35, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .image-container { width: 72px; height: 72px; } /* line 39, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .popular-icon, .KTALShreveport .medium-width .configurable-poll .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .progress { line-height: 20px; height: 20px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; } /* line 47, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .percent-container { margin: 0; } /* line 49, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; } /* line 54, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 5px; } /* line 58, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .image-container, .KTALShreveport .medium-width .configurable-poll .answers .answer .percent-container { margin-top: 0; } /* line 62, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .medium-width .configurable-poll .answers .answer .answer-text { font-size: 17px; min-height: 48px; width: 100%; } /* line 69, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .survey .KTALShreveport .medium-width .configurable-poll .answers .answer.popular .percent-text, .trivia .KTALShreveport .medium-width .configurable-poll .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 81, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .small-width .configurable-poll .answers, .KTALShreveport .tiny-width .configurable-poll .answers { padding: 0 10px; width: 80%; min-width: 320px; } /* line 85, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer, .KTALShreveport .tiny-width .configurable-poll .answers .answer { width: 100%; margin-top: 20px; } /* line 88, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer:first-child, .KTALShreveport .tiny-width .configurable-poll .answers .answer:first-child { margin-top: 0; } /* line 91, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .image-container, .KTALShreveport .tiny-width .configurable-poll .answers .answer .image-container { height: 68px; width: 68px; } /* line 95, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .answer-text, .KTALShreveport .tiny-width .configurable-poll .answers .answer .answer-text { font-size: 16px; min-height: 46px; width: 100%; } /* line 100, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .percent-container, .KTALShreveport .tiny-width .configurable-poll .answers .answer .percent-container { width: 100%; margin: 0; } /* line 103, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 107, .tmp/app/themes/KTALShreveport/ConfigurablePoll/styles.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { line-height: 1.2; } /* line 10, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .percent-container, .KTALShreveport .tiny-width .configurable-poll .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .progress, .KTALShreveport .tiny-width .configurable-poll .answers .answer .progress { line-height: 15px; height: 15px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .configurable-poll .answers .answer .progress-bar, .KTALShreveport .tiny-width .configurable-poll .answers .answer .progress-bar { height: 11px; line-height: 11px; top: 1px; } /* line 7, .tmp/app/themes/KTALShreveport/DidYouKnow/styles.scss */ .KTALShreveport.DidYouKnow .dyk-image-cont, .KTALShreveport [did-you-know] .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/KTALShreveport/DidYouKnow/styles.scss */ .KTALShreveport.DidYouKnow .dyk-image-cont img, .KTALShreveport [did-you-know] .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/KTALShreveport/DidYouKnow/styles.scss */ .KTALShreveport.DidYouKnow h1, .KTALShreveport [did-you-know] h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } /* line 25, .tmp/app/themes/KTALShreveport/DidYouKnow/styles.scss */ .KTALShreveport.DidYouKnow .medium-width .dyk-image-cont, .KTALShreveport [did-you-know] .medium-width .dyk-image-cont { width: 640px; } /* line 28, .tmp/app/themes/KTALShreveport/DidYouKnow/styles.scss */ .KTALShreveport.DidYouKnow .medium-width h1, .KTALShreveport [did-you-know] .medium-width h1 { width: 640px; } /* line 9, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport.Donate .donate form .paypal-btn, .KTALShreveport [donate] .donate form .paypal-btn { background-image: url("../themes/KTALShreveport/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport.Donate .donate a, .KTALShreveport [donate] .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport.Donate .donate img, .KTALShreveport [donate] .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport.Donate .donate button, .KTALShreveport [donate] .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport.Donate .donate button.streamtip-btn, .KTALShreveport [donate] .donate button.streamtip-btn { background-image: url("../themes/KTALShreveport/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport.Donate .donate button.patreon-btn, .KTALShreveport [donate] .donate button.patreon-btn { background-image: url("../themes/KTALShreveport/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport.Donate .donate button.subscribe-btn, .KTALShreveport [donate] .donate button.subscribe-btn { background-image: url("../themes/KTALShreveport/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } /* line 56, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport .medium-width .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } /* line 68, .tmp/app/themes/KTALShreveport/Donate/styles.scss */ .KTALShreveport .small-width .donate img.foreground, .KTALShreveport .tiny-width .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } /* line 6, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage header, .KTALShreveport [embedded-webpage] header { display: none; } /* line 10, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage footer, .KTALShreveport [embedded-webpage] footer { display: none; } /* line 14, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage .app-container, .KTALShreveport.EmbeddedWebpage .app-height-element, .KTALShreveport.EmbeddedWebpage .view-container, .KTALShreveport [embedded-webpage] .app-container, .KTALShreveport [embedded-webpage] .app-height-element, .KTALShreveport [embedded-webpage] .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage .view-container div[embedded-webpage], .KTALShreveport [embedded-webpage] .view-container div[embedded-webpage] { -webkit-overflow-scrolling: touch; overflow: scroll; } @media screen and (max-width: 666px) { /* line 21, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage .view-container div[embedded-webpage], .KTALShreveport [embedded-webpage] .view-container div[embedded-webpage] { height: 480px; } } @media screen and (min-width: 666px) { /* line 21, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage .view-container div[embedded-webpage], .KTALShreveport [embedded-webpage] .view-container div[embedded-webpage] { height: 680px; } } /* line 34, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage iframe, .KTALShreveport [embedded-webpage] iframe { background-color: transparent; border: none; width: 100%; } @media screen and (max-width: 666px) { /* line 34, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage iframe, .KTALShreveport [embedded-webpage] iframe { height: 480px; } } @media screen and (min-width: 666px) { /* line 34, .tmp/app/themes/KTALShreveport/EmbeddedWebpage/styles.scss */ .KTALShreveport.EmbeddedWebpage iframe, .KTALShreveport [embedded-webpage] iframe { height: 680px; } } /* line 4, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login { background-color: #000; display: block; } /* line 7, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner { margin: 0 auto; padding: 1px 5px; } @media screen and (max-width: 666px) { /* line 7, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner { max-width: 330px; min-width: 320px; } } @media screen and (min-width: 666px) { /* line 7, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner { max-width: 676px; min-width: 666px; } } /* line 20, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .column { vertical-align: middle; } /* line 24, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 28, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner string-rotator { display: -ms-flexbox; display: flex; } /* line 32, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner span { color: #ccc; font-weight: 400; font-size: 10px; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } /* line 41, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .user-info-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; transition: opacity 0.15s linear; } /* line 49, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .user-info-container:hover { opacity: 0.8; } /* line 51, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .user-info-container:hover p { text-decoration: underline; min-width: 80px; } /* line 56, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .user-info-container dynamic-image { height: 22px; width: 22px; border-radius: 50%; background: #fff; background-size: contain; } /* line 63, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .user-info-container p { padding: 0; margin: 0; font-size: 12px; color: #fff; font-weight: normal; min-width: 80px; } /* line 72, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out { position: absolute; top: 30px; border-radius: 5px; margin: 0 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 10; background-color: #fff; overflow: hidden; } /* line 81, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out ul { list-style-type: none; padding: 0; margin: 0; } /* line 85, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out ul li { list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; padding: 5px 10px; transition: background 0.15s linear; background-color: #fff; } /* line 96, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out ul li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.23); } /* line 99, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out ul li:hover { background: #f6f6f6; } /* line 102, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out ul li img { max-height: 24px; max-width: 24px; } /* line 106, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out ul li p, .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out ul li p > span { padding: 0; margin: 0; color: #000; font-weight: normal; font-size: 13px; text-align: left; } /* line 116, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login .facebook-inner .sign-out-pop-out .login-bar-button { padding: 5px; } /* line 121, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport facebook-login button.login-bar-button { border: 0; cursor: pointer; text-transform: uppercase; margin: 1px auto; border-radius: 3px; padding: 2px; font-size: 11px; } /* line 132, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3b55a0', GradientType=0); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 11px; line-height: 0; font-weight: 400; border: 0 solid transparent; border-radius: 2px; text-transform: none; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 153, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport .facebook-button svg { height: 16px; width: 16px; } /* line 158, .tmp/app/themes/KTALShreveport/FacebookLogin/styles.scss */ .KTALShreveport .facebook-button .facebook-button-text { padding: 0 6px; } /* line 7, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .show-megachatter .facebook-to-tv .question, .KTALShreveport.FacebookToTV .show-megachatter .facebook-to-tv .status-bar-container, .KTALShreveport [facebook-to-tv] .show-megachatter .facebook-to-tv .question, .KTALShreveport [facebook-to-tv] .show-megachatter .facebook-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .facebook-to-tv .image-container, .KTALShreveport [facebook-to-tv] .facebook-to-tv .image-container { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); padding: 8px; } /* line 16, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .facebook-to-tv .image-container.no-image, .KTALShreveport [facebook-to-tv] .facebook-to-tv .image-container.no-image { background: transparent; height: 15px; } /* line 21, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .facebook-to-tv .name, .KTALShreveport.FacebookToTV .facebook-to-tv .screen-name, .KTALShreveport.FacebookToTV .facebook-to-tv .message, .KTALShreveport [facebook-to-tv] .facebook-to-tv .name, .KTALShreveport [facebook-to-tv] .facebook-to-tv .screen-name, .KTALShreveport [facebook-to-tv] .facebook-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 28, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .facebook-to-tv .name, .KTALShreveport [facebook-to-tv] .facebook-to-tv .name { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); color: #fff; font-size: 18px; margin-top: 9px; padding: 3px 50px; } /* line 35, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .facebook-to-tv .message, .KTALShreveport [facebook-to-tv] .facebook-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #031857; font-size: 16px; padding: 25px 20px 40px 20px; } /* line 40, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .facebook-to-tv .message a, .KTALShreveport [facebook-to-tv] .facebook-to-tv .message a { color: #2364a8; } /* line 44, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .facebook-to-tv .avatar, .KTALShreveport [facebook-to-tv] .facebook-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 50, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport.FacebookToTV .facebook-to-tv .logo, .KTALShreveport [facebook-to-tv] .facebook-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 62, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport .medium-width .facebook-to-tv { margin: 0 auto; min-width: 640px; } /* line 65, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport .medium-width .facebook-to-tv .name, .KTALShreveport .medium-width .facebook-to-tv .message { width: 90%; } /* line 69, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport .medium-width .facebook-to-tv .name { font-size: 23px; } /* line 72, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport .medium-width .facebook-to-tv .message { font-size: 19px; padding: 27px 40px 40px 40px; } /* line 76, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport .medium-width .facebook-to-tv .avatar { height: 90px; width: 90px; } /* line 80, .tmp/app/themes/KTALShreveport/FacebookToTV/styles.scss */ .KTALShreveport .medium-width .facebook-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 7, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport.FaceOff .show-megachatter .face-off .question, .KTALShreveport.FaceOff .show-megachatter .face-off .status-bar-container, .KTALShreveport [face-off] .show-megachatter .face-off .question, .KTALShreveport [face-off] .show-megachatter .face-off .status-bar-container { width: 100%; } /* line 15, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport.FaceOff .face-off .answers .answer .active-content, .KTALShreveport.FaceOff .face-off .answers .answer .answer-container, .KTALShreveport [face-off] .face-off .answers .answer .active-content, .KTALShreveport [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport.FaceOff .face-off .answers .answer .popular-icon, .KTALShreveport.FaceOff .face-off .answers .answer .your-vote-indicator, .KTALShreveport [face-off] .face-off .answers .answer .popular-icon, .KTALShreveport [face-off] .face-off .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 27, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport.FaceOff .face-off .answers .answer:first-child .progress, .KTALShreveport [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 54, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .medium-width .face-off .answers { width: 90%; min-width: 640px; margin-top: 30px; padding-bottom: 18px; } /* line 59, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .medium-width .face-off .answers .answer { width: calc(50% - 3px); } /* line 61, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .medium-width .face-off .answers .answer .percent-container { width: 100%; } /* line 64, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .medium-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 68, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .medium-width .face-off .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .face-off .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 10, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .face-off .answers .answer .percent-container .percent-text { font-size: 22px; padding-top: 0; text-align: center; width: 80px; } /* line 18, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 76, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .medium-width .face-off .answers .answer:last-child .image-container { -ms-flex-order: 1; order: 1; } /* line 80, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .medium-width .face-off .answers .answer .image-container { height: 114px; width: 114px; } /* line 84, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .medium-width .face-off .answers .answer .answer-text { font-size: 22px; min-height: 82px; margin: 0; width: 100%; } /* line 98, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .status-bar-container, .KTALShreveport .tiny-width .face-off .status-bar-container { margin-bottom: 22px; } /* line 101, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers, .KTALShreveport .tiny-width .face-off .answers { padding: 0 0 20px 0; width: 80%; } /* line 104, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer, .KTALShreveport .tiny-width .face-off .answers .answer { margin: 0; width: calc(50% - 3px); } /* line 107, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer:first-child, .KTALShreveport .tiny-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 110, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .image-container, .KTALShreveport .tiny-width .face-off .answers .answer .image-container { height: 112px; width: 100%; margin: 0; } /* line 114, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .image-container img, .KTALShreveport .tiny-width .face-off .answers .answer .image-container img { max-height: 112px; max-width: 100%; } /* line 119, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .your-vote-indicator, .KTALShreveport .small-width .face-off .answers .answer .popular-icon, .KTALShreveport .tiny-width .face-off .answers .answer .your-vote-indicator, .KTALShreveport .tiny-width .face-off .answers .answer .popular-icon { width: 100%; left: 0; } /* line 123, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .popular-icon, .KTALShreveport .tiny-width .face-off .answers .answer .popular-icon { top: auto; bottom: -18px; } /* line 127, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .percent-container, .KTALShreveport .small-width .face-off .answers .answer .answer-text, .KTALShreveport .tiny-width .face-off .answers .answer .percent-container, .KTALShreveport .tiny-width .face-off .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 132, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .answer-text, .KTALShreveport .tiny-width .face-off .answers .answer .answer-text { min-height: 58px; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .face-off .answers .answer .progress, .KTALShreveport .tiny-width .face-off .answers .answer .progress { line-height: 14px; height: 14px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .face-off .answers .answer .progress-bar, .KTALShreveport .tiny-width .face-off .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0; } /* line 10, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .face-off .answers .answer .percent-container, .KTALShreveport .tiny-width .face-off .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .face-off .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .face-off .answers .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .face-off .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .face-off .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 138, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .face-off .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; padding-top: 5px; } /* line 144, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .face-off .answers .answer .percent-container .progress-container { padding: 7px; } /* line 148, .tmp/app/themes/KTALShreveport/FaceOff/styles.scss */ .KTALShreveport .small-width .face-off .answers .answer .popular-label, .KTALShreveport .tiny-width .face-off .answers .answer .popular-label { padding-bottom: 20px; } /* line 4, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback { color: #fff; text-transform: none; } /* line 7, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .view-container { padding: 0; } /* line 10, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .required { color: #5cb9ff; font-weight: normal; } /* line 14, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback h1, .KTALShreveport .feedback h3 { margin: 0; } /* line 18, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback h1 { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); color: #fff; font-weight: 700; padding: 12px 20px; } /* line 24, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback h3 { background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); color: #031857; padding: 3px 10px; font-size: 17px; } /* line 30, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul { font-size: 0; margin: 0; overflow: hidden; padding: 0 10px; margin-top: 10px; } @media screen and (min-width: 666px) { /* line 30, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul { padding: 0 40px; } } /* line 39, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul li { box-sizing: border-box; font-size: 14px; list-style: none; margin: 0; padding: 4px 10px; vertical-align: top; } @media screen and (min-width: 666px) { /* line 39, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul li { display: inline-block; width: 50%; } } /* line 52, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul li.item-checkbox, .KTALShreveport .feedback ul li.item-textarea { display: block; width: 100%; } /* line 57, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul li.item-checkbox { display: block; width: 100%; } /* line 61, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul li label { display: block; margin-bottom: 0; } /* line 65, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul li input, .KTALShreveport .feedback ul li textarea { display: block; width: 100%; } /* line 70, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul li textarea { height: 65px; } @media screen and (min-width: 666px) { /* line 39, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback ul li { display: inline-block; width: 50%; } } /* line 82, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .feedback-submit .close-button { display: none; } /* line 85, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .feedback-submit p { padding: 0; } @media screen and (max-width: 666px) { /* line 81, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .feedback-submit { text-align: center; } /* line 90, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .feedback-submit .feedback-submit-text { display: block; } } @media screen and (min-width: 666px) { /* line 81, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .feedback-submit { padding: 5px 15px 0 15px; text-align: right; } } /* line 98, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .feedback-submit button { display: block; } /* line 102, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport .feedback .close-button-submitted, .KTALShreveport .feedback .close-button-nonsubmitted { display: block; } /* line 115, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) .feedback ul li.item-checkbox label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/KTALShreveport/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 125, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) .feedback ul li.item-checkbox input { opacity: 0; } /* line 128, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/KTALShreveport/images/feedback/checkboxBG-focus.png"); } /* line 132, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/KTALShreveport/images/feedback/checkboxBG-selected-focus.png"); } /* line 135, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/KTALShreveport/images/feedback/checkboxBG-selected.png"); } /* line 138, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/KTALShreveport/images/feedback/checkboxBG-required.png"); } /* line 144, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/KTALShreveport/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 154, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) input[type='checkbox'] { opacity: 0; } /* line 157, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/KTALShreveport/feedback/checkboxBG-focus.png"); } /* line 161, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/KTALShreveport/feedback/checkboxBG-selected-focus.png"); } /* line 164, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/KTALShreveport/feedback/checkboxBG-selected.png"); } /* line 167, .tmp/app/themes/KTALShreveport/Feedback/styles.scss */ .KTALShreveport:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/KTALShreveport/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .show-megachatter .five-star, .KTALShreveport [five-stars] .show-megachatter .five-star { padding-bottom: 5px; } /* line 8, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .show-megachatter .five-star .question, .KTALShreveport.FiveStars .show-megachatter .five-star .status-bar-container, .KTALShreveport [five-stars] .show-megachatter .five-star .question, .KTALShreveport [five-stars] .show-megachatter .five-star .status-bar-container { width: 100%; } /* line 14, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container, .KTALShreveport [five-stars] .five-star .five-star-container { position: relative; } /* line 16, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .vote-container, .KTALShreveport [five-stars] .five-star .five-star-container .vote-container { color: #fff; font-size: 16px; } /* line 20, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .image-container, .KTALShreveport [five-stars] .five-star .five-star-container .image-container { text-align: center; } /* line 23, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .popular, .KTALShreveport.FiveStars .five-star .five-star-container .your-vote, .KTALShreveport [five-stars] .five-star .five-star-container .popular, .KTALShreveport [five-stars] .five-star .five-star-container .your-vote { font-size: 38px; } /* line 27, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .title, .KTALShreveport.FiveStars .five-star .five-star-container .five-star-average, .KTALShreveport [five-stars] .five-star .five-star-container .title, .KTALShreveport [five-stars] .five-star .five-star-container .five-star-average { font-size: 17px; line-height: 1.1em; } /* line 32, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .five-star-average, .KTALShreveport.FiveStars .five-star .five-star-container .five-star-answer, .KTALShreveport [five-stars] .five-star .five-star-container .five-star-average, .KTALShreveport [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 36, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .five-star-average, .KTALShreveport [five-stars] .five-star .five-star-container .five-star-average { color: #fff; background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); } /* line 40, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .five-star-answer, .KTALShreveport [five-stars] .five-star .five-star-container .five-star-answer { background: linear-gradient(to bottom, rgba(37, 70, 227, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); transition: all 1s; } /* line 44, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .title, .KTALShreveport [five-stars] .five-star .five-star-container .title { color: #000000; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); text-align: center; padding: 5px; } /* line 50, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .answers, .KTALShreveport [five-stars] .five-star .five-star-container .answers { margin: 0; padding: 0; transition: all 1s; } /* line 54, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .answers .answer, .KTALShreveport [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/KTALShreveport/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; width: 20%; list-style-type: none; } /* line 61, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star .five-star-container .answers .answer.active, .KTALShreveport [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/KTALShreveport/images/fivestar/star-active.png"); } /* line 68, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star.answered .five-star-answer, .KTALShreveport [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 71, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport.FiveStars .five-star.answered .five-star-average, .KTALShreveport [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 79, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 85, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container.no-image { padding-left: 0; } /* line 88, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 340px; width: 60%; max-width: 600px; height: 64px; } /* line 95, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container .answer { background-size: auto 49px; height: 64px; } /* line 99, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container .image-container { width: 150px; height: 150px; margin-left: -150px; float: left; } /* line 105, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container .title { height: 43px; font-size: 20px; } /* line 109, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container .your-vote { font-size: 28px; } /* line 112, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container .five-star-average { height: 43px; } /* line 115, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container .five-star-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 119, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .medium-width .five-star .five-star-container .five-star-average .column.popular { font-size: 30px; padding-left: 5px; } /* line 131, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container, .KTALShreveport .tiny-width .five-star .five-star-container { width: 80%; min-width: 256px; margin: 0 auto; } /* line 135, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container .columns, .KTALShreveport .tiny-width .five-star .five-star-container .columns { margin: auto 5px; } /* line 138, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container .answers, .KTALShreveport .tiny-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 245px; width: 60%; height: 55px; } /* line 144, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container .answer, .KTALShreveport .tiny-width .five-star .five-star-container .answer { background-size: auto 39px; height: 55px; } /* line 148, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container .image-container, .KTALShreveport .tiny-width .five-star .five-star-container .image-container { width: 134px; height: auto; } /* line 152, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container .five-star-average, .KTALShreveport .tiny-width .five-star .five-star-container .five-star-average { min-height: 134px; width: 50%; padding: 15px 5px; } /* line 156, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container .five-star-average .row, .KTALShreveport .tiny-width .five-star .five-star-container .five-star-average .row { height: 50%; text-align: center; } /* line 161, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container .five-star-answer, .KTALShreveport .tiny-width .five-star .five-star-container .five-star-answer { margin-top: 12px; } /* line 164, .tmp/app/themes/KTALShreveport/FiveStars/styles.scss */ .KTALShreveport .small-width .five-star .five-star-container .your-vote, .KTALShreveport .tiny-width .five-star .five-star-container .your-vote { font-size: 24px; } /* line 4, .tmp/app/themes/KTALShreveport/Footer/styles.scss */ .KTALShreveport footer { margin-top: 15px; } @media screen and (max-width: 666px) { /* line 8, .tmp/app/themes/KTALShreveport/Footer/styles.scss */ .KTALShreveport footer .footer-images img { max-height: 65px; max-width: 116px; margin: 5px 0; } } @media screen and (min-width: 666px) { /* line 18, .tmp/app/themes/KTALShreveport/Footer/styles.scss */ .KTALShreveport footer .footer-images img { max-height: 66px; max-width: 280px; margin: 5px 0; } } /* line 25, .tmp/app/themes/KTALShreveport/Footer/styles.scss */ .KTALShreveport footer .policies { padding: 5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } /* line 29, .tmp/app/themes/KTALShreveport/Footer/styles.scss */ .KTALShreveport footer .policies a { text-decoration: underline; color: #fff; font-size: 10px; font-weight: normal; cursor: pointer; } /* line 36, .tmp/app/themes/KTALShreveport/Footer/styles.scss */ .KTALShreveport footer .policies img { height: 12px; } /* line 7, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .show-megachatter .guess-gauge .question, .KTALShreveport.GuessGauge .show-megachatter .guess-gauge .status-bar-container, .KTALShreveport [guess-gauge] .show-megachatter .guess-gauge .question, .KTALShreveport [guess-gauge] .show-megachatter .guess-gauge .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .gauge-container, .KTALShreveport [guess-gauge] .guess-gauge .gauge-container { position: relative; } /* line 15, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .gauge-container .title, .KTALShreveport [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 19, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .vote-container, .KTALShreveport [guess-gauge] .guess-gauge .vote-container { color: #fff; font-size: 16px; } /* line 23, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .gauge-inner, .KTALShreveport [guess-gauge] .guess-gauge .gauge-inner { background: linear-gradient(to bottom, rgba(37, 70, 227, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); padding: 10px 25px 5px 25px; } /* line 28, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .gauge-average, .KTALShreveport [guess-gauge] .guess-gauge .gauge-average { font-size: 17px; color: #fff; background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); line-height: 1.1em; } /* line 34, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .gauge-answer, .KTALShreveport [guess-gauge] .guess-gauge .gauge-answer { padding-top: 35px; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); background-repeat: no-repeat; } /* line 39, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .gauge-average, .KTALShreveport.GuessGauge .guess-gauge .gauge-answer, .KTALShreveport [guess-gauge] .guess-gauge .gauge-average, .KTALShreveport [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 43, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .gauge-answer-track, .KTALShreveport [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 46, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .display-answer, .KTALShreveport [guess-gauge] .guess-gauge .display-answer { color: #000000; font-size: 19px; overflow: hidden; z-index: 102; margin-top: -38px; position: absolute; } /* line 56, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .slider .slider-track, .KTALShreveport [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 58, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .KTALShreveport [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { background-image: url("../themes/KTALShreveport/images/guessgauge/knob.png"); background-size: 27px 27px; border-radius: 27px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); cursor: pointer; position: absolute; height: 27px; text-align: center; top: -3px; width: 27px; z-index: 100; } /* line 71, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .slider .slider-track.popular, .KTALShreveport [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 75, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .slider .slider-track, .KTALShreveport [guess-gauge] .guess-gauge .slider .slider-track { height: 20px; } /* line 78, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .slider .slider-track-fg, .KTALShreveport [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 20px; top: 0; background: #2364a8; } /* line 83, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .slider .slider-main, .KTALShreveport [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; } /* line 88, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .labels, .KTALShreveport [guess-gauge] .guess-gauge .labels { color: #fff; width: calc(100% + 10px); margin-left: -5px; } /* line 92, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .labels .label-min, .KTALShreveport [guess-gauge] .guess-gauge .labels .label-min { text-align: left; } /* line 95, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge .labels .label-max, .KTALShreveport [guess-gauge] .guess-gauge .labels .label-max { text-align: right; } /* line 100, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge.answered .gauge-answer, .KTALShreveport [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 103, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport.GuessGauge .guess-gauge.answered .gauge-average, .KTALShreveport [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 112, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 118, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-container.no-image { padding-left: 0; } /* line 121, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-container .image-container { width: 150px; height: 150px; margin-left: -150px; float: left; } /* line 127, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-container .title { height: 43px; font-size: 20px; text-align: center; } /* line 133, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-average { height: 43px; } /* line 136, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 140, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-average .column.popular { font-size: 23px; padding-left: 5px; } /* line 148, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .slider .slider-track .slider-knob { background-size: 33px 33px; border-radius: 33px; height: 33px; top: -4px; width: 33px; } /* line 156, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .slider .slider-track, .KTALShreveport .medium-width .guess-gauge .slider .slider-track-fg { height: 25px; } /* line 160, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .display-answer { font-size: 23px; margin-top: -47px; } /* line 164, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-answer { min-height: 103px; background-size: 100% 35px; } /* line 168, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-answer-track { position: relative; margin: 5px auto 0 auto; } /* line 172, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .gauge-inner { min-height: 67px; } /* line 175, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .medium-width .guess-gauge .labels { font-size: 17px; padding-top: 3px; } /* line 184, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .small-width .guess-gauge .gauge-container, .KTALShreveport .tiny-width .guess-gauge .gauge-container { margin: 0 auto; width: 80%; } /* line 188, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .small-width .guess-gauge .image-container, .KTALShreveport .tiny-width .guess-gauge .image-container { width: 134px; height: auto; margin-left: 5px; } /* line 194, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .small-width .guess-gauge .gauge-average, .KTALShreveport .tiny-width .guess-gauge .gauge-average { min-height: 134px; width: calc(100% - 5px); margin-right: 10px; padding: 15px 5px; } /* line 199, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .small-width .guess-gauge .gauge-average .row, .KTALShreveport .tiny-width .guess-gauge .gauge-average .row { height: 50%; text-align: center; } /* line 202, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .small-width .guess-gauge .gauge-average .row:last-child, .KTALShreveport .tiny-width .guess-gauge .gauge-average .row:last-child { line-height: 1.2; } /* line 207, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .small-width .guess-gauge .gauge-answer, .KTALShreveport .tiny-width .guess-gauge .gauge-answer { margin-top: 12px; padding-top: 30px; background-size: 100% 30px; } /* line 212, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .small-width .guess-gauge .popular, .KTALShreveport .tiny-width .guess-gauge .popular { font-size: 20px; } /* line 215, .tmp/app/themes/KTALShreveport/GuessGauge/styles.scss */ .KTALShreveport .small-width .guess-gauge .labels, .KTALShreveport .tiny-width .guess-gauge .labels { font-size: 14px; padding-top: 5px; } /* line 4, .tmp/app/themes/KTALShreveport/Header/styles.scss */ .KTALShreveport header { height: auto; width: 100%; } /* line 7, .tmp/app/themes/KTALShreveport/Header/styles.scss */ .KTALShreveport header .show-media { height: 50px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 41px; } @media screen and (min-width: 666px) { /* line 15, .tmp/app/themes/KTALShreveport/Header/styles.scss */ .KTALShreveport header .show-media { height: 61px; background-size: auto 50px; } } /* line 6, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport.HotOrNot .show-megachatter .hot-or-not, .KTALShreveport [hot-or-not] .show-megachatter .hot-or-not { padding-bottom: 5px; } /* line 8, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport.HotOrNot .show-megachatter .hot-or-not .question, .KTALShreveport.HotOrNot .show-megachatter .hot-or-not .status-bar-container, .KTALShreveport [hot-or-not] .show-megachatter .hot-or-not .question, .KTALShreveport [hot-or-not] .show-megachatter .hot-or-not .status-bar-container { width: 100%; } /* line 16, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport.HotOrNot .hot-or-not .answers .answer .active-content, .KTALShreveport.HotOrNot .hot-or-not .answers .answer .answer-container, .KTALShreveport [hot-or-not] .hot-or-not .answers .answer .active-content, .KTALShreveport [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 20, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport.HotOrNot .hot-or-not .answers .answer .popular-icon, .KTALShreveport.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .KTALShreveport [hot-or-not] .hot-or-not .answers .answer .popular-icon, .KTALShreveport [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 28, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport.HotOrNot .hot-or-not .answers .answer:first-child .progress, .KTALShreveport [hot-or-not] .hot-or-not .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 53, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not { overflow: hidden; } /* line 55, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .image-container { float: left; margin: 0; height: 114px; width: 114px; } /* line 60, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .image-container img { max-height: 100%; max-width: 100%; } /* line 65, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers { margin: auto; width: 90%; margin-top: 30px; padding-bottom: 18px; } /* line 70, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer { width: calc(50% - 57px); margin: 0; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 74, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer.no-image { width: 50%; } /* line 77, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer:nth-child(2) { -ms-flex-order: -1; order: -1; } /* line 78, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer:nth-child(2) .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 89, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer .percent-container { margin: 0; } /* line 91, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 28px; line-height: 1.3; } /* line 97, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 0 10px 7px 10px; } /* line 101, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer .answer-text { font-size: 20px; min-height: 52px; margin: 0; } /* line 107, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .medium-width .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 118, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .image-container, .KTALShreveport .tiny-width .hot-or-not .image-container { height: 80px; margin: 0 auto 22px auto; width: 80px; } /* line 123, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .status-bar-container, .KTALShreveport .tiny-width .hot-or-not .status-bar-container { margin-bottom: 10px; } /* line 126, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers, .KTALShreveport .tiny-width .hot-or-not .answers { width: 90%; min-width: 250px; padding-left: 0; padding-bottom: 12px; } /* line 131, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer, .KTALShreveport .tiny-width .hot-or-not .answers .answer { margin: 0; width: calc(50% - 3px); padding: 0; } /* line 135, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer.no-image, .KTALShreveport .tiny-width .hot-or-not .answers .answer.no-image { margin: 15px 0; } /* line 138, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer:first-child, .KTALShreveport .tiny-width .hot-or-not .answers .answer:first-child { margin-right: 6px; } /* line 141, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .percent-container, .KTALShreveport .small-width .hot-or-not .answers .answer .answer-text, .KTALShreveport .tiny-width .hot-or-not .answers .answer .percent-container, .KTALShreveport .tiny-width .hot-or-not .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 146, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .your-vote-indicator, .KTALShreveport .small-width .hot-or-not .answers .answer .popular-icon, .KTALShreveport .tiny-width .hot-or-not .answers .answer .your-vote-indicator, .KTALShreveport .tiny-width .hot-or-not .answers .answer .popular-icon { width: 100%; left: 0; } /* line 150, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .popular-icon, .KTALShreveport .tiny-width .hot-or-not .answers .answer .popular-icon { top: auto; bottom: -18px; } /* line 154, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .answer-text, .KTALShreveport .tiny-width .hot-or-not .answers .answer .answer-text { min-height: 58px; margin-bottom: 0; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .progress, .KTALShreveport .tiny-width .hot-or-not .answers .answer .progress { line-height: 14px; height: 14px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .progress-bar, .KTALShreveport .tiny-width .hot-or-not .answers .answer .progress-bar { height: 14px; line-height: 14px; top: 0; } /* line 10, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .percent-container, .KTALShreveport .tiny-width .hot-or-not .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { font-size: 27px; padding-top: 0; text-align: center; width: 0; } /* line 18, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding-top: 0; } /* line 161, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; padding-top: 5px; } /* line 167, .tmp/app/themes/KTALShreveport/HotOrNot/styles.scss */ .KTALShreveport .small-width .hot-or-not .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 7px; } /* line 7, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport.InstagramToTV .show-megachatter .instagram-to-tv .question, .KTALShreveport.InstagramToTV .show-megachatter .instagram-to-tv .status-bar-container, .KTALShreveport [instagram-to-tv] .show-megachatter .instagram-to-tv .question, .KTALShreveport [instagram-to-tv] .show-megachatter .instagram-to-tv .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport.InstagramToTV .instagram-to-tv h2, .KTALShreveport [instagram-to-tv] .instagram-to-tv h2 { display: none; } /* line 16, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport.InstagramToTV .instagram-to-tv .name, .KTALShreveport.InstagramToTV .instagram-to-tv .screen-name, .KTALShreveport.InstagramToTV .instagram-to-tv .message, .KTALShreveport [instagram-to-tv] .instagram-to-tv .name, .KTALShreveport [instagram-to-tv] .instagram-to-tv .screen-name, .KTALShreveport [instagram-to-tv] .instagram-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 23, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport.InstagramToTV .instagram-to-tv .name, .KTALShreveport [instagram-to-tv] .instagram-to-tv .name { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); color: #fff; font-size: 18px; padding: 3px 50px; } /* line 29, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport.InstagramToTV .instagram-to-tv .screen-name, .KTALShreveport [instagram-to-tv] .instagram-to-tv .screen-name { color: #2364a8; font-size: 14px; padding: 0 50px; } /* line 34, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport.InstagramToTV .instagram-to-tv .message, .KTALShreveport [instagram-to-tv] .instagram-to-tv .message { color: #031857; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 38, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport.InstagramToTV .instagram-to-tv .message a, .KTALShreveport [instagram-to-tv] .instagram-to-tv .message a { color: #2364a8; } /* line 42, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport.InstagramToTV .instagram-to-tv .logo, .KTALShreveport [instagram-to-tv] .instagram-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 54, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv { margin: 30px auto 0; width: 640px; } /* line 57, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); overflow: hidden; } /* line 60, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .image-container { float: left; height: 237px; width: 237px; } /* line 64, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .image-container.no-image { opacity: 0; height: 0; width: 0; float: none; } /* line 71, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .image { display: block; margin: auto; max-width: 237px; max-height: 237px; } /* line 77, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .content { margin-left: 237px; } /* line 79, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .content.no-image { margin-left: 0; } /* line 83, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .name, .KTALShreveport .medium-width .instagram-to-tv .instagram-content .screen-name, .KTALShreveport .medium-width .instagram-to-tv .instagram-content .message { width: 100%; text-align: left; } /* line 89, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .name { font-size: 23px; padding: 3px 50px 3px 20px; } /* line 93, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .screen-name { font-size: 16px; padding: 0 50px 0 20px; } /* line 97, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .message { font-size: 19px; padding: 10px 40px 40px 20px; } /* line 101, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .medium-width .instagram-to-tv .instagram-content .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 114, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .small-width .instagram-to-tv .image-container, .KTALShreveport .tiny-width .instagram-to-tv .image-container { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); padding: 10px; } /* line 117, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .small-width .instagram-to-tv .image-container.no-image, .KTALShreveport .tiny-width .instagram-to-tv .image-container.no-image { background: transparent; padding: 0; } /* line 122, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .small-width .instagram-to-tv .image, .KTALShreveport .tiny-width .instagram-to-tv .image { display: block; margin: auto; max-width: 155px; max-height: 155px; } /* line 128, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .small-width .instagram-to-tv .name, .KTALShreveport .tiny-width .instagram-to-tv .name { margin-top: 9px; } /* line 131, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .small-width .instagram-to-tv .screen-name, .KTALShreveport .tiny-width .instagram-to-tv .screen-name { background-color: #fff; } /* line 134, .tmp/app/themes/KTALShreveport/InstagramToTV/styles.scss */ .KTALShreveport .small-width .instagram-to-tv .message, .KTALShreveport .tiny-width .instagram-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); } /* line 7, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers { width: 90%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 10, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 14, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .active-content, .KTALShreveport .medium-width .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 18, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer:first-child, .KTALShreveport .medium-width .pic-pick .answers .answer:nth-child(4), .KTALShreveport .medium-width .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 21, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .image-container { width: 78px; height: 78px; } /* line 25, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .popular-icon, .KTALShreveport .medium-width .pic-pick .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 33, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .percent-container { margin: 0; } /* line 35, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; font-size: 29px; padding-top: 8px; } /* line 42, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .percent-container .progress-container { padding: 5px; } /* line 46, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .image-container, .KTALShreveport .medium-width .pic-pick .answers .answer .percent-container { margin-top: 0; } /* line 50, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .medium-width .pic-pick .answers .answer .answer-text { min-height: 45px; width: 100%; } /* line 67, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick.trivia .answers, .KTALShreveport .tiny-width .pic-pick.trivia .answers { margin-top: 32px; } /* line 71, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers, .KTALShreveport .tiny-width .pic-pick .answers { padding: 0 10px 10px 10px; width: 98%; min-width: 320px; margin-top: 22px; } /* line 76, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers .answer, .KTALShreveport .tiny-width .pic-pick .answers .answer { width: 100%; margin-top: 22px; } /* line 79, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers .answer:last-child, .KTALShreveport .tiny-width .pic-pick .answers .answer:last-child { margin-bottom: 0; } /* line 82, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers .answer:first-child, .KTALShreveport .tiny-width .pic-pick .answers .answer:first-child { margin-top: 0; } /* line 85, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .image-container, .KTALShreveport .tiny-width .pic-pick .answers .answer .image-container { height: 68px; width: 68px; } /* line 89, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .answer-text, .KTALShreveport .tiny-width .pic-pick .answers .answer .answer-text { min-height: 43px; width: 100%; } /* line 93, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .percent-container, .KTALShreveport .tiny-width .pic-pick .answers .answer .percent-container { width: 100%; margin: 0; padding-top: 3px; } /* line 97, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 101, .tmp/app/themes/KTALShreveport/PicPick/styles.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .pic-pick .answers .answer .percent-container .percent-text { line-height: 1.2; padding-right: 5px; } /* line 10, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .percent-container, .KTALShreveport .tiny-width .pic-pick .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .pic-pick .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .progress, .KTALShreveport .tiny-width .pic-pick .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .pic-pick .answers .answer .progress-bar, .KTALShreveport .tiny-width .pic-pick .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 5, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container { border: 0 solid transparent; font-size: 20px; overflow: hidden; padding: 0; width: 90%; max-width: 620px; border-radius: 5px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 2; background-color: #fff; margin: 10px auto; } /* line 19, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking { border-bottom: 1px solid #555555; color: #031857; transition: all 0.3s; background-color: #fff; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-template-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-gap: 5px; } /* line 33, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking.first-place div { font-size: 22px; } /* line 38, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 43, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 49, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking.ng-enter-stagger, .KTALShreveport leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 53, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking.your-rank-highlight { background: white; } /* line 57, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 62, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 70, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking:last-child { border: none; } /* line 74, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking div { padding: 0; height: 33px; font-size: 16px; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } /* line 83, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 36px; } /* line 88, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking div:last-child { line-height: 32px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 96, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking div img { height: 20px; padding: 0 8px; } /* line 101, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport leaderboard .rankings-container .ranking div.leaderboard .KTALShreveport leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 111, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport .show-more-rankings { display: block; padding: 0; width: 50px; height: 25px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: -5px auto 0 auto; z-index: 1; position: relative; background-color: #fff; color: #031857; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 126, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport .show-more-rankings span { font-size: 27px; line-height: 1; position: absolute; top: -5px; left: 0; right: 0; } /* line 134, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 138, .tmp/app/themes/KTALShreveport/Leaderboard/styles.scss */ .KTALShreveport .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 7, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport.LiveReactions .show-megachatter .live-reactions .question, .KTALShreveport.LiveReactions .show-megachatter .live-reactions .status-bar-container, .KTALShreveport [live-reactions] .show-megachatter .live-reactions .question, .KTALShreveport [live-reactions] .show-megachatter .live-reactions .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport.LiveReactions .view-container, .KTALShreveport [live-reactions] .view-container { position: static; } /* line 16, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport.LiveReactions .live-reactions .floating-reaction, .KTALShreveport [live-reactions] .live-reactions .floating-reaction { max-width: 40px; max-height: 40px; position: absolute; animation: 2s reactionRiseCubic ease-in forwards; z-index: 10; } /* line 24, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport.LiveReactions .live-reactions .answers .answer, .KTALShreveport [live-reactions] .live-reactions .answers .answer { background: transparent; box-shadow: none; } /* line 27, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport.LiveReactions .live-reactions .answers .answer .reaction-label, .KTALShreveport [live-reactions] .live-reactions .answers .answer .reaction-label { position: absolute; margin: auto; color: #fff; font-size: 18px; line-height: 1.1; } /* line 34, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport.LiveReactions .live-reactions .answers .answer .reaction-bounce, .KTALShreveport [live-reactions] .live-reactions .answers .answer .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 37, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport.LiveReactions .live-reactions .answers .answer .image-container, .KTALShreveport [live-reactions] .live-reactions .answers .answer .image-container { width: 30px; height: 30px; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.6); } 66% { transform: scale(1.4); } 100% { transform: scale(1); } } @keyframes reactionRiseCubic { 0% { opacity: 0; } 25% { opacity: 1; } 100% { top: -300px; } } /* line 76, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .medium-width .live-reactions .answers { padding: 5px 0; margin: 15px auto; width: 80%; height: 152px; background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); } /* line 82, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .medium-width .live-reactions .answers .answer { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); margin: 0 auto; position: relative; padding: 8px; } /* line 88, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .medium-width .live-reactions .answers .answer:nth-child(odd) .reaction-label { top: -44px; } /* line 93, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .medium-width .live-reactions .answers .answer:nth-child(even) .reaction-label { bottom: -44px; } /* line 97, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .medium-width .live-reactions .answers .answer .image-container { width: 42px; height: 42px; } /* line 101, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .medium-width .live-reactions .answers .answer .reaction-label { height: 43px; padding: 5px; text-align: center; max-width: 110px; background: none; left: 0; right: 0; } /* line 117, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .small-width .live-reactions .answers, .KTALShreveport .tiny-width .live-reactions .answers { padding: 0 10px; width: 178px; background: linear-gradient(to bottom, white 0%, #d7d7d7 100%), linear-gradient(to bottom, #0d41af 0%, #20216c 100%); background-size: 50px 100%, 100%; background-repeat: no-repeat; } /* line 123, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .small-width .live-reactions .answers .answer, .KTALShreveport .tiny-width .live-reactions .answers .answer { margin: 12px 0; position: relative; } /* line 126, .tmp/app/themes/KTALShreveport/LiveReactions/styles.scss */ .KTALShreveport .small-width .live-reactions .answers .answer .reaction-label, .KTALShreveport .tiny-width .live-reactions .answers .answer .reaction-label { max-width: 118px; height: 30px; width: 100%; left: 45px; top: 0; padding: 0; text-align: center; } /* line 5, .tmp/app/themes/KTALShreveport/Poster/styles.scss */ .KTALShreveport.Poster .posterImage, .KTALShreveport [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; width: 100%; height: 480px; padding: 0; } /* line 13, .tmp/app/themes/KTALShreveport/Poster/styles.scss */ .KTALShreveport.Poster .posterImage .posterImageInner, .KTALShreveport [poster] .posterImage .posterImageInner { height: 100%; -ms-flex-align: baseline; align-items: baseline; } /* line 16, .tmp/app/themes/KTALShreveport/Poster/styles.scss */ .KTALShreveport.Poster .posterImage .posterImageInner video, .KTALShreveport.Poster .posterImage .posterImageInner img, .KTALShreveport [poster] .posterImage .posterImageInner video, .KTALShreveport [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 7, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .show-megachatter .mood-meter .question, .KTALShreveport.MoodMeter .show-megachatter .mood-meter .status-bar-container, .KTALShreveport [mood-meter] .show-megachatter .mood-meter .question, .KTALShreveport [mood-meter] .show-megachatter .mood-meter .status-bar-container { width: 100%; } /* line 13, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .vote-container, .KTALShreveport [mood-meter] .mood-meter .vote-container { color: #fff; font-size: 16px; } /* line 17, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-container, .KTALShreveport [mood-meter] .mood-meter .meter-container { position: relative; } /* line 19, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-container .title, .KTALShreveport [mood-meter] .mood-meter .meter-container .title { display: none; } /* line 23, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-inner, .KTALShreveport [mood-meter] .mood-meter .meter-inner { display: block; margin: auto; } /* line 27, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-inside, .KTALShreveport [mood-meter] .mood-meter .meter-inside { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; } /* line 35, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-average, .KTALShreveport [mood-meter] .mood-meter .meter-average { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); color: #fff; font-size: 18px; line-height: 1.1em; } /* line 41, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-answer, .KTALShreveport [mood-meter] .mood-meter .meter-answer { background: linear-gradient(to bottom, rgba(37, 70, 227, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); } /* line 44, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-average, .KTALShreveport.MoodMeter .mood-meter .meter-answer, .KTALShreveport [mood-meter] .mood-meter .meter-average, .KTALShreveport [mood-meter] .mood-meter .meter-answer { transition: all 1s; } /* line 48, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-answer-track, .KTALShreveport [mood-meter] .mood-meter .meter-answer-track { position: relative; z-index: 1; } /* line 51, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .meter-answer-track canvas, .KTALShreveport [mood-meter] .mood-meter .meter-answer-track canvas { cursor: pointer; } /* line 55, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .popular-label, .KTALShreveport [mood-meter] .mood-meter .popular-label { font-size: 12px; } /* line 58, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .display-answer, .KTALShreveport [mood-meter] .mood-meter .display-answer { font-size: 18px; color: #031857; background: linear-gradient(to left, #6f6f6f 0%, #ffffff 50%, #6f6f6f 100%); overflow: hidden; display: block; padding: 10px 20px; word-break: break-word; } /* line 67, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .labels, .KTALShreveport [mood-meter] .mood-meter .labels { color: #fff; font-size: 14px; margin-top: 4px; width: 100%; } /* line 72, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .labels .label-min, .KTALShreveport [mood-meter] .mood-meter .labels .label-min { text-align: right; } /* line 75, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter .labels .label-max, .KTALShreveport [mood-meter] .mood-meter .labels .label-max { text-align: left; } /* line 80, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter.answered .meter-answer, .KTALShreveport [mood-meter] .mood-meter.answered .meter-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 83, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport.MoodMeter .mood-meter.answered .meter-average, .KTALShreveport [mood-meter] .mood-meter.answered .meter-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 92, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .image-container { margin: 0; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 98, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-container { margin: 0 auto; min-width: 640px; width: 80%; min-height: 155px; margin-bottom: 10px; } /* line 104, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 110, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-container .meter-inner { min-width: 389px; width: 100%; min-height: 155px; background: url(../themes/KTALShreveport/images/moodmeter/meter-bg.png); background-size: auto 129px; background-position: center top 10px; background-repeat: no-repeat; position: relative; padding-top: 18px; } /* line 121, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-container .rows { width: 50%; } /* line 125, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 133, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 139, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-average { display: -ms-grid; display: grid; height: 50%; min-height: 75px; min-width: 250px; width: 100%; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; word-break: break-word; } /* line 151, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .popular-label { font-size: 15px; } /* line 154, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .popular { font-size: 18px; } /* line 157, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-answer { width: 60%; min-width: 389px; } /* line 160, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; z-index: 10; } /* line 168, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 174, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .display-answer { display: -ms-grid; display: grid; height: 50%; min-height: 75px; min-width: 250px; width: 100%; clear: left; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; } /* line 186, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .display-answer span { display: block; } /* line 188, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .display-answer span:first-child { font-size: 15px; line-height: 1.5; } /* line 194, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .labels { font-size: 16px; padding: 108px 5px 5px 5px; } /* line 197, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .labels .label-min, .KTALShreveport .medium-width .mood-meter .labels .label-max { width: calc(50% - 50px); text-align: center; word-break: break-word; line-height: 1.2; } /* line 204, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .labels .label-min { margin-right: 50px; } /* line 207, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .medium-width .mood-meter .labels .label-max { margin-left: 50px; } /* line 216, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .image-container, .KTALShreveport .tiny-width .mood-meter .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 221, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .status-bar-container, .KTALShreveport .tiny-width .mood-meter .status-bar-container { margin-bottom: 10px; } /* line 224, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .meter-container, .KTALShreveport .tiny-width .mood-meter .meter-container { margin: 0 auto; width: 80%; min-height: 430px; } /* line 229, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .meter-inner, .KTALShreveport .tiny-width .mood-meter .meter-inner { background: url(../themes/WCMH/images/moodmeter/meter-bg.png); background-size: auto 129px; min-height: 129px; padding-top: 16px; background-position: top 8px center; background-repeat: no-repeat; } /* line 237, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .meter-inside, .KTALShreveport .tiny-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 245, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .meter-inside img, .KTALShreveport .tiny-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 251, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .display-answer, .KTALShreveport .tiny-width .mood-meter .display-answer { text-align: center; min-height: 40px; padding: 5px; } /* line 256, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .display-answer span:first-child, .KTALShreveport .tiny-width .mood-meter .display-answer span:first-child { width: 50px; font-size: 12px; padding-right: 10px; } /* line 263, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .meter-average, .KTALShreveport .tiny-width .mood-meter .meter-average { padding: 5px; text-align: center; word-break: break-word; } /* line 269, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .meter-answer .meter-answer-track, .KTALShreveport .tiny-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; } /* line 276, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .meter-answer .meter-answer-track canvas, .KTALShreveport .tiny-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 282, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .labels, .KTALShreveport .tiny-width .mood-meter .labels { padding: 5px; margin-top: 124px; } /* line 285, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .labels .label-min, .KTALShreveport .small-width .mood-meter .labels .label-max, .KTALShreveport .tiny-width .mood-meter .labels .label-min, .KTALShreveport .tiny-width .mood-meter .labels .label-max { width: 50%; vertical-align: middle; word-break: break-word; } /* line 291, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .labels .label-min, .KTALShreveport .tiny-width .mood-meter .labels .label-min { padding-right: 25px; width: 50%; } /* line 295, .tmp/app/themes/KTALShreveport/MoodMeter/styles.scss */ .KTALShreveport .small-width .mood-meter .labels .label-max, .KTALShreveport .tiny-width .mood-meter .labels .label-max { padding-left: 25px; width: 50%; } /* line 7, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 11, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 15, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer .active-content, .KTALShreveport .medium-width .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer:first-child, .KTALShreveport .medium-width .readers-choice .answers .answer:nth-child(4), .KTALShreveport .medium-width .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 23, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 26, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 29px; padding-top: 8px; } /* line 32, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer .percent-container .progress-container { padding: 5px 10px; } /* line 36, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer .answer-text { font-size: 17px; min-height: 45px; } /* line 40, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .medium-width .readers-choice .answers .answer .popular-icon, .KTALShreveport .medium-width .readers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 56, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice.trivia .answers, .KTALShreveport .tiny-width .readers-choice.trivia .answers { margin-top: 32px; } /* line 60, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers, .KTALShreveport .tiny-width .readers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 64, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer, .KTALShreveport .tiny-width .readers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 67, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer:last-child, .KTALShreveport .tiny-width .readers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 70, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .answer-text, .KTALShreveport .tiny-width .readers-choice .answers .answer .answer-text { min-height: 43px; margin-bottom: 0; } /* line 74, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .active-content, .KTALShreveport .tiny-width .readers-choice .answers .answer .active-content { width: 100%; } /* line 76, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .active-content .percent-text, .KTALShreveport .tiny-width .readers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 81, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .active-content .answer-container, .KTALShreveport .tiny-width .readers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .percent-container, .KTALShreveport .tiny-width .readers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .readers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .progress, .KTALShreveport .tiny-width .readers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .progress-bar, .KTALShreveport .tiny-width .readers-choice .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 87, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .percent-container, .KTALShreveport .tiny-width .readers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 91, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding: 7px; } /* line 94, .tmp/app/themes/KTALShreveport/ReadersChoice/styles.scss */ .KTALShreveport .small-width .readers-choice .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .readers-choice .answers .answer .percent-container .percent-text { padding-right: 5px; } /* line 6, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .image-container, .KTALShreveport [tweet-to-tv] .tweet-to-tv .image-container { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); padding: 8px; } /* line 9, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .image-container.no-image, .KTALShreveport [tweet-to-tv] .tweet-to-tv .image-container.no-image { background: transparent; height: 15px; } /* line 14, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .name, .KTALShreveport.TweetToTV .tweet-to-tv .screen-name, .KTALShreveport.TweetToTV .tweet-to-tv .message, .KTALShreveport [tweet-to-tv] .tweet-to-tv .name, .KTALShreveport [tweet-to-tv] .tweet-to-tv .screen-name, .KTALShreveport [tweet-to-tv] .tweet-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 22, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .name, .KTALShreveport [tweet-to-tv] .tweet-to-tv .name { background: linear-gradient(to bottom, #2546e3 0%, #000000 100%); color: #fff; font-size: 18px; margin-top: 9px; padding: 3px 50px; } /* line 29, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .screen-name, .KTALShreveport [tweet-to-tv] .tweet-to-tv .screen-name { background-color: #fff; color: #2364a8; font-size: 14px; padding: 0 50px; } /* line 34, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .screen-name a, .KTALShreveport [tweet-to-tv] .tweet-to-tv .screen-name a { color: #2364a8; } /* line 38, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .message, .KTALShreveport [tweet-to-tv] .tweet-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #031857; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 43, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .message a, .KTALShreveport [tweet-to-tv] .tweet-to-tv .message a { color: #2364a8; } /* line 47, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .avatar, .KTALShreveport [tweet-to-tv] .tweet-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 53, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv .logo, .KTALShreveport [tweet-to-tv] .tweet-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 61, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport.TweetToTV .tweet-to-tv twttr-follow-button, .KTALShreveport [tweet-to-tv] .tweet-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 70, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport .medium-width .tweet-to-tv { margin: 0 auto; min-width: 640px; } /* line 73, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport .medium-width .tweet-to-tv .name, .KTALShreveport .medium-width .tweet-to-tv .screen-name, .KTALShreveport .medium-width .tweet-to-tv .message { width: 90%; } /* line 78, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport .medium-width .tweet-to-tv .name { font-size: 23px; } /* line 81, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport .medium-width .tweet-to-tv .screen-name { font-size: 16px; } /* line 84, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport .medium-width .tweet-to-tv .message { font-size: 19px; padding: 10px 40px 40px 40px; } /* line 88, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport .medium-width .tweet-to-tv .avatar { height: 90px; width: 90px; } /* line 92, .tmp/app/themes/KTALShreveport/TweetToTV/styles.scss */ .KTALShreveport .medium-width .tweet-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 5, .tmp/app/themes/KTALShreveport/TwitchToTV/styles.scss */ .KTALShreveport.TwitchToTV .twitch-to-tv, .KTALShreveport [twitch-to-tv] .twitch-to-tv { width: 90%; display: block; margin: auto; } /* line 6, .tmp/app/themes/KTALShreveport/TwitchToTV/styles.scss */ .KTALShreveport.TwitchToTV .twitch-to-tv div:nth-child(2), .KTALShreveport [twitch-to-tv] .twitch-to-tv div:nth-child(2) { width: 80%; margin: auto; } /* line 15, .tmp/app/themes/KTALShreveport/TwitchToTV/styles.scss */ .KTALShreveport.TwitchToTV .twitch-to-tv .name, .KTALShreveport.TwitchToTV .twitch-to-tv .screen-name, .KTALShreveport.TwitchToTV .twitch-to-tv .message, .KTALShreveport [twitch-to-tv] .twitch-to-tv .name, .KTALShreveport [twitch-to-tv] .twitch-to-tv .screen-name, .KTALShreveport [twitch-to-tv] .twitch-to-tv .message { margin: 0; position: relative; } /* line 22, .tmp/app/themes/KTALShreveport/TwitchToTV/styles.scss */ .KTALShreveport.TwitchToTV .twitch-to-tv .name, .KTALShreveport [twitch-to-tv] .twitch-to-tv .name { background-color: #031857; color: #fff; font-size: 18px; padding: 5px 50px; margin-top: 50px; } /* line 30, .tmp/app/themes/KTALShreveport/TwitchToTV/styles.scss */ .KTALShreveport.TwitchToTV .twitch-to-tv .message, .KTALShreveport [twitch-to-tv] .twitch-to-tv .message { background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #d7d7d7 100%); color: #000000; font-size: 16px; padding: 15px 20px 20px 20px; min-height: 70px; } /* line 37, .tmp/app/themes/KTALShreveport/TwitchToTV/styles.scss */ .KTALShreveport.TwitchToTV .twitch-to-tv .message a, .KTALShreveport [twitch-to-tv] .twitch-to-tv .message a { color: #000000; } /* line 42, .tmp/app/themes/KTALShreveport/TwitchToTV/styles.scss */ .KTALShreveport.TwitchToTV .twitch-to-tv .logo, .KTALShreveport [twitch-to-tv] .twitch-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 51, .tmp/app/themes/KTALShreveport/TwitchToTV/styles.scss */ .KTALShreveport.TwitchToTV .twitch-to-tv twttr-follow-button, .KTALShreveport [twitch-to-tv] .twitch-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 6, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport.ViewersChoice .show-megachatter .viewers-choice, .KTALShreveport [viewers-choice] .show-megachatter .viewers-choice { padding-bottom: 5px; } /* line 8, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport.ViewersChoice .show-megachatter .viewers-choice .question, .KTALShreveport.ViewersChoice .show-megachatter .viewers-choice .status-bar-container, .KTALShreveport [viewers-choice] .show-megachatter .viewers-choice .question, .KTALShreveport [viewers-choice] .show-megachatter .viewers-choice .status-bar-container { width: 100%; } /* line 17, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .image-container { margin: 0; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 23, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 27, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 31, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer .active-content, .KTALShreveport .medium-width .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 35, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer:first-child, .KTALShreveport .medium-width .viewers-choice .answers .answer:nth-child(4), .KTALShreveport .medium-width .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer .progress { line-height: 18px; height: 18px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 0; } /* line 39, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 42, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 29px; padding-top: 8px; } /* line 48, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 5px 10px; } /* line 52, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer .answer-text { font-size: 17px; min-height: 45px; } /* line 56, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .medium-width .viewers-choice .answers .answer .popular-icon, .KTALShreveport .medium-width .viewers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 71, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .image-container, .KTALShreveport .tiny-width .viewers-choice .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 76, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .status-bar-container, .KTALShreveport .tiny-width .viewers-choice .status-bar-container { margin-bottom: 10px; } /* line 79, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers, .KTALShreveport .tiny-width .viewers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 83, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer, .KTALShreveport .tiny-width .viewers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 86, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .answer-text, .KTALShreveport .tiny-width .viewers-choice .answers .answer .answer-text { min-height: 43px; margin-bottom: 0; } /* line 90, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer:last-child, .KTALShreveport .tiny-width .viewers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 93, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .active-content, .KTALShreveport .tiny-width .viewers-choice .answers .answer .active-content { width: 100%; } /* line 95, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .active-content .percent-text, .KTALShreveport .tiny-width .viewers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 100, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .active-content .answer-container, .KTALShreveport .tiny-width .viewers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .percent-container, .KTALShreveport .tiny-width .viewers-choice .answers .answer .percent-container { padding-left: 0; } /* line 12, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { font-size: 19px; padding-top: 0; text-align: center; width: 54px; } /* line 18, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding-top: 4px; } /* line 30, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .progress, .KTALShreveport .tiny-width .viewers-choice .answers .answer .progress { line-height: 12px; height: 12px; } /* line 34, .tmp/app/themes/KTALShreveport/_mixins.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .progress-bar, .KTALShreveport .tiny-width .viewers-choice .answers .answer .progress-bar { height: 12px; line-height: 12px; top: 0; } /* line 106, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .percent-container, .KTALShreveport .tiny-width .viewers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 110, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .percent-container .progress-container, .KTALShreveport .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 7px; } /* line 113, .tmp/app/themes/KTALShreveport/ViewersChoice/styles.scss */ .KTALShreveport .small-width .viewers-choice .answers .answer .percent-container .percent-text, .KTALShreveport .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { padding-right: 5px; } /* line 9, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport.MegaChatter .view-container.show-megachatter.tile-medium .scene-wrapper [megachatter], .KTALShreveport.MegaChatter .view-container.show-megachatter.tile-small .scene-wrapper [megachatter] { width: 100%; min-width: auto; max-width: none; } /* line 20, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container { background: #fff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 25, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container.featured { background: #fff; } /* line 29, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 33, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 38, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 40, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container .content-wrapper .message-name { font-size: 18px; color: #031857; padding: 0; margin: 0; } /* line 46, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container .content-wrapper .message-text { font-size: 14px; color: #031857; padding: 0; } /* line 51, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 54, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 59, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 64, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 73, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-list { max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 79, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 84, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-input-container { background: #e9e9e9; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 89, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 94, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 98, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; font-size: 16px; background: #031857; } /* line 106, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-input-container .message-container textarea.editing-text { height: 80px; } /* line 110, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 117, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .message-input-container button { margin: 0 5px 5px 5px; padding: 10px 15px; background: #031857; } /* line 126, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport message-list.stacked .message-list, .KTALShreveport message-list.veil .message-list { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 132, .tmp/app/themes/KTALShreveport/Megachatter/styles.scss */ .KTALShreveport .megachatter-title { background: #fff; color: #031857; padding: 10px 0; margin: 0; text-align: center; border-bottom: 1px solid black; } /* line 2, .tmp/app/themes/KTALShreveport/PredictionCTA/styles.scss */ .KTALShreveport.PredictionCTA h1, .KTALShreveport [prediction-cta] h1 { font-size: 24px; height: auto; color: #031857; font-weight: 700; margin: 0 auto; padding: 10px 10px 0 10px; } /* line 10, .tmp/app/themes/KTALShreveport/PredictionCTA/styles.scss */ .KTALShreveport.PredictionCTA p, .KTALShreveport [prediction-cta] p { text-align: center; color: #031857; margin: auto; padding: 20px 0 5px 0; font-size: 16px; } /* line 17, .tmp/app/themes/KTALShreveport/PredictionCTA/styles.scss */ .KTALShreveport.PredictionCTA button, .KTALShreveport [prediction-cta] button { margin: 0 auto 30px auto; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; } /* line 22, .tmp/app/themes/KTALShreveport/PredictionCTA/styles.scss */ .KTALShreveport.PredictionCTA button .material-icons, .KTALShreveport [prediction-cta] button .material-icons { font-size: 18px; } /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Main Styles ====================================*/ /* line 7, .tmp/app/themes/WKRG/base.scss */ html, body { height: 100%; } /* line 11, .tmp/app/themes/WKRG/base.scss */ .WKRG { background-color: #fff; background-image: none; background-position: center center; color: #a9a9a9; font-family: "Lato", sans-serif; text-shadow: none; /*==================================== h1 - Large Messages; i.e. Bulletin ====================================*/ /*==================================== h2 - Question Text represented in all product scenes as an
tag ====================================*/ /*==================================== h3 - ====================================*/ /*==================================== h4 - ====================================*/ /*==================================== .app-container - main container for the entire application; includes header and footer ====================================*/ /*==================================== .view-container - container for views, scenes and products ====================================*/ /*==================================== header/footer ====================================*/ /*==================================== p - most common text should be a====================================*/ /*==================================== a - all links, including twitter/megachatter ====================================*/ /*==================================== ====================================*/ /*==================================== POST GAME ====================================*/ /*==================================== Large Format ====================================*/ /*==================================== Small Format ====================================*/ /*==================================== Add Ins ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Modal Styles ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT VARIABLES Customize most settings in this block ============================================================================*/ /*============================================================================ SURVEY BAR DEFAULT STYLES The following should not require modification in most cases ============================================================================*/ /*==================================== STATUS BAR ====================================*/ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:50:30 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-in-top * ---------------------------------------- */ /* ---------------------------------------------- * Generated by Animista on 2019-3-11 20:51:3 * w: http://animista.net, t: @cssanimista * ---------------------------------------------- */ /** * ---------------------------------------- * animation fade-out-bottom * ---------------------------------------- */ /*==================================== SHARE YOUR VOTE ====================================*/ /*==================================== SCORE SUMMARY ====================================*/ /*==================================== MEGACHATTER PRESENTATIONS - TILE, DRAWER, TICKER ====================================*/ /*==================================== POINTS AND COUNTDOWN ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*==================================== Products ====================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /*============================================================================ CHECKBOX ============================================================================*/ /* The ':not(.not)' is to ensure older browsers that don't support the CSS3 features used do not try to render any of the following styles. */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Portrait tablets and up */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ /* Less than portrait tablets*/ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /* Variables */ /* Default Palette */ /*============================================================================ SURVEY BAR AND PERCENT TEXT CUSTOMIZATION Alters the width and font size of the percent text, and the margins around for vertical centering ============================================================================*/ /*============================================================================ SURVEY BAR MIXIN Alters the height ============================================================================*/ /*============================================================================ ANIMATION MIXINS ============================================================================*/ /* Variables */ /* Default Palette */ } /* line 19, .tmp/app/themes/WKRG/base.scss */ .WKRG .main-content-container { height: 100%; } /* line 23, .tmp/app/themes/WKRG/base.scss */ .WKRG h1, .WKRG h2, .WKRG h3, .WKRG h4 { text-align: center; } /* line 30, .tmp/app/themes/WKRG/base.scss */ .WKRG h1 { background-color: transparent; background-image: none; background-position: top left; background-repeat: no-repeat; color: #fff; font-size: 23px; line-height: 1.4; padding: 10px; } /* line 45, .tmp/app/themes/WKRG/base.scss */ .WKRG .question { background-image: url("../themes/WKRG/images/header-small.png"); background-size: cover; background-repeat: no-repeat; } /* line 49, .tmp/app/themes/WKRG/base.scss */ .WKRG .question h2 { color: #000; font-weight: 900; } /* line 55, .tmp/app/themes/WKRG/base.scss */ .WKRG h2 { color: #fff; font-size: 25px; font-weight: 700; overflow: hidden; vertical-align: middle; padding: 12px 20px; margin: 0; } /* line 68, .tmp/app/themes/WKRG/base.scss */ .WKRG h3 { font-size: 23px; color: #fff; padding: 0 20px; } /* line 73, .tmp/app/themes/WKRG/base.scss */ .WKRG h3 .locInserted { color: #555555; } /* line 81, .tmp/app/themes/WKRG/base.scss */ .WKRG h4 { font-size: 20px; color: #fff; } /* line 91, .tmp/app/themes/WKRG/base.scss */ .WKRG .app-container { margin: 0 auto; background-color: #f0bb08; background-repeat: no-repeat; min-height: 100%; overflow: hidden; } /* line 98, .tmp/app/themes/WKRG/base.scss */ .WKRG .app-container .winner-feedback-button { margin: 5px auto; z-index: 100; font-size: 12px; display: -ms-grid; display: grid; -ms-grid-columns: 20px auto; grid-template-columns: 20px auto; grid-gap: 5px; } /* line 108, .tmp/app/themes/WKRG/base.scss */ .WKRG .app-container .winner-feedback-button .winner-icon { height: 100%; width: 100%; background: url("../themes/WKRG/images/trophy-solid.png"); background-repeat: no-repeat; background-position: center; background-size: contain; animation: jello-horizontal 0.9s both; } /* line 125, .tmp/app/themes/WKRG/base.scss */ .WKRG .view-container { position: relative; } /* line 132, .tmp/app/themes/WKRG/base.scss */ .WKRG footer, .WKRG header { background-repeat: no-repeat; background-position: left top; margin: auto; } /* line 139, .tmp/app/themes/WKRG/base.scss */ .WKRG header { width: 100%; } /* line 143, .tmp/app/themes/WKRG/base.scss */ .WKRG header .column { vertical-align: middle; } /* line 150, .tmp/app/themes/WKRG/base.scss */ .WKRG p { padding: 0 30px; } /* line 157, .tmp/app/themes/WKRG/base.scss */ .WKRG a { color: #555555; } /* line 165, .tmp/app/themes/WKRG/base.scss */ .WKRG.trivia .user-label { display: block; text-align: center; background: linear-gradient(to left, #c4161c 0%, #990506 100%); } /* line 172, .tmp/app/themes/WKRG/base.scss */ .WKRG .user-label { color: #fff; display: none; font-size: 16px; margin: 0 auto; padding: 5px 30px; width: 100%; } /* line 181, .tmp/app/themes/WKRG/base.scss */ .WKRG .media > .pull-left { margin-right: 20px; } /* line 188, .tmp/app/themes/WKRG/base.scss */ .WKRG .share-score-button { background: url("../themes/WKRG/images/twitter-icon.png"), linear-gradient(to bottom, #f5f3f3 0%, #cbcbcb 100%); background-size: auto 16px, 100%; background-position: right 6px center, center; background-repeat: no-repeat; margin: 10px auto; width: max-content; max-width: 220px; border: none; border-radius: 1px; position: relative; } /* line 200, .tmp/app/themes/WKRG/base.scss */ .WKRG .share-score-button h2 { font-size: 13px; color: #1d2e58; text-align: left; padding: 4px 10px; min-height: 33px; margin-right: 33px; text-transform: capitalize; border: none; background-color: transparent; border-right: 1px solid #1d2e58; height: 100%; } /* line 216, .tmp/app/themes/WKRG/base.scss */ .WKRG .megaphone-panel-container { margin: 20px auto; width: 280px; } /* line 220, .tmp/app/themes/WKRG/base.scss */ .WKRG .megaphone-panel-container .megaphone-panel { background-color: rgba(0, 0, 0, 0.75); border: solid 1px transparent; border-radius: 10px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.4); color: #fff; height: 240px; padding: 20px; width: 280px; } /* line 230, .tmp/app/themes/WKRG/base.scss */ .WKRG .megaphone-panel-container .megaphone-panel h1 { font-size: 34px; font-weight: normal; margin: 0; padding: 0; } /* line 239, .tmp/app/themes/WKRG/base.scss */ .WKRG dynamic-image { background-size: contain; background-position: center; background-repeat: no-repeat; height: 100%; width: 100%; } /* line 247, .tmp/app/themes/WKRG/base.scss */ .WKRG .product-container { min-width: 320px; } @media screen and (min-width: 666px) { /* line 255, .tmp/app/themes/WKRG/base.scss */ .WKRG .app-container { width: 100%; background-image: url("../themes/WKRG/images/background-medium.png"); background-repeat: no-repeat; background-size: cover; background-position: bottom right; } /* line 262, .tmp/app/themes/WKRG/base.scss */ .WKRG .view-container { min-height: 320px; width: 100%; } } /* line 269, .tmp/app/themes/WKRG/base.scss */ .WKRG .medium-width .question { margin: 0 auto; background-image: url("../themes/WKRG/images/header-medium.png"); } /* line 272, .tmp/app/themes/WKRG/base.scss */ .WKRG .medium-width .question h2 { font-size: 28px; padding: 20px 50px; } /* line 278, .tmp/app/themes/WKRG/base.scss */ .WKRG .medium-width h1 { font-size: 33px; } @media screen and (max-width: 666px) { /* line 287, .tmp/app/themes/WKRG/base.scss */ .WKRG .app-container { width: 100%; background-image: url("../themes/WKRG/images/background-small.png"); background-repeat: no-repeat; background-size: cover; background-position: top left; } /* line 294, .tmp/app/themes/WKRG/base.scss */ .WKRG .view-container { min-height: 280px; width: 100%; } } /* line 301, .tmp/app/themes/WKRG/base.scss */ .WKRG .small-width .question, .WKRG .tiny-width .question { width: 100%; } /* line 302, .tmp/app/themes/WKRG/base.scss */ .WKRG .small-width .question h2, .WKRG .tiny-width .question h2 { font-size: 20px; padding: 15px 10px 10px 10px; } /* line 4, .tmp/app/themes/WKRG/_forms.scss */ .WKRG input, .WKRG textarea, .WKRG .date-picker > select { background-color: #fff; border: 1px solid #333; border-right-color: #666; border-bottom-color: #666; padding: 5px 10px; font-size: 16px; color: #000; } /* line 15, .tmp/app/themes/WKRG/_forms.scss */ .WKRG input:focus, .WKRG textarea:focus, .WKRG .date-picker > select:focus { background-color: #ebebeb; border-color: #666; border-right-color: #999; border-bottom-color: #999; } /* line 24, .tmp/app/themes/WKRG/_forms.scss */ .touched .WKRG input.ng-invalid, .attempted .WKRG input.ng-invalid, .touched .WKRG textarea.ng-invalid, .attempted .WKRG textarea.ng-invalid, .touched .WKRG .date-picker > select.ng-invalid, .attempted .WKRG .date-picker > select.ng-invalid { border-color: #600; border-right-color: #600; border-bottom-color: #600; box-shadow: 0 0 5px rgba(204, 0, 0, 0.5); } /* line 33, .tmp/app/themes/WKRG/_forms.scss */ .WKRG ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #919191; } /* line 37, .tmp/app/themes/WKRG/_forms.scss */ .WKRG ::-moz-placeholder { /* Firefox 19+ */ color: #919191; } /* line 41, .tmp/app/themes/WKRG/_forms.scss */ .WKRG :-ms-input-placeholder { /* IE 10+ */ color: #919191; } /* line 45, .tmp/app/themes/WKRG/_forms.scss */ .WKRG :-moz-placeholder { /* Firefox 18- */ color: #919191; } /* line 49, .tmp/app/themes/WKRG/_forms.scss */ .WKRG button { background: linear-gradient(to left, #c4161c 0%, #990506 100%); color: #fff; border: none; cursor: pointer; text-transform: uppercase; padding: 8px 30px; margin: 5px auto; letter-spacing: 2px; } /* line 58, .tmp/app/themes/WKRG/_forms.scss */ .WKRG button.small-button { margin: 10px 0; padding: 5px 20px; } /* line 65, .tmp/app/themes/WKRG/_forms.scss */ .WKRG .date-picker select { padding: 5px; margin: 5px; } /* line 70, .tmp/app/themes/WKRG/_forms.scss */ .WKRG .date-picker input { visibility: hidden !important; width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; } /* line 79, .tmp/app/themes/WKRG/_forms.scss */ .WKRG .errorText { color: #a9a9a9; } /* line 7, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answers { list-style: none; margin: 0 auto; } /* line 11, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answers:after { content: ""; clear: both; } /* line 17, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer { box-sizing: border-box; cursor: pointer; float: left; list-style: none; position: relative; background: linear-gradient(to right, #aeb5bf 0%, #d9dce1 100%); transition: all ease-in-out 0.5s; transform: translateZ(0); } /* line 27, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer.pulse { animation: pulse 0.5s ease backwards; } /* line 31, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer .active-content { z-index: 100; position: relative; } /* line 10, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .multi-choice .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .multi-choice .answer .percent-container .percent-text { font-weight: 900; font-size: 27px; padding-top: 0; text-align: center; width: 100px; right: 0; } /* line 20, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .multi-choice .answer .percent-container .progress-container { padding: 0; } /* line 39, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer.selected .your-vote-indicator { display: block !important; opacity: 1 !important; } /* line 43, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer.selected .answer-text { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; } /* line 50, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer.popular .popular-icon { opacity: 1; } /* line 56, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer .popular-icon { opacity: 0; position: absolute; z-index: -1; background: linear-gradient(to left, #c4161c 0%, #990506 100%); background-image: url("../themes/WKRG/images/indicators/popular-answer-icon.png"), linear-gradient(to left, #c4161c 0%, #990506 100%); background-position: center; background-repeat: no-repeat; border-top-left-radius: 3px; border-top-right-radius: 3px; transition: top ease-in-out 0.3s, bottom ease-in-out 0.3s, opacity ease-in-out 0.3s; } /* line 70, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer .your-vote-indicator { display: none; opacity: 0; position: absolute; transition: opacity ease-in-out 0.5s; z-index: 102; background: linear-gradient(to left, #c4161c 0%, #990506 100%); color: #fff; text-align: center; font-weight: 700; border-top-right-radius: 3px; border-top-left-radius: 3px; } /* line 85, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer.animated { animation-duration: 0.5s; } /* line 90, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer .answer-text { background: linear-gradient(to left, #fff 0%, #919fa7 100%); color: #000; font-size: 18px; font-weight: 900; line-height: 1.1em; padding: 5px 10px; text-align: center; transition: all ease-in-out 0.5s; } /* line 101, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice .answer .percent-text { color: #fff; transition: all ease-in-out 0.5s; } /* line 108, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice.inactive .answer { cursor: default; } /* line 119, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice.trivia.answered.guessed .answers .answer.correct:not(.selected) { transition-delay: 4s; } /* line 130, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice.trivia.answered .answers .answer .popular-icon { display: block; opacity: 1; background-image: url("../themes/WKRG/images/indicators/incorrect-answer-icon.png"), linear-gradient(to left, #c4161c 0%, #990506 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 139, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice.trivia.answered .answers .answer.incorrect { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 143, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice.trivia.answered .answers .answer.correct { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 146, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice.trivia.answered .answers .answer.correct .popular-icon { background-image: url("../themes/WKRG/images/indicators/correct-answer-icon.png"), linear-gradient(to left, #c4161c 0%, #990506 100%); background-size: auto 13px, 100%; background-position: center; background-repeat: no-repeat; } /* line 160, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice.survey.answered .answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 163, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .multi-choice.survey.answered .answer.popular { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 173, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.with-votes .vote-container { display: -ms-flexbox; display: flex; } /* line 178, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .vote-container { display: none; } /* line 185, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-scene-results .answered .percent-container { display: none; } /* line 189, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-scene-results .answered .answer-text { height: 100%; } /* line 193, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-scene-results .answered .popular-icon { display: none; } /* line 200, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-scene-results .medium-width .answered.pic-pick .image-container { position: absolute; top: 0; } /* line 205, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 208, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-scene-results .medium-width .answered.pic-pick .answer-text.no-image { padding-left: 10px; } /* line 220, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-during-scene .multi-choice:not(.answered) .percent-container { display: none; } /* line 224, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-during-scene .multi-choice:not(.answered) .answer-text { height: 100%; } /* line 228, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-during-scene .multi-choice:not(.answered) .popular-icon { display: none; } /* line 235, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .image-container { position: absolute; top: 0px; } /* line 240, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text { padding-left: 72px; min-height: 72px !important; } /* line 243, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG.hide-votes-during-scene .medium-width .multi-choice:not(.answered).pic-pick .answer-text.no-image { padding-left: 10px; } /* line 255, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .small-width .multi-choice .popular-icon, .WKRG .tiny-width .multi-choice .popular-icon { width: 68px; height: 13px; left: 0; top: 0; overflow: visible; background-size: auto 11px, 100%; } /* line 264, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .small-width .multi-choice .your-vote-indicator, .WKRG .tiny-width .multi-choice .your-vote-indicator { width: calc(100% - 69px); height: 13px; right: 0; top: -13px; overflow: visible; line-height: 1.2; font-size: 11px; } /* line 274, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .small-width .multi-choice .answers, .WKRG .tiny-width .multi-choice .answers { padding: 0 0 0 12px; } /* line 280, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .small-width .multi-choice .answer.popular .popular-icon, .WKRG .tiny-width .multi-choice .answer.popular .popular-icon { top: -13px; } /* line 291, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .small-width .multi-choice.trivia.answered .answers .answer .popular-icon, .WKRG .tiny-width .multi-choice.trivia.answered .answers .answer .popular-icon { top: -13px; } /* line 311, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .medium-width .multi-choice .popular-icon { width: 100%; height: 17px; left: 0; bottom: 0; overflow: visible; background-size: auto 13px, 100%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; } /* line 324, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .medium-width .multi-choice .your-vote-indicator { width: 100%; height: 17px; line-height: 1.3; left: 0; top: -17px; overflow: visible; } /* line 333, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .medium-width .multi-choice .percent-text { color: #000; } /* line 337, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .medium-width .multi-choice .answers { padding: 12px 0; } /* line 343, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .medium-width .multi-choice .answer.popular .popular-icon { opacity: 1; bottom: -17px; } /* line 354, .tmp/app/themes/WKRG/_multi-choice-base.scss */ .WKRG .medium-width .multi-choice.trivia.answered .answers .answer .popular-icon { bottom: -17px; } /* line 7, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .modal-backdrop.in { opacity: 0.1; } /* line 21, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .modal.megaphone-default-modal .modal-dialog, .WKRG .modal.megaphone-default-modal .modal-content { width: 280px; } @media screen and (min-width: 666px) { /* line 26, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .modal.megaphone-default-modal .modal-dialog { margin: 90px auto auto auto; } } @media screen and (max-width: 666px) { /* line 26, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .modal.megaphone-default-modal .modal-dialog { margin: 75px auto auto auto; } } /* line 34, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .modal.megaphone-default-modal .modal-dialog .modal-content { background-color: rgba(0, 0, 0, 0.8); border: 1px solid #000; } /* line 40, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .modal.megaphone-default-modal .facebook-button { display: block; margin: auto; } /* line 48, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal { background: rgba(0, 0, 0, 0.3); opacity: 0.96; position: fixed !important; } /* line 52, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .toggle-score-and-feedback { display: none; } /* line 56, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog { display: block; width: calc(100% - 40px); height: calc(100% - 40px); margin: 20px auto; } /* line 62, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content { height: 100%; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 70, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content .modal-body { height: 100%; padding: 0; margin: 0; } /* line 75, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show { background-color: #000; border: 3px solid #f0bb08; padding: 20px; margin: auto; height: 60%; min-height: 100px; max-height: 300px; width: 80%; min-width: 300px; max-width: 500px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.4); text-align: center; } /* line 94, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons { -ms-flex-align: end; align-items: flex-end; } /* line 97, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content .modal-body .back-to-show .cta-buttons button { margin: 5px 2px; line-height: 1.2; padding: 5px; min-width: 130px; } /* line 106, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content .modal-body.dismiss-button { height: calc(100% - 59px); } /* line 111, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content .modal-footer { padding: 5px; margin: 0; } /* line 116, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content .frame-wrapper { overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); height: 100%; width: 100%; } /* line 124, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content iframe { border: none; width: 100%; height: calc(100% - 6px); } @supports (-webkit-overflow-scrolling: touch) { /* line 124, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .feedback-modal .modal-dialog .modal-content iframe { height: 100%; } } /* line 138, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .modal .protection-modal .modal-footer { border: none; padding: 20px 0 0 0; } /* line 145, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .leaderboard-modal { z-index: 5050 !important; } /* line 147, .tmp/app/themes/WKRG/_modal.scss */ .WKRG .leaderboard-modal .modal-body { background: #f0bb08; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .app-container .progress { line-height: 12px; height: 12px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .app-container .progress-bar { height: 10px; line-height: 10px; top: 1px; margin: 0 1px; } /* line 30, .tmp/app/themes/WKRG/_survey-bars.scss */ .WKRG .app-container .progress { transition: background-color ease-in-out 0.5s; transition: border ease-in-out 0.5s; margin: 0 0 0 0; position: relative; width: 100%; border: none; border-radius: 0; } /* line 39, .tmp/app/themes/WKRG/_survey-bars.scss */ .WKRG .app-container .progress-bar { transition: background-color width ease-in-out 0.5s; background-color: #fff; position: absolute; width: 0; } /* line 45, .tmp/app/themes/WKRG/_survey-bars.scss */ .WKRG .app-container .slider-track-fg, .WKRG .app-container .trivia .correct .progress-bar, .WKRG .app-container .survey .popular .progress-bar { background-color: #ffae00; } /* line 50, .tmp/app/themes/WKRG/_survey-bars.scss */ .WKRG .app-container .trivia .correct .progress, .WKRG .app-container .survey .popular .progress { border-color: #000; } /* line 54, .tmp/app/themes/WKRG/_survey-bars.scss */ .WKRG .app-container .slider-track, .WKRG .app-container .progress { background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 58, .tmp/app/themes/WKRG/_survey-bars.scss */ .WKRG .app-container .slider-track { border: none; } /* line 4, .tmp/app/themes/WKRG/_status-bars.scss */ .WKRG .status-bar-container { background-color: #f0bb08; height: 24px; transition: background 0.5s ease; margin-bottom: 18px; overflow: hidden; position: relative; } /* line 14, .tmp/app/themes/WKRG/_status-bars.scss */ .WKRG .status-bar-container h2 { background: none; color: #000; margin: 0; padding: 2px; font-size: 18px; height: auto; min-height: 0; } /* line 23, .tmp/app/themes/WKRG/_status-bars.scss */ .WKRG .status-bar-container .status-item { position: absolute; top: 0; left: 0; right: 0; margin: auto; } /* line 29, .tmp/app/themes/WKRG/_status-bars.scss */ .WKRG .status-bar-container .status-item.ng-leave { animation: fade-out-bottom-status 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards; } /* line 33, .tmp/app/themes/WKRG/_status-bars.scss */ .WKRG .status-bar-container .status-item.ng-enter { animation: fade-in-top-status 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) forwards; } @keyframes fade-in-top-status { 0% { transform: translateY(-50px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @keyframes fade-out-bottom-status { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(50px); opacity: 0; } } /* line 5, .tmp/app/themes/WKRG/_share-your-vote.scss */ .WKRG share-your-vote .share-vote { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /* line 9, .tmp/app/themes/WKRG/_share-your-vote.scss */ .WKRG share-your-vote .share-vote .twitter-share { -ms-flex-pack: end; justify-content: flex-end; background: #38a8e0; margin-right: 10px; } /* line 14, .tmp/app/themes/WKRG/_share-your-vote.scss */ .WKRG share-your-vote .share-vote .facebook-share { -ms-flex-pack: start; justify-content: flex-start; background: #3e528e; margin-left: 10px; } /* line 20, .tmp/app/themes/WKRG/_share-your-vote.scss */ .WKRG share-your-vote a { color: white; border-radius: 3px; max-width: 90px; } /* line 24, .tmp/app/themes/WKRG/_share-your-vote.scss */ .WKRG share-your-vote a img { max-height: 18px; max-width: 18px; margin: 0 10px; } /* line 5, .tmp/app/themes/WKRG/_score_summary.scss */ .WKRG score-summary p { font-size: 16px; color: #fff; margin: 0; padding: 5px 5px 0 5px; text-align: center; font-weight: bold; } /* line 14, .tmp/app/themes/WKRG/_score_summary.scss */ .WKRG score-summary p span.locInserted { font-weight: bold; } /* line 17, .tmp/app/themes/WKRG/_score_summary.scss */ .WKRG score-summary p span.nowrap { white-space: nowrap; } /* line 24, .tmp/app/themes/WKRG/_score_summary.scss */ .WKRG .score-summary-container { background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 4, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG.inactive .view-container .message-list, .WKRG.connecting .view-container .message-list { min-height: 200px; } /* line 11, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG.post_game .view-container button, .WKRG.final_result .view-container button { margin: 10px 0; } /* line 14, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG.post_game .view-container .megachatter-container, .WKRG.final_result .view-container .megachatter-container { margin: auto !important; max-width: 1000px !important; width: 100% !important; } /* line 18, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG.post_game .view-container .megachatter-container .message-list, .WKRG.final_result .view-container .megachatter-container .message-list { min-height: 300px !important; } /* line 22, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG.post_game .view-container [feedback], .WKRG.final_result .view-container [feedback] { display: none !important; } /* line 33, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.megachatter-top { position: relative; } /* line 36, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.megachatter-top.tile-small .megachatter-container, .WKRG .view-container.megachatter-top.tile-medium .megachatter-container { padding: 0 0 10px 0; } /* line 43, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.megachatter-bottom { position: relative; } /* line 46, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.megachatter-bottom.ticker-small .megachatter-container, .WKRG .view-container.megachatter-bottom.ticker-medium .megachatter-container, .WKRG .view-container.megachatter-bottom.carousel-small .megachatter-container, .WKRG .view-container.megachatter-bottom.carousel-medium .megachatter-container { margin-top: 20px; } /* line 51, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.megachatter-bottom.tile-small .megachatter-container, .WKRG .view-container.megachatter-bottom.tile-medium .megachatter-container { padding: 10px 0 0 0; } /* line 58, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small, .WKRG .view-container.show-megachatter.tile-medium { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex: auto; flex: auto; -ms-flex-align: stretch; align-items: stretch; } /* line 63, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .megachatter-container, .WKRG .view-container.show-megachatter.tile-medium .megachatter-container { -ms-flex-order: 1; order: 1; } /* line 66, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WKRG .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 250px; max-height: 100%; background: #fff; } /* line 71, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list message-item .message-item-container, .WKRG .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } @media screen and (min-width: 666px) { /* line 58, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small, .WKRG .view-container.show-megachatter.tile-medium { -ms-flex-direction: row; flex-direction: row; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-align: stretch; align-items: stretch; } /* line 83, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .product-container, .WKRG .view-container.show-megachatter.tile-small .user-label, .WKRG .view-container.show-megachatter.tile-small .scene-wrapper, .WKRG .view-container.show-megachatter.tile-medium .product-container, .WKRG .view-container.show-megachatter.tile-medium .user-label, .WKRG .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 320px; margin: 0; } /* line 87, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .scene-wrapper, .WKRG .view-container.show-megachatter.tile-medium .scene-wrapper { overflow: hidden; } /* line 90, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .megachatter-container, .WKRG .view-container.show-megachatter.tile-medium .megachatter-container { padding-top: 0 !important; width: auto; border: 1px solid #fff; margin-left: 10px; } /* line 96, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .megachatter-container message-list .message-list, .WKRG .view-container.show-megachatter.tile-medium .megachatter-container message-list .message-list { min-height: 200px !important; } } @media screen and (min-width: 1110px) { /* line 103, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .product-container, .WKRG .view-container.show-megachatter.tile-small .user-label, .WKRG .view-container.show-megachatter.tile-small .scene-wrapper, .WKRG .view-container.show-megachatter.tile-medium .product-container, .WKRG .view-container.show-megachatter.tile-medium .user-label, .WKRG .view-container.show-megachatter.tile-medium .scene-wrapper { min-width: 666px; } /* line 106, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .megachatter-container, .WKRG .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; } } @media screen and (max-width: 666px) { /* line 111, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.show-megachatter.tile-small .megachatter-container, .WKRG .view-container.show-megachatter.tile-medium .megachatter-container { padding: 0; width: 100%; min-width: 320px; margin: auto; border-bottom: 1px solid #fff; } } /* line 122, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small, .WKRG .view-container.ticker-medium { overflow: hidden; } /* line 124, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small .megachatter-container, .WKRG .view-container.ticker-medium .megachatter-container { overflow: hidden; background: #fff; height: 100px; } /* line 128, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small .megachatter-container message-list, .WKRG .view-container.ticker-medium .megachatter-container message-list { position: absolute; left: 100%; display: inline-block; overflow: hidden; transition-duration: 400s; transition-property: all; transition-timing-function: linear; transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); animation: tickerFadeIn 2s linear 1 forwards; -webkit-animation: tickerFadeIn 2s linear 1 forwards; will-change: left; } /* line 143, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small .megachatter-container message-list .message-list, .WKRG .view-container.ticker-medium .megachatter-container message-list .message-list { display: inline-block; -ms-flex-direction: row; flex-direction: row; white-space: nowrap; overflow: hidden; } /* line 148, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small .megachatter-container message-list .message-list message-item, .WKRG .view-container.ticker-medium .megachatter-container message-list .message-list message-item { display: inline-block; color: white; width: 320px; height: 100px; border-right: 1px solid #b7b7b7; } /* line 154, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-item-container, .WKRG .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; height: auto; } /* line 158, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-text, .WKRG .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; overflow: hidden; } /* line 164, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WKRG .view-container.ticker-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 172, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.ticker-small .megachatter-container message-input, .WKRG .view-container.ticker-medium .megachatter-container message-input { display: none; } /* line 180, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.carousel-small .megachatter-container, .WKRG .view-container.carousel-medium .megachatter-container { overflow: hidden; width: 100%; } /* line 183, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.carousel-small .megachatter-container message-list, .WKRG .view-container.carousel-medium .megachatter-container message-list { width: 100%; height: 100px; } /* line 186, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.carousel-small .megachatter-container message-list .message-list, .WKRG .view-container.carousel-medium .megachatter-container message-list .message-list { overflow: hidden; height: 100px; background: #fff; border-bottom: 1px solid #fff; position: relative; } /* line 192, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.carousel-small .megachatter-container message-list .message-list message-item, .WKRG .view-container.carousel-medium .megachatter-container message-list .message-list message-item { visibility: hidden; height: 100px; width: 100%; position: absolute; top: 0; left: 0; right: 0; margin: auto; animation-timing-function: linear; animation-duration: 0.7s; border-bottom: 1px solid #fff; overflow: hidden; } /* line 205, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-item-container, .WKRG .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-item-container { min-height: 100%; border: none; max-width: 450px; margin: auto; height: auto; } /* line 212, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-text, .WKRG .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-text { word-break: break-word; white-space: normal; } /* line 217, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.carousel-small .megachatter-container message-list .message-list message-item .message-intents .message-timestamp, .WKRG .view-container.carousel-medium .megachatter-container message-list .message-list message-item .message-intents .message-timestamp { -ms-flex-align: start; align-items: flex-start; padding-top: 6px; } /* line 225, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container.carousel-small .megachatter-container message-input, .WKRG .view-container.carousel-medium .megachatter-container message-input { display: none; } /* line 232, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer { z-index: 5; } /* line 237, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer.closed-drawer .drawer-container .drawer-wrapper message-input { height: 0; } /* line 246, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer.open-drawer .drawer-container .drawer-wrapper message-input { height: auto; } /* line 253, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer.open-drawer .drawer-wrapper .drawer-handle img { transform: rotate(180deg); } /* line 259, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer .drawer-container { position: relative; } /* line 262, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer .drawer-container .drawer-wrapper message-input { transition: all 0.25s ease-in-out; overflow: hidden; } /* line 266, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle { background: #fff; height: 20px; width: 100%; text-align: center; border-top: 1px solid #a9a9a9; cursor: pointer; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.2); } /* line 274, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle p { padding: 0 10px; margin: 0; color: #000; } /* line 279, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG .view-container pull-down-drawer .drawer-container .drawer-wrapper .drawer-handle img { height: 9px; width: auto; transition: all 0.25s ease-in-out; } @keyframes tickerFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /* line 303, .tmp/app/themes/WKRG/_megachatter-presentations.scss */ .WKRG.stacked .main-content-container.megachatter-hidden megachatter-presentations, .WKRG.veil .main-content-container.megachatter-hidden megachatter-presentations { display: none; } /* line 2, .tmp/app/themes/WKRG/gdpr-banner.scss */ .WKRG gdpr-banner .banner-container { background: #313131; padding: 9px; } /* line 5, .tmp/app/themes/WKRG/gdpr-banner.scss */ .WKRG gdpr-banner .banner-container p { color: #fff; padding: 0; margin: 0; font-size: 12px; text-align: center; } /* line 11, .tmp/app/themes/WKRG/gdpr-banner.scss */ .WKRG gdpr-banner .banner-container p a { text-decoration: underline; color: #fff; } /* line 16, .tmp/app/themes/WKRG/gdpr-banner.scss */ .WKRG gdpr-banner .banner-container img { width: 20px; height: 20px; margin: 0 0 0 25px; cursor: pointer; } /* line 24, .tmp/app/themes/WKRG/gdpr-banner.scss */ .WKRG gdpr-banner .ng-enter, .WKRG gdpr-banner .ng-leave { transition: all 0.2s ease-in-out; } /* line 27, .tmp/app/themes/WKRG/gdpr-banner.scss */ .WKRG gdpr-banner .ng-enter, .WKRG gdpr-banner .ng-leave.ng-leave-active { opacity: 0; } /* line 32, .tmp/app/themes/WKRG/gdpr-banner.scss */ .WKRG gdpr-banner .ng-leave, .WKRG gdpr-banner .ng-enter.ng-enter-active { opacity: 1; } /* line 6, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG points-countdown { display: none; } /* line 11, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .trivia points-countdown { display: block; } /* line 14, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .trivia .points-and-countdown-container { margin: 0; } /* line 18, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .trivia .status-bar-container { margin-bottom: 0 !important; position: relative; z-index: 1; } /* line 26, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .trivia .current-question-status-container { margin-bottom: 25px; } /* line 31, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .current-question-status-container { position: relative; display: block; width: 100%; } /* line 37, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .points-and-countdown-container { border-radius: 0; position: absolute; width: 100%; z-index: 2; top: 0; left: 0; height: 0; pointer-events: none; background: linear-gradient(to left, #c4161c 0%, #990506 100%); color: #fff; } /* line 49, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .points-and-countdown-container .points, .WKRG .points-and-countdown-container .countdown { color: #fff; text-align: center; top: -3px; position: absolute; z-index: 3; height: 30px; width: 60px; border-radius: 3px; border: 2px solid white; background: linear-gradient(to left, #c4161c 0%, #990506 100%); } /* line 61, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .points-and-countdown-container .points { left: 0; font-size: 14px; } /* line 66, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .points-and-countdown-container .countdown { right: 0; font-size: 18px; } /* line 72, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points { position: absolute; color: #fff; background: linear-gradient(to left, #c4161c 0%, #990506 100%); padding: 0; width: 95px; height: 95px; border-radius: 50%; visibility: hidden; text-align: center; line-height: 1; z-index: 25; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); transform: translateZ(0); left: 0; right: 0; margin: 0; transition: all 0.3s ease; font-size: 28px; font-weight: bold; -webkit-backface-visibility: hidden; } /* line 95, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points:not(.no-points).animate-points-in { visibility: visible; animation: animateRoundPoints 1.1s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 100, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points:not(.no-points).animate-points-out { visibility: visible; animation: fadePointsOutUp 0.5s ease-out 1.5s both; } /* line 105, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points:not(.no-points).fade-out-up-points { visibility: visible; animation: removePoints 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; } /* line 112, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points .x-container { position: absolute; height: 100%; width: 100%; border-radius: 50%; visibility: hidden; overflow: hidden; } /* line 120, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points .x-container .top-left-to-bottom-right, .WKRG #round-points.no-points .x-container .bottom-left-to-top-right { width: 100%; background: white; height: 10px; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; } /* line 133, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(6); transition: all 0.25s ease-in 0.76s; } /* line 138, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points .x-container .bottom-left-to-top-right { transition: all 0.25s ease-in 0.96s; transform: rotate(-45deg) scale(6); } /* line 144, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points.animate-points-in { visibility: visible; animation: animateRoundNoPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 1.25s both; } /* line 149, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points.animate-points-out { visibility: visible; animation: shake 0.5s linear 0.1s 1 both; } /* line 153, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points.animate-points-out .x-container { visibility: visible; } /* line 156, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points.animate-points-out .x-container .top-left-to-bottom-right { transform: rotate(45deg) scale(1); opacity: 1; } /* line 161, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points.animate-points-out .x-container .bottom-left-to-top-right { transform: rotate(-45deg) scale(1); opacity: 1; } /* line 168, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #round-points.no-points.fade-out-up-points { visibility: visible; animation: removeNoPoints 0.75s cubic-bezier(0.165, 0.84, 0.44, 1) 1s both; } /* line 175, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #total-points { width: 100%; padding: 5px; color: #fff; background: linear-gradient(to left, #c4161c 0%, #990506 100%); height: 0; text-align: center; opacity: 0; z-index: 6; position: absolute; font-size: 18px; font-weight: bold; transition: all 0.4s ease 0.2s; transform: translateZ(0); animation: animateTotalPoints 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 3s forwards; -webkit-backface-visibility: hidden; } /* line 193, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #total-points:not(.no-points).total-value-is-animating { font-size: 26px; } /* line 197, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG #total-points:not(.no-points).total-value-is-displayed { font-size: 18px; } @keyframes animateTotalPointsStreaming { from { height: 0; opacity: 0; transform: translate3d(0, -100%, 0); } to { height: 30px; opacity: 1; transform: translate3d(0, 0, 0); } } /* line 217, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .small-width points-countdown, .WKRG .tiny-width points-countdown { position: relative; top: 10px; } /* line 222, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .small-width .trivia .current-question-status-container, .WKRG .tiny-width .trivia .current-question-status-container { Margin: 0 auto 60px auto; } /* line 226, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .small-width #total-points, .WKRG .tiny-width #total-points { top: -10px; } /* line 230, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .small-width .points-and-countdown-container .points, .WKRG .tiny-width .points-and-countdown-container .points { left: 0; } /* line 234, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG .small-width .points-and-countdown-container .countdown, .WKRG .tiny-width .points-and-countdown-container .countdown { right: 0; } /* line 242, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG.hide-points-during-scene .points { display: none; } /* line 245, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG.hide-points-during-scene .confetti { display: none; } /* line 248, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG.hide-points-during-scene #round-points { display: none; } /* line 251, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG.hide-points-during-scene #total-points { display: none; } /* line 257, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG.hide-countdown-during-scene .countdown { display: none; } /* line 263, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG.hide-countdown-scene-results.round_end .countdown { display: none; } /* line 272, .tmp/app/themes/WKRG/_points-and-countdown.scss */ .WKRG.hide-points-during-scene.hide-countdown-during-scene .small-width .trivia .current-question-status-container, .WKRG.hide-points-during-scene.hide-countdown-during-scene .tiny-width .trivia .current-question-status-container, .WKRG.hide-points-during-scene.hide-countdown-scene-results.round_end .small-width .trivia .current-question-status-container, .WKRG.hide-points-during-scene.hide-countdown-scene-results.round_end .tiny-width .trivia .current-question-status-container { Margin: 0 auto 50px auto; } /* line 2, .tmp/app/themes/WKRG/_veil.scss */ .WKRG.veil { background: transparent; } /* line 4, .tmp/app/themes/WKRG/_veil.scss */ .WKRG.veil .main-content-container { position: absolute; bottom: 10px; right: 0; left: 0; height: 40%; width: 90%; margin: auto; border-radius: 5px; opacity: 0.9; overflow: auto; border: 1px solid #808080; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.4); transform: translate3d(0, 0, 0); } /* line 20, .tmp/app/themes/WKRG/_veil.scss */ .WKRG.veil .modal-backdrop { display: none; } /* line 25, .tmp/app/themes/WKRG/_veil.scss */ .WKRG.veil .offer-modal, .WKRG.veil .feedback-modal { position: absolute; bottom: 10px; right: 0; left: 0; top: unset; height: 40%; width: 90%; margin: auto; border-radius: 5px; overflow: auto; box-shadow: none; } /* line 40, .tmp/app/themes/WKRG/_veil.scss */ .WKRG.veil .feedback-modal { height: 60%; } /* line 42, .tmp/app/themes/WKRG/_veil.scss */ .WKRG.veil .feedback-modal .modal-dialog { height: 100%; width: 100%; margin: auto; border-radius: 5px; } /* line 4, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container { width: 100%; } /* line 6, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .predictions-navigation-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; list-style: none; margin: 0; padding: 5px 0; } /* line 12, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .predictions-navigation-container * { -webkit-user-select: none; -ms-user-select: none; user-select: none; } /* line 15, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .predictions-navigation-container.with-scene-counter { -ms-grid-columns: 1fr max-content 1fr; grid-template-columns: 1fr max-content 1fr; grid-gap: 5px; } /* line 18, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .predictions-navigation-container.with-scene-counter .scene-counter-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background: #000; color: #fff; padding: 6px; border: 1px solid #fff; border-radius: 5px; } /* line 30, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .predictions-navigation-container p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* line 35, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .predictions-navigation-container .predictions-navigation { color: #fff; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: #000; font-size: 14px; padding: 10px; text-align: center; transition: background-color 0.15s linear; cursor: pointer; } /* line 46, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .predictions-navigation-container .predictions-navigation.active { background-color: #1a1919; } /* line 52, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-title-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 55, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; grid-gap: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 61, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard span { font-size: 12px; color: #000; font-weight: normal; } /* line 66, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-title-container .show-full-leaderboard svg { width: 10px; } /* line 72, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-title-container h3 { color: #000; margin: 0; padding: 0; text-align: left; font-size: 16px; } /* line 80, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-action-bar { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; text-align: center; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 12px; text-decoration: underline; padding: 5px 5px 0 5px; cursor: pointer; } /* line 93, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 101, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; z-index: 25; } /* line 109, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 118, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 121, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 126, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 131, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 135, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name, .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 141, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 145, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .leaderboard-summary-container .leaderboard-summary-list .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 153, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .card-container { width: 95%; margin: 10px auto; background: #fff; border-radius: 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); padding: 10px; overflow: hidden; transition: opacity 0.15s ease, transform 0.15s ease; max-width: 600px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 167, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .card-container h1 { color: #000; } /* line 170, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .card-container .back-button { cursor: pointer; } /* line 172, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .card-container .back-button p { color: #000; } /* line 177, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-title { color: #000; padding: 5px; } /* line 181, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .main-content-container { position: relative; } /* line 184, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .back-button, .WKRG #predictions-container .next-button { display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } /* line 192, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .back-button span:hover, .WKRG #predictions-container .back-button svg:hover, .WKRG #predictions-container .next-button span:hover, .WKRG #predictions-container .next-button svg:hover { cursor: pointer; text-decoration: underline; } /* line 197, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .back-button .back-icon, .WKRG #predictions-container .next-button .back-icon { width: 16px; height: 16px; } /* line 201, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .back-button p, .WKRG #predictions-container .next-button p { margin: 0; padding: 0; color: #000; } /* line 207, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .back-button-with-shaft { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 15px; width: 15px; background-size: contain; cursor: pointer; background-color: transparent; padding: 0; border: none; opacity: 1; cursor: pointer; margin: 0 2px 0 0; } /* line 223, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .back-button-with-shaft.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 229, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .next-button { -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; } /* line 231, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .next-button p { text-align: right; } /* line 234, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .next-button svg { transform: rotateY(180deg); } /* line 239, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .loading-container { height: 200px; width: 200px; margin: auto; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; } /* line 249, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; padding: 10px; } /* line 255, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item { max-width: 600px; width: 95%; background-color: #000; border-radius: 5px; cursor: pointer; transition: opacity 0.15s ease, transform 0.15s ease; } /* line 262, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item:hover { opacity: 0.9; transform: scale(1.03); } /* line 266, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container, .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { transition: opacity 0.4s ease; } /* line 269, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton { cursor: auto; min-height: 44px; background: linear-gradient(0.25turn, transparent, #ffffff47, transparent), linear-gradient(#000, #000), radial-gradient(38px circle at 19px 19px, #eee 50%, transparent 51%), linear-gradient(#eee, #eee); background-repeat: no-repeat; background-size: 600px 250px, 600px 180px, 100px 100px, 225px 30px; background-position: -600px 0, 0 0, 0px 190px, 50px 195px; animation: loading-gradient-shine 1.5s infinite; } /* line 277, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-points-container, .WKRG #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton .prediction-list-item-content { opacity: 0; overflow: hidden; } /* line 281, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item.prediction-list-item-skeleton:hover { opacity: 1; transform: none; } /* line 286, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content { color: #fff; padding: 12px; width: 100%; display: -ms-grid; display: grid; -ms-grid-columns: 1fr max-content; grid-template-columns: 1fr max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: auto; } /* line 295, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content p { margin: 0; padding: 0; } /* line 299, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-content .right-chevron { width: 18px; height: 18px; } /* line 304, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container { border-radius: 0 0 5px 5px; } /* line 305, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container p { margin: 0; color: #fff; font-weight: lighter; text-align: center; padding: 3px; font-size: 12px; } /* line 314, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.correct { background-color: #27ae60; } /* line 317, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.incorrect { background-color: #c0392b; } /* line 320, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .prediction-list-container .prediction-list-item .prediction-list-item-points-container.info { background-color: gray; } /* line 328, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container.is-logged-out .logged-out-container { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; height: 100%; transition-delay: 0.1s; } /* line 335, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container.is-logged-out .logged-out-container h1 { animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.4s both; color: #000; font-weight: 600; font-size: 20px; text-align: center; margin: 10px auto; } /* line 343, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container.is-logged-out .logged-out-container button { border-radius: 5px; animation: fade-in-bottom 0.6s cubic-bezier(0.39, 0.575, 0.565, 1) 0.6s both; } /* line 348, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container.is-logged-out .logged-out-container .splash-screen-container { width: 100%; height: 100%; } /* line 351, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container.is-logged-out .logged-out-container .splash-screen-container img { width: 100%; height: auto; margin: 0 auto; cursor: pointer; } /* line 360, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .user-image { width: 40px; height: 40px; background: #000; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 375, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 384, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #predictions-container .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 399, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper h3 { color: #ffffff; background-color: #000; margin: 0; padding: 30px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); border-bottom: 1px solid #ffffff80; } /* line 407, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .close-panel-button { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; background-color: transparent; } /* line 412, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .user-results-list-container { overflow: auto; } /* line 414, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .user-results-list-container .user-result-item { margin: 0 20px; } /* line 416, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .user-results-list-container .user-result-item .date-heading { padding: 2px; font-size: 12px; font-weight: normal; text-align: center; border-bottom: 1px solid; max-width: 620px; margin: 8px auto; } /* line 425, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper { background-color: #000; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; padding: 5px; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 10px auto; border-radius: 20px; overflow: hidden; color: #fff; max-width: 600px; } /* line 439, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points:hover { background-repeat: repeat-x; background-position: top -10px center; background-image: url("data:image/svg+xml,%3Csvg width='600' height='90' viewBox='0 0 600 90' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='42' y='0' width='4' height='8'/%3E%3Crect x='84' y='0' width='4' height='8'/%3E%3Crect x='126' y='0' width='3' height='9'/%3E%3Crect x='168' y='0' width='3' height='9'/%3E%3Crect x='210' y='0' width='4' height='8'/%3E%3Crect x='252' y='0' width='4' height='9'/%3E%3Crect x='294' y='0' width='4' height='8'/%3E%3Crect x='336' y='0' width='3' height='9'/%3E%3Crect x='378' y='0' width='3' height='9'/%3E%3Crect x='420' y='0' width='4' height='8'/%3E%3Crect x='462' y='0' width='4' height='8'/%3E%3Crect x='504' y='0' width='3' height='9'/%3E%3Crect x='546' y='0' width='4' height='10'/%3E%3Cstyle type='text/css'%3E rect %7B opacity: 0; %7D rect:nth-child(1) %7B transform-origin: 45px 5px; transform: rotate(-145deg); animation: blast 700ms infinite ease-out; animation-delay: 88ms; animation-duration: 831ms; %7D rect:nth-child(2) %7B transform-origin: 87px 5px; transform: rotate(164deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 642ms; %7D rect:nth-child(3) %7B transform-origin: 128px 6px; transform: rotate(4deg); animation: blast 700ms infinite ease-out; animation-delay: 92ms; animation-duration: 662ms; %7D rect:nth-child(4) %7B transform-origin: 170px 6px; transform: rotate(-175deg); animation: blast 700ms infinite ease-out; animation-delay: 17ms; animation-duration: 593ms; %7D rect:nth-child(5) %7B transform-origin: 213px 5px; transform: rotate(-97deg); animation: blast 700ms infinite ease-out; animation-delay: 122ms; animation-duration: 676ms; %7D rect:nth-child(6) %7B transform-origin: 255px 6px; transform: rotate(57deg); animation: blast 700ms infinite ease-out; animation-delay: 271ms; animation-duration: 381ms; %7D rect:nth-child(7) %7B transform-origin: 297px 5px; transform: rotate(-46deg); animation: blast 700ms infinite ease-out; animation-delay: 131ms; animation-duration: 819ms; %7D rect:nth-child(8) %7B transform-origin: 338px 6px; transform: rotate(-65deg); animation: blast 700ms infinite ease-out; animation-delay: 85ms; animation-duration: 668ms; %7D rect:nth-child(9) %7B transform-origin: 380px 6px; transform: rotate(13deg); animation: blast 700ms infinite ease-out; animation-delay: 128ms; animation-duration: 377ms; %7D rect:nth-child(10) %7B transform-origin: 423px 5px; transform: rotate(176deg); animation: blast 700ms infinite ease-out; animation-delay: 311ms; animation-duration: 508ms; %7D rect:nth-child(11) %7B transform-origin: 465px 5px; transform: rotate(108deg); animation: blast 700ms infinite ease-out; animation-delay: 108ms; animation-duration: 595ms; %7D rect:nth-child(12) %7B transform-origin: 506px 6px; transform: rotate(62deg); animation: blast 700ms infinite ease-out; animation-delay: 105ms; animation-duration: 375ms; %7D rect:nth-child(13) %7B transform-origin: 549px 5px; transform: rotate(16deg); animation: blast 700ms infinite ease-out; animation-delay: 149ms; animation-duration: 491ms; %7D rect:nth-child(odd) %7B fill: %2365BB5C; %7D rect:nth-child(even) %7B z-index: 1; fill: %2333AAFF; %7D rect:nth-child(4n) %7B animation-duration: 1400ms; fill: %23F23B14; %7D rect:nth-child(3n) %7B animation-duration: 1750ms; animation-delay: 700ms; %7D rect:nth-child(4n-7) %7B fill: %232A2F6A; %7D rect:nth-child(6n) %7B fill: %23FBBA23; %7D @keyframes blast %7B from %7B opacity: 0; %7D 20%25 %7B opacity: 1; %7D to %7B transform: translateY(90px); %7D %7D %3C/style%3E%3C/svg%3E"); } /* line 446, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper.earned-points .points-container { background: #27ae60; } /* line 452, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-container { background: #c0392b; padding: 5px; border-radius: 20px; color: #fff; min-width: 68px; text-align: center; font-size: 12px; } /* line 461, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .user-results-list-container .user-result-item .user-result-wrapper .points-awarded-text { text-align: center; padding-right: 30px; } /* line 468, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .your-results-wrapper .tag-line { padding: 10px; color: #000; font-weight: normal; text-align: center; } /* line 478, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .close-panel-button { text-align: right; display: -ms-flexbox; display: flex; background: gray; color: #fff; background: url("../images/back-arrow-black.png") no-repeat center; height: 22px; width: 22px; position: absolute; top: 8px; left: 8px; background-size: contain; margin: 0; cursor: pointer; background-color: transparent; border-radius: 50%; padding: 0; border: none; opacity: 1; z-index: 40; cursor: pointer; } /* line 499, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .close-panel-button.white-icon { background: url("../images/back-arrow-white.png") no-repeat center; background-size: contain; } /* line 507, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .fullscreen-panel { position: fixed; top: 0; left: 0; height: calc(100vh - 24px); width: 100vw; background: #fff; z-index: 30; display: -ms-grid; display: grid; -ms-grid-rows: max-content 1fr; grid-template-rows: max-content 1fr; } /* line 521, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .rankings-wrapper .scroll-wrapper { overflow: auto; } /* line 524, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .rankings-wrapper .rankings-list-container { overflow: auto; } /* line 530, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content max-content; grid-template-columns: max-content max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding: 5px 0; margin: auto; grid-gap: 5px; } /* line 539, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item { display: -ms-grid; display: grid; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 5px; padding: 10px 10px 0 10px; position: relative; } /* line 546, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item .first-place-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: scale(0.9); opacity: 0.8; } /* line 555, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item.first-place { transform: scale(1.35); padding: 15px 30px; } /* line 558, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item.first-place .user-image { animation: first-place-golden-glow 1.1s linear infinite alternate; } /* line 563, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item.second-place .user-image { animation: second-place-silver-glow 1.1s linear infinite alternate; } /* line 568, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item.third-place .user-image { animation: third-place-bronze-glow 1.1s linear infinite alternate; } /* line 572, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item .user-image { width: 40px; height: 40px; background: #000; margin: auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); color: #fff; font-size: 16px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; position: relative; border-radius: 50%; } /* line 587, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item .user-image .user-profile-picture dynamic-image { max-height: 100%; max-width: 100%; border-radius: 50%; position: absolute; top: 0; left: 0; } /* line 596, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item .user-image img.rank-icon { position: absolute; width: 20px; height: 20px; background: #fff; border-radius: 50%; padding: 3px; bottom: -5px; right: -5px; } /* line 607, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item .user-name, .WKRG .prediction-rankings-container .leaderboard-summary-item .user-points { padding: 0; margin: 0; text-align: center; color: #000; } /* line 613, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item .user-name { font-weight: 600; font-size: 14px; } /* line 617, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container .leaderboard-summary-item .user-points { font-weight: normal; font-size: 12px; } /* line 626, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container.expanded-leaderboard-container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; border-top: 1px solid gray; overflow: auto; } /* line 630, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item { -ms-grid-columns: max-content 50px 1fr max-content; grid-template-columns: max-content 50px 1fr max-content; grid-gap: 10px; border-bottom: 1px solid gray; padding: 5px 15px; border-radius: 0; } /* line 636, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .user-name { text-align: left; font-weight: 600; } /* line 640, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG .prediction-rankings-container.expanded-leaderboard-container .leaderboard-summary-item .rank-number { margin: 0; color: #000; padding: 3px 7px; border-radius: 5px; font-size: 12px; border: 1px solid #000; min-width: 33px; text-align: center; } /* line 657, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #prediction-scene-container.animate-fade-in { transition-delay: 0.15s; } /* line 660, .tmp/app/themes/WKRG/_predictions.scss */ .WKRG #prediction-scene-container.animate-fade-in .megachatter-container .message-list { height: 260px !important; } /* line 5, .tmp/app/themes/WKRG/AppInstall/styles.scss */ .WKRG.AppInstall header, .WKRG [app-install] header { display: none; } /* line 8, .tmp/app/themes/WKRG/AppInstall/styles.scss */ .WKRG.AppInstall .app-install, .WKRG [app-install] .app-install { width: 100%; min-height: 460px; text-align: center; vertical-align: middle; } /* line 11, .tmp/app/themes/WKRG/AppInstall/styles.scss */ .WKRG.AppInstall .app-install .column, .WKRG [app-install] .app-install .column { width: 50%; } /* line 14, .tmp/app/themes/WKRG/AppInstall/styles.scss */ .WKRG.AppInstall .app-install .app-install-button, .WKRG [app-install] .app-install .app-install-button { max-height: 80px; max-width: 160px; } /* line 19, .tmp/app/themes/WKRG/AppInstall/styles.scss */ .WKRG.AppInstall .app-install a, .WKRG [app-install] .app-install a { text-decoration: underline; color: #000; cursor: pointer; } /* line 24, .tmp/app/themes/WKRG/AppInstall/styles.scss */ .WKRG.AppInstall .app-install h1, .WKRG [app-install] .app-install h1 { margin: 0 auto; padding: 20px; } /* line 30, .tmp/app/themes/WKRG/AppInstall/styles.scss */ .WKRG.AppInstall .app-install dynamic-image, .WKRG [app-install] .app-install dynamic-image { display: block; margin: auto; width: 72px; height: 72px; } /* line 5, .tmp/app/themes/WKRG/Banner/styles.scss */ .WKRG.Banner .banner, .WKRG [banner] .banner { text-align: center; vertical-align: middle; margin: auto; } /* line 6, .tmp/app/themes/WKRG/Banner/styles.scss */ .WKRG.Banner .banner a, .WKRG [banner] .banner a { text-decoration: underline; color: #fff; cursor: pointer; display: block; } /* line 12, .tmp/app/themes/WKRG/Banner/styles.scss */ .WKRG.Banner .banner h1, .WKRG [banner] .banner h1 { padding: 10px 50px; } /* line 18, .tmp/app/themes/WKRG/Banner/styles.scss */ .WKRG.Banner .banner dynamic-image, .WKRG [banner] .banner dynamic-image { display: block; margin: auto; } /* line 22, .tmp/app/themes/WKRG/Banner/styles.scss */ .WKRG.Banner .banner .smallBannerImage, .WKRG [banner] .banner .smallBannerImage { height: 480px; width: 320px; } /* line 26, .tmp/app/themes/WKRG/Banner/styles.scss */ .WKRG.Banner .banner .mediumBannerImage, .WKRG [banner] .banner .mediumBannerImage { height: 480px; width: 666px; } /* line 8, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked.multiview .app-container .megachatter-container .message-list, .WKRG.Blank.veil.multiview .app-container .megachatter-container .message-list, .WKRG [blank].stacked.multiview .app-container .megachatter-container .message-list, .WKRG [blank].veil.multiview .app-container .megachatter-container .message-list { height: calc(100vh - 109px) !important; max-height: 100%; overflow-y: auto; } /* line 16, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked .scene-wrapper, .WKRG.Blank.veil .scene-wrapper, .WKRG [blank].stacked .scene-wrapper, .WKRG [blank].veil .scene-wrapper { height: 0 !important; } /* line 19, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked header, .WKRG.Blank.veil header, .WKRG [blank].stacked header, .WKRG [blank].veil header { display: none; } /* line 22, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked .view-container, .WKRG.Blank.veil .view-container, .WKRG [blank].stacked .view-container, .WKRG [blank].veil .view-container { min-height: unset; } /* line 25, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked .product-container, .WKRG.Blank.veil .product-container, .WKRG [blank].stacked .product-container, .WKRG [blank].veil .product-container { opacity: 0; height: 0; } /* line 29, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked .main-content-container, .WKRG.Blank.veil .main-content-container, .WKRG [blank].stacked .main-content-container, .WKRG [blank].veil .main-content-container { border: none; box-shadow: none; } /* line 32, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked .main-content-container gdpr-banner, .WKRG.Blank.veil .main-content-container gdpr-banner, .WKRG [blank].stacked .main-content-container gdpr-banner, .WKRG [blank].veil .main-content-container gdpr-banner { display: none; } /* line 35, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked .main-content-container facebook-login, .WKRG.Blank.veil .main-content-container facebook-login, .WKRG [blank].stacked .main-content-container facebook-login, .WKRG [blank].veil .main-content-container facebook-login { display: none; } /* line 39, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked .app-container, .WKRG.Blank.veil .app-container, .WKRG [blank].stacked .app-container, .WKRG [blank].veil .app-container { background: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 44, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked .app-container .megachatter-container .message-list, .WKRG.Blank.veil .app-container .megachatter-container .message-list, .WKRG [blank].stacked .app-container .megachatter-container .message-list, .WKRG [blank].veil .app-container .megachatter-container .message-list { max-height: 100%; } /* line 49, .tmp/app/themes/WKRG/Blank/styles.scss */ .WKRG.Blank.stacked footer, .WKRG.Blank.veil footer, .WKRG [blank].stacked footer, .WKRG [blank].veil footer { display: none; } /* line 2, .tmp/app/themes/WKRG/Bulletin/styles.scss */ .WKRG.Bulletin h1, .WKRG [bulletin] h1 { font-weight: bold; } /* line 5, .tmp/app/themes/WKRG/Bulletin/styles.scss */ .WKRG.Bulletin h2, .WKRG [bulletin] h2 { background: none; margin: 0; font-size: 22px; min-height: auto; height: auto; } @media screen and (max-width: 666px) { /* line 13, .tmp/app/themes/WKRG/Bulletin/styles.scss */ .WKRG.Bulletin h1, .WKRG [bulletin] h1 { color: #000; } } /* line 6, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now, .WKRG [buy-now] .buy-now { display: block; } /* line 8, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .question, .WKRG [buy-now] .buy-now .question { margin: 0 auto; } /* line 11, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .wrapper, .WKRG [buy-now] .buy-now .wrapper { padding: 15px 0 20px 0; } /* line 13, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .wrapper img, .WKRG [buy-now] .buy-now .wrapper img { margin: auto; display: block; } /* line 17, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .wrapper a:hover, .WKRG [buy-now] .buy-now .wrapper a:hover { text-decoration: none; } /* line 20, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .wrapper a, .WKRG [buy-now] .buy-now .wrapper a { margin: 15px; } /* line 22, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .wrapper a button, .WKRG [buy-now] .buy-now .wrapper a button { box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 0.3), inset -1px -1px 1px rgba(0, 0, 0, 0.3); } @media screen and (max-width: 666px) { /* line 6, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now, .WKRG [buy-now] .buy-now { margin: 0; } /* line 29, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now img, .WKRG [buy-now] .buy-now img { max-width: 306px; } /* line 32, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now a, .WKRG [buy-now] .buy-now a { display: block; } /* line 34, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now a button, .WKRG [buy-now] .buy-now a button { display: block; margin: 20px auto 0 auto; background-color: #555555; } } @media screen and (min-width: 666px) { /* line 42, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .wrapper, .WKRG [buy-now] .buy-now .wrapper { height: 203px; padding: 0; margin: 10px auto; } /* line 46, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .wrapper img, .WKRG [buy-now] .buy-now .wrapper img { max-width: 203px; } /* line 50, .tmp/app/themes/WKRG/BuyNow/styles.scss */ .WKRG.BuyNow .buy-now .wrapper a button, .WKRG [buy-now] .buy-now .wrapper a button { display: block; background-color: #555555; } } /* line 7, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG.ConfigurablePoll .configurable-poll .question .image-container { height: 80px; margin: 10px; width: 80px; } /* line 11, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG.ConfigurablePoll .configurable-poll .question .image-container dynamic-image { display: block; } /* line 22, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers { width: 80%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 25, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 40px; } /* line 29, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer .active-content, .WKRG .medium-width .configurable-poll .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 33, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer:first-child, .WKRG .medium-width .configurable-poll .answers .answer:nth-child(4), .WKRG .medium-width .configurable-poll .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 36, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer .image-container { width: 72px; height: 72px; } /* line 40, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer .popular-icon, .WKRG .medium-width .configurable-poll .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .configurable-poll .answers .answer .progress { line-height: 20px; height: 20px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .configurable-poll .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 1px; margin: 0 1px; } /* line 48, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer .percent-container { margin: 0; } /* line 50, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; } /* line 55, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 5px; } /* line 59, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer .image-container, .WKRG .medium-width .configurable-poll .answers .answer .percent-container { margin-top: 1px; } /* line 63, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .medium-width .configurable-poll .answers .answer .answer-text { font-size: 17px; min-height: 48px; width: 100%; } /* line 70, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .survey .WKRG .medium-width .configurable-poll .answers .answer.popular .percent-text, .trivia .WKRG .medium-width .configurable-poll .answers .answer.correct .percent-text { background-color: #fff; color: #141414; } /* line 83, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .small-width .configurable-poll .answers, .WKRG .tiny-width .configurable-poll .answers { padding: 0 10px; width: 80%; min-width: 320px; } /* line 87, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .small-width .configurable-poll .answers .answer, .WKRG .tiny-width .configurable-poll .answers .answer { width: 100%; margin-top: 20px; } /* line 90, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .small-width .configurable-poll .answers .answer:first-child, .WKRG .tiny-width .configurable-poll .answers .answer:first-child { margin-top: 0; } /* line 93, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .small-width .configurable-poll .answers .answer .image-container, .WKRG .tiny-width .configurable-poll .answers .answer .image-container { height: 68px; width: 68px; } /* line 97, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .small-width .configurable-poll .answers .answer .answer-text, .WKRG .tiny-width .configurable-poll .answers .answer .answer-text { font-size: 16px; min-height: 46px; width: 100%; } /* line 102, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .small-width .configurable-poll .answers .answer .percent-container, .WKRG .tiny-width .configurable-poll .answers .answer .percent-container { width: 100%; margin: 0; } /* line 105, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WKRG .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 109, .tmp/app/themes/WKRG/ConfigurablePoll/styles.scss */ .WKRG .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WKRG .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { line-height: 1.2; } /* line 10, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .configurable-poll .answers .answer .percent-container, .WKRG .tiny-width .configurable-poll .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .configurable-poll .answers .answer .percent-container .percent-text, .WKRG .tiny-width .configurable-poll .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 19px; padding-top: 0; text-align: center; width: 54px; right: 0; } /* line 20, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .configurable-poll .answers .answer .percent-container .progress-container, .WKRG .tiny-width .configurable-poll .answers .answer .percent-container .progress-container { padding: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .configurable-poll .answers .answer .progress, .WKRG .tiny-width .configurable-poll .answers .answer .progress { line-height: 15px; height: 15px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .configurable-poll .answers .answer .progress-bar, .WKRG .tiny-width .configurable-poll .answers .answer .progress-bar { height: 13px; line-height: 13px; top: 1px; margin: 0 1px; } /* line 7, .tmp/app/themes/WKRG/DidYouKnow/styles.scss */ .WKRG.DidYouKnow .dyk-image-cont, .WKRG [did-you-know] .dyk-image-cont { background-color: #e1e1e1; border: 1px solid #fff; margin: 0 auto; } /* line 11, .tmp/app/themes/WKRG/DidYouKnow/styles.scss */ .WKRG.DidYouKnow .dyk-image-cont img, .WKRG [did-you-know] .dyk-image-cont img { height: 100px; width: 100px; display: block; margin: 10px auto; } /* line 18, .tmp/app/themes/WKRG/DidYouKnow/styles.scss */ .WKRG.DidYouKnow h1, .WKRG [did-you-know] h1 { color: #fff; font-size: 21px; background-color: #3d3d3d; margin: 0 auto; } /* line 9, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG.Donate .donate form .paypal-btn, .WKRG [donate] .donate form .paypal-btn { background-image: url("../themes/WKRG/images/donate/pay-pal-btn.png"); border: none; margin: 0 auto; } /* line 15, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG.Donate .donate a, .WKRG [donate] .donate a { margin: 30px auto; height: 210px; width: 48px; } /* line 20, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG.Donate .donate img, .WKRG [donate] .donate img { margin: 30px auto 0 auto; display: block; } /* line 24, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG.Donate .donate button, .WKRG [donate] .donate button { height: 48px; width: 210px; display: block; margin: 30px auto 0 auto; background-color: #fff; text-transform: none; background-repeat: no-repeat; background-position: center; border: none; background-size: 100%; } /* line 35, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG.Donate .donate button.streamtip-btn, .WKRG [donate] .donate button.streamtip-btn { background-image: url("../themes/WKRG/images/donate/stream-tip-btn.png"); background-color: #367fa9; } /* line 39, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG.Donate .donate button.patreon-btn, .WKRG [donate] .donate button.patreon-btn { background-image: url("../themes/WKRG/images/donate/patreon-btn.png"); background-color: #232d32; } /* line 43, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG.Donate .donate button.subscribe-btn, .WKRG [donate] .donate button.subscribe-btn { background-image: url("../themes/WKRG/images/donate/subscribe-btn.png"); background-color: #503484; box-sizing: border-box; margin-bottom: 15px; } /* line 56, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG .medium-width .donate img.foreground { float: left; height: 128px; margin: 4px 4px 0 40px; width: 128px; } /* line 68, .tmp/app/themes/WKRG/Donate/styles.scss */ .WKRG .small-width .donate img.foreground, .WKRG .tiny-width .donate img.foreground { display: block; height: 160px; margin: 10px auto; width: 160px; } /* line 6, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage header, .WKRG [embedded-webpage] header { display: none; } /* line 10, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage footer, .WKRG [embedded-webpage] footer { display: none; } /* line 14, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage .app-container, .WKRG.EmbeddedWebpage .app-height-element, .WKRG.EmbeddedWebpage .view-container, .WKRG [embedded-webpage] .app-container, .WKRG [embedded-webpage] .app-height-element, .WKRG [embedded-webpage] .view-container { height: 100%; width: 100%; } /* line 21, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage .view-container div[embedded-webpage], .WKRG [embedded-webpage] .view-container div[embedded-webpage] { -webkit-overflow-scrolling: touch; overflow: scroll; } @media screen and (max-width: 666px) { /* line 21, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage .view-container div[embedded-webpage], .WKRG [embedded-webpage] .view-container div[embedded-webpage] { height: 480px; } } @media screen and (min-width: 666px) { /* line 21, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage .view-container div[embedded-webpage], .WKRG [embedded-webpage] .view-container div[embedded-webpage] { height: 680px; } } /* line 34, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage iframe, .WKRG [embedded-webpage] iframe { background-color: transparent; border: none; width: 100%; } @media screen and (max-width: 666px) { /* line 34, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage iframe, .WKRG [embedded-webpage] iframe { height: 480px; } } @media screen and (min-width: 666px) { /* line 34, .tmp/app/themes/WKRG/EmbeddedWebpage/styles.scss */ .WKRG.EmbeddedWebpage iframe, .WKRG [embedded-webpage] iframe { height: 680px; } } /* line 4, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login { background-color: #000; display: block; } /* line 7, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner { margin: 0 auto; padding: 1px 5px; } @media screen and (max-width: 666px) { /* line 7, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner { max-width: 330px; min-width: 320px; } } @media screen and (min-width: 666px) { /* line 7, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner { max-width: 676px; min-width: 666px; } } /* line 20, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .column { vertical-align: middle; } /* line 24, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .column:nth-child(0) { width: 1px; } /* line 28, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner string-rotator { display: -ms-flexbox; display: flex; } /* line 32, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner span { color: #ccc; font-weight: 400; font-size: 10px; font-family: 'Helvetica Neue', 'Helvetica', Arial, sans-serif; line-height: 1.2; margin: 0; padding: 0; } /* line 41, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .user-info-container { display: -ms-grid; display: grid; -ms-grid-columns: max-content max-content; grid-template-columns: max-content max-content; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; transition: opacity 0.15s linear; } /* line 49, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .user-info-container:hover { opacity: 0.8; } /* line 51, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .user-info-container:hover p { text-decoration: underline; min-width: 80px; } /* line 56, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .user-info-container dynamic-image { height: 22px; width: 22px; border-radius: 50%; background: #fff; background-size: contain; } /* line 63, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .user-info-container p { padding: 0; margin: 0; font-size: 12px; color: #fff; font-weight: normal; min-width: 80px; } /* line 72, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .sign-out-pop-out { position: absolute; top: 30px; border-radius: 5px; margin: 0 5px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); z-index: 10; background-color: #fff; overflow: hidden; } /* line 81, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .sign-out-pop-out ul { list-style-type: none; padding: 0; margin: 0; } /* line 85, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .sign-out-pop-out ul li { list-style-type: none; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; grid-gap: 10px; cursor: pointer; padding: 5px 10px; transition: background 0.15s linear; background-color: #fff; } /* line 96, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .sign-out-pop-out ul li:not(:first-child) { border-top: 1px solid rgba(0, 0, 0, 0.23); } /* line 99, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .sign-out-pop-out ul li:hover { background: #f6f6f6; } /* line 102, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .sign-out-pop-out ul li img { max-height: 24px; max-width: 24px; } /* line 106, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .sign-out-pop-out ul li p, .WKRG facebook-login .facebook-inner .sign-out-pop-out ul li p > span { padding: 0; margin: 0; color: #000; font-weight: normal; font-size: 13px; text-align: left; } /* line 116, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login .facebook-inner .sign-out-pop-out .login-bar-button { padding: 5px; } /* line 121, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG facebook-login button.login-bar-button { border: 0; cursor: pointer; text-transform: uppercase; margin: 1px auto; border-radius: 3px; padding: 2px; font-size: 11px; } /* line 132, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG .facebook-button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b68b9+0,3b55a0+100 */ background: #4b68b9; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #4b68b9 0%, #3b55a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b68b9', endColorstr='#3b55a0', GradientType=0); /* IE6-9 */ color: #fff; font-family: 'Helvetica Neue', arial, sans-serif; font-size: 11px; line-height: 0; font-weight: 400; border: 0 solid transparent; border-radius: 2px; text-transform: none; padding: 2px; margin: 1px; text-shadow: 0 -1px 0 #3c4497; } /* line 153, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG .facebook-button svg { height: 16px; width: 16px; } /* line 158, .tmp/app/themes/WKRG/FacebookLogin/styles.scss */ .WKRG .facebook-button .facebook-button-text { padding: 0 6px; } /* line 7, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .show-megachatter .facebook-to-tv .question, .WKRG.FacebookToTV .show-megachatter .facebook-to-tv .status-bar-container, .WKRG [facebook-to-tv] .show-megachatter .facebook-to-tv .question, .WKRG [facebook-to-tv] .show-megachatter .facebook-to-tv .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv, .WKRG [facebook-to-tv] .facebook-to-tv { font-weight: 900; } /* line 14, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv .image-container, .WKRG [facebook-to-tv] .facebook-to-tv .image-container { position: fixed; z-index: 10; left: 15px; top: 0px; border: 1px solid black; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } /* line 21, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv .image-container.no-image, .WKRG [facebook-to-tv] .facebook-to-tv .image-container.no-image { box-shadow: none; border: none; height: 10px; } /* line 27, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv .name, .WKRG.FacebookToTV .facebook-to-tv .screen-name, .WKRG.FacebookToTV .facebook-to-tv .message, .WKRG [facebook-to-tv] .facebook-to-tv .name, .WKRG [facebook-to-tv] .facebook-to-tv .screen-name, .WKRG [facebook-to-tv] .facebook-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 34, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv .name, .WKRG [facebook-to-tv] .facebook-to-tv .name { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; font-size: 18px; margin-top: 40px; padding: 3px 50px; } /* line 41, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv .message, .WKRG [facebook-to-tv] .facebook-to-tv .message { background: linear-gradient(to right, #000424 0%, #001bff 100%); color: #fff; font-size: 16px; padding: 25px 20px 40px 20px; } /* line 46, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv .message a, .WKRG [facebook-to-tv] .facebook-to-tv .message a { color: #ffae00; } /* line 50, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv .avatar, .WKRG [facebook-to-tv] .facebook-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 56, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG.FacebookToTV .facebook-to-tv .logo, .WKRG [facebook-to-tv] .facebook-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 68, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG .medium-width .facebook-to-tv { margin: 0 auto; min-width: 640px; } /* line 71, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG .medium-width .facebook-to-tv .name, .WKRG .medium-width .facebook-to-tv .message { width: 90%; } /* line 75, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG .medium-width .facebook-to-tv .name { font-size: 23px; } /* line 78, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG .medium-width .facebook-to-tv .message { font-size: 19px; padding: 27px 40px 40px 40px; } /* line 82, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG .medium-width .facebook-to-tv .avatar { height: 90px; width: 90px; } /* line 86, .tmp/app/themes/WKRG/FacebookToTV/styles.scss */ .WKRG .medium-width .facebook-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 7, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG.FaceOff .show-megachatter .face-off .question, .WKRG.FaceOff .show-megachatter .face-off .status-bar-container, .WKRG [face-off] .show-megachatter .face-off .question, .WKRG [face-off] .show-megachatter .face-off .status-bar-container { width: 100%; } /* line 15, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG.FaceOff .face-off .answers .answer .active-content, .WKRG.FaceOff .face-off .answers .answer .answer-container, .WKRG [face-off] .face-off .answers .answer .active-content, .WKRG [face-off] .face-off .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG.FaceOff .face-off .answers .answer .popular-icon, .WKRG.FaceOff .face-off .answers .answer .your-vote-indicator, .WKRG [face-off] .face-off .answers .answer .popular-icon, .WKRG [face-off] .face-off .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 27, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG.FaceOff .face-off .answers .answer:first-child .progress, .WKRG [face-off] .face-off .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 54, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .medium-width .face-off .answers { width: 90%; min-width: 640px; margin-top: 30px; padding-bottom: 18px; } /* line 59, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .medium-width .face-off .answers .answer { width: calc(50% - 3px); } /* line 61, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .medium-width .face-off .answers .answer .percent-container { width: 100%; } /* line 64, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .medium-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 68, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .medium-width .face-off .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .face-off .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 10, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .face-off .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .face-off .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 22px; padding-top: 0; text-align: center; width: 80px; right: 0; } /* line 20, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .face-off .answers .answer .percent-container .progress-container { padding: 0; } /* line 76, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .medium-width .face-off .answers .answer:last-child .image-container { -ms-flex-order: 1; order: 1; } /* line 80, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .medium-width .face-off .answers .answer .image-container { height: 101px; width: 101px; } /* line 84, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .medium-width .face-off .answers .answer .answer-text { font-size: 22px; min-height: 70px; margin: 0; width: 100%; } /* line 98, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .status-bar-container, .WKRG .tiny-width .face-off .status-bar-container { margin-bottom: 22px; } /* line 101, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers, .WKRG .tiny-width .face-off .answers { padding: 0 0 20px 0; width: 80%; } /* line 104, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer, .WKRG .tiny-width .face-off .answers .answer { margin: 0; width: calc(50% - 3px); } /* line 107, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer:first-child, .WKRG .tiny-width .face-off .answers .answer:first-child { margin-right: 6px; } /* line 110, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer .image-container, .WKRG .tiny-width .face-off .answers .answer .image-container { height: 130px; width: 100%; margin: 0; } /* line 114, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer .image-container img, .WKRG .tiny-width .face-off .answers .answer .image-container img { max-height: 100%; max-width: 100%; } /* line 119, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer .your-vote-indicator, .WKRG .small-width .face-off .answers .answer .popular-icon, .WKRG .tiny-width .face-off .answers .answer .your-vote-indicator, .WKRG .tiny-width .face-off .answers .answer .popular-icon { width: 100%; left: 0; } /* line 123, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer .popular-icon, .WKRG .tiny-width .face-off .answers .answer .popular-icon { top: auto; bottom: -13px; background-size: auto 11px, 100%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; } /* line 132, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer .percent-container, .WKRG .small-width .face-off .answers .answer .answer-text, .WKRG .tiny-width .face-off .answers .answer .percent-container, .WKRG .tiny-width .face-off .answers .answer .answer-text { text-align: center; vertical-align: middle; } /* line 137, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer .answer-text, .WKRG .tiny-width .face-off .answers .answer .answer-text { min-height: 58px; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .face-off .answers .answer .progress, .WKRG .tiny-width .face-off .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .face-off .answers .answer .progress-bar, .WKRG .tiny-width .face-off .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 10, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .face-off .answers .answer .percent-container, .WKRG .tiny-width .face-off .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .face-off .answers .answer .percent-container .percent-text, .WKRG .tiny-width .face-off .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 30px; padding-top: 0; text-align: center; width: 0; right: 0; } /* line 20, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .face-off .answers .answer .percent-container .progress-container, .WKRG .tiny-width .face-off .answers .answer .percent-container .progress-container { padding: 0; } /* line 143, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer .percent-container .percent-text, .WKRG .tiny-width .face-off .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 38px; margin: 10px auto; position: relative; color: #000; } /* line 152, .tmp/app/themes/WKRG/FaceOff/styles.scss */ .WKRG .small-width .face-off .answers .answer .popular-label, .WKRG .tiny-width .face-off .answers .answer .popular-label { padding-bottom: 20px; } /* line 4, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback { color: #000; text-transform: none; } /* line 7, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .view-container { padding: 0; } /* line 10, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .required { color: #000; font-weight: normal; } /* line 14, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback h1, .WKRG .feedback h3 { margin: 0; } /* line 18, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback h1 { background: linear-gradient(to left, #c4161c 0%, #990506 100%); color: #fff; font-weight: 900; padding: 12px 20px; } /* line 24, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback h3 { background-color: #f0bb08; color: #000; padding: 3px 10px; font-size: 17px; font-weight: 700; } /* line 31, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul { font-size: 0; margin: 0; overflow: hidden; padding: 0 10px; margin-top: 10px; } @media screen and (min-width: 666px) { /* line 31, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul { padding: 0 40px; } } /* line 40, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul li { box-sizing: border-box; font-size: 14px; list-style: none; margin: 0; padding: 4px 10px; vertical-align: top; } @media screen and (min-width: 666px) { /* line 40, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul li { display: inline-block; width: 50%; } } /* line 53, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul li.item-checkbox, .WKRG .feedback ul li.item-textarea { display: block; width: 100%; } /* line 58, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul li.item-checkbox { display: block; width: 100%; } /* line 62, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul li label { display: block; margin-bottom: 0; } /* line 66, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul li input, .WKRG .feedback ul li textarea { display: block; width: 100%; } /* line 71, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul li textarea { height: 65px; } @media screen and (min-width: 666px) { /* line 40, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback ul li { display: inline-block; width: 50%; } } /* line 83, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .feedback-submit .close-button { display: none; } /* line 86, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .feedback-submit p { padding: 0; } @media screen and (max-width: 666px) { /* line 82, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .feedback-submit { text-align: center; } /* line 91, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .feedback-submit .feedback-submit-text { display: block; } } @media screen and (min-width: 666px) { /* line 82, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .feedback-submit { padding: 5px 15px 0 15px; text-align: right; } } /* line 99, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .feedback-submit button { display: block; } /* line 103, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG .feedback .close-button-submitted, .WKRG .feedback .close-button-nonsubmitted { display: block; } /* line 116, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) .feedback ul li.item-checkbox label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/WKRG/images/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 126, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) .feedback ul li.item-checkbox input { opacity: 0; } /* line 129, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) .feedback ul li.item-checkbox input:focus ~ label { background-image: url("../themes/WKRG/images/feedback/checkboxBG-focus.png"); } /* line 133, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) .feedback ul li.item-checkbox input:focus:checked ~ label { background-image: url("../themes/WKRG/images/feedback/checkboxBG-selected-focus.png"); } /* line 136, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) .feedback ul li.item-checkbox input:checked ~ label { background-image: url("../themes/WKRG/images/feedback/checkboxBG-selected.png"); } /* line 139, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) .feedback ul li.item-checkbox input.ng-invalid ~ label { background-image: url("../themes/WKRG/images/feedback/checkboxBG-required.png"); } /* line 145, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) input[type='checkbox'] + label { background-position: top left; background-repeat: no-repeat; background-size: 24px 24px; background-image: url("../themes/Custom/WKRG/feedback/checkboxBG.png"); cursor: pointer; min-height: 24px; padding-left: 32px; padding-top: 2px; } /* line 155, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) input[type='checkbox'] { opacity: 0; } /* line 158, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) input[type='checkbox']:focus + label { background-image: url("../themes/Custom/WKRG/feedback/checkboxBG-focus.png"); } /* line 162, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) input[type='checkbox']:focus:checked + label { background-image: url("../themes/Custom/WKRG/feedback/checkboxBG-selected-focus.png"); } /* line 165, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) input[type='checkbox']:checked + label { background-image: url("../themes/Custom/WKRG/feedback/checkboxBG-selected.png"); } /* line 168, .tmp/app/themes/WKRG/Feedback/styles.scss */ .WKRG:not(.not) input[type='checkbox'].ng-invalid + label { background-image: url("../themes/Custom/WKRG/feedback/checkboxBG-required.png"); } /* line 6, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .show-megachatter .five-star, .WKRG [five-stars] .show-megachatter .five-star { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .show-megachatter .five-star .question, .WKRG.FiveStars .show-megachatter .five-star .status-bar-container, .WKRG [five-stars] .show-megachatter .five-star .question, .WKRG [five-stars] .show-megachatter .five-star .status-bar-container { width: 100%; } /* line 14, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container, .WKRG [five-stars] .five-star .five-star-container { position: relative; } /* line 16, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .vote-container, .WKRG [five-stars] .five-star .five-star-container .vote-container { color: #fff; font-size: 16px; } /* line 20, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .image-container, .WKRG [five-stars] .five-star .five-star-container .image-container { text-align: center; } /* line 23, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .popular, .WKRG.FiveStars .five-star .five-star-container .your-vote, .WKRG [five-stars] .five-star .five-star-container .popular, .WKRG [five-stars] .five-star .five-star-container .your-vote { font-size: 44px; } /* line 27, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .title, .WKRG.FiveStars .five-star .five-star-container .five-star-average, .WKRG [five-stars] .five-star .five-star-container .title, .WKRG [five-stars] .five-star .five-star-container .five-star-average { font-size: 18px; line-height: 1.1em; font-weight: 900; } /* line 33, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .five-star-average, .WKRG.FiveStars .five-star .five-star-container .five-star-answer, .WKRG [five-stars] .five-star .five-star-container .five-star-average, .WKRG [five-stars] .five-star .five-star-container .five-star-answer { transition: all 1s; } /* line 37, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .five-star-average, .WKRG [five-stars] .five-star .five-star-container .five-star-average { color: #000; background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); } /* line 41, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .five-star-answer, .WKRG [five-stars] .five-star .five-star-container .five-star-answer { background: linear-gradient(to right, #000424 0%, #001bff 100%); transition: all 1s; } /* line 45, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .title, .WKRG [five-stars] .five-star .five-star-container .title { color: #fff; background: linear-gradient(to left, #c4161c 0%, #990506 100%); text-align: center; padding: 5px; } /* line 51, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .answers, .WKRG [five-stars] .five-star .five-star-container .answers { margin: 0; padding: 0; transition: all 1s; } /* line 55, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .answers .answer, .WKRG [five-stars] .five-star .five-star-container .answers .answer { background-image: url("../themes/WKRG/images/fivestar/star.png"); background-position: center center; background-repeat: no-repeat; cursor: pointer; width: 20%; list-style-type: none; } /* line 62, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star .five-star-container .answers .answer.active, .WKRG [five-stars] .five-star .five-star-container .answers .answer.active { background-image: url("../themes/WKRG/images/fivestar/star-active.png"); } /* line 69, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star.answered .five-star-answer, .WKRG [five-stars] .five-star.answered .five-star-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 72, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG.FiveStars .five-star.answered .five-star-average, .WKRG [five-stars] .five-star.answered .five-star-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 80, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 86, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container.no-image { padding-left: 0; } /* line 89, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 340px; width: 60%; max-width: 600px; padding: 5px; height: 78px; } /* line 97, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container .answer { background-size: auto 49px; height: 64px; } /* line 101, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container .image-container { width: 140px; height: 164px; margin-left: -150px; float: left; } /* line 107, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container .title { height: 43px; font-size: 20px; } /* line 111, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container .your-vote { font-size: 28px; } /* line 114, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container .five-star-average { height: 43px; } /* line 117, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container .five-star-average .column.popular-label { font-size: 20px; padding-right: 5px; } /* line 121, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .medium-width .five-star .five-star-container .five-star-average .column.popular { font-size: 30px; padding-left: 5px; } /* line 133, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .small-width .five-star .five-star-container, .WKRG .tiny-width .five-star .five-star-container { width: 80%; min-width: 256px; margin: 0 auto; } /* line 137, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .small-width .five-star .five-star-container .answers, .WKRG .tiny-width .five-star .five-star-container .answers { margin: 0 auto; min-width: 245px; width: 60%; height: 55px; } /* line 143, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .small-width .five-star .five-star-container .answer, .WKRG .tiny-width .five-star .five-star-container .answer { background-size: auto 39px; height: 55px; } /* line 147, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .small-width .five-star .five-star-container .image-container, .WKRG .tiny-width .five-star .five-star-container .image-container { width: 134px; height: auto; } /* line 151, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .small-width .five-star .five-star-container .five-star-average, .WKRG .tiny-width .five-star .five-star-container .five-star-average { min-height: 134px; width: 50%; padding: 15px 5px; } /* line 155, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .small-width .five-star .five-star-container .five-star-average .row, .WKRG .tiny-width .five-star .five-star-container .five-star-average .row { height: 50%; text-align: center; } /* line 160, .tmp/app/themes/WKRG/FiveStars/styles.scss */ .WKRG .small-width .five-star .five-star-container .your-vote, .WKRG .tiny-width .five-star .five-star-container .your-vote { font-size: 24px; } /* line 4, .tmp/app/themes/WKRG/Footer/styles.scss */ .WKRG footer { margin-top: 15px; } @media screen and (max-width: 666px) { /* line 8, .tmp/app/themes/WKRG/Footer/styles.scss */ .WKRG footer .footer-images img { max-height: 65px; max-width: 116px; margin: 5px 0; } } @media screen and (min-width: 666px) { /* line 18, .tmp/app/themes/WKRG/Footer/styles.scss */ .WKRG footer .footer-images img { max-height: 66px; max-width: 280px; margin: 5px 0; } } /* line 25, .tmp/app/themes/WKRG/Footer/styles.scss */ .WKRG footer .policies { padding: 5px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } /* line 29, .tmp/app/themes/WKRG/Footer/styles.scss */ .WKRG footer .policies a { text-decoration: underline; color: #fff; font-size: 10px; font-weight: normal; cursor: pointer; } /* line 36, .tmp/app/themes/WKRG/Footer/styles.scss */ .WKRG footer .policies img { height: 12px; } /* line 7, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .show-megachatter .guess-gauge .question, .WKRG.GuessGauge .show-megachatter .guess-gauge .status-bar-container, .WKRG [guess-gauge] .show-megachatter .guess-gauge .question, .WKRG [guess-gauge] .show-megachatter .guess-gauge .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge, .WKRG [guess-gauge] .guess-gauge { font-weight: 900; } /* line 14, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .gauge-container, .WKRG [guess-gauge] .guess-gauge .gauge-container { position: relative; } /* line 16, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .gauge-container .title, .WKRG [guess-gauge] .guess-gauge .gauge-container .title { display: none; } /* line 20, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .vote-container, .WKRG [guess-gauge] .guess-gauge .vote-container { color: #fff; font-size: 16px; } /* line 24, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .gauge-inner, .WKRG [guess-gauge] .guess-gauge .gauge-inner { background: linear-gradient(to left, #fff 0%, #919fa7 100%); padding: 10px 25px 5px 25px; } /* line 29, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .gauge-average, .WKRG [guess-gauge] .guess-gauge .gauge-average { font-size: 19px; color: #000; background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); line-height: 1.1em; } /* line 35, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .gauge-answer, .WKRG [guess-gauge] .guess-gauge .gauge-answer { padding-top: 35px; background: linear-gradient(to left, #c4161c 0%, #990506 100%); } /* line 39, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .gauge-average, .WKRG.GuessGauge .guess-gauge .gauge-answer, .WKRG [guess-gauge] .guess-gauge .gauge-average, .WKRG [guess-gauge] .guess-gauge .gauge-answer { transition: all 1s; } /* line 43, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .gauge-answer-track, .WKRG [guess-gauge] .guess-gauge .gauge-answer-track { position: relative; } /* line 46, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .display-answer, .WKRG [guess-gauge] .guess-gauge .display-answer { color: #fff; font-size: 19px; overflow: hidden; z-index: 102; margin-top: -38px; position: absolute; } /* line 56, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .slider .slider-track, .WKRG [guess-gauge] .guess-gauge .slider .slider-track { position: relative; } /* line 58, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .slider .slider-track .slider-knob, .WKRG [guess-gauge] .guess-gauge .slider .slider-track .slider-knob { background-image: url("../themes/WKRG/images/guessgauge/knob.png"); background-size: 27px 27px; border-radius: 27px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); cursor: pointer; position: absolute; height: 27px; text-align: center; top: -3px; width: 27px; z-index: 100; } /* line 71, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .slider .slider-track.popular, .WKRG [guess-gauge] .guess-gauge .slider .slider-track.popular { display: none; } /* line 75, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .slider .slider-track, .WKRG [guess-gauge] .guess-gauge .slider .slider-track { height: 20px; } /* line 78, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .slider .slider-track-fg, .WKRG [guess-gauge] .guess-gauge .slider .slider-track-fg { height: 18px; top: 1px; margin: 0px 1px; position: relative; } /* line 84, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .slider .slider-main, .WKRG [guess-gauge] .guess-gauge .slider .slider-main { vertical-align: middle; width: 100%; } /* line 89, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .labels, .WKRG [guess-gauge] .guess-gauge .labels { color: #000; width: calc(100% + 10px); margin-left: -5px; } /* line 93, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .labels .label-min, .WKRG [guess-gauge] .guess-gauge .labels .label-min { text-align: left; } /* line 96, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge .labels .label-max, .WKRG [guess-gauge] .guess-gauge .labels .label-max { text-align: right; } /* line 101, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge.answered .gauge-answer, .WKRG [guess-gauge] .guess-gauge.answered .gauge-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 104, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG.GuessGauge .guess-gauge.answered .gauge-average, .WKRG [guess-gauge] .guess-gauge.answered .gauge-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 113, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-container { margin: 0 auto; width: 90%; min-width: 640px; padding-left: 150px; margin-bottom: 10px; } /* line 119, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-container.no-image { padding-left: 0; } /* line 122, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-container .image-container { width: 134px; height: 155px; margin-left: -150px; float: left; } /* line 128, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-container .title { height: 43px; font-size: 20px; text-align: center; } /* line 134, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-average { height: 35px; -ms-flex-pack: space-evenly; justify-content: space-evenly; } /* line 138, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-average .column.popular-label { font-size: 18px; padding-right: 5px; font-weight: 700; } /* line 143, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-average .column.popular { font-size: 24px; padding-left: 5px; } /* line 151, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .slider .slider-track .slider-knob { background-size: 33px 33px; border-radius: 33px; height: 33px; top: -4px; width: 33px; } /* line 159, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .slider .slider-track { height: 25px; } /* line 162, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .slider .slider-track-fg { height: 23px; } /* line 166, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .display-answer { font-size: 24px; margin-top: -62px; } /* line 170, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-answer { min-height: 103px; } /* line 173, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-answer-track { position: relative; width: 65%; margin: 20px auto 0 auto; } /* line 178, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .gauge-inner { min-height: 86px; } /* line 181, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .medium-width .guess-gauge .labels { font-size: 18px; position: relative; bottom: 25px; font-weight: 700; } /* line 192, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .small-width .guess-gauge .gauge-container, .WKRG .tiny-width .guess-gauge .gauge-container { margin: 0 auto; width: 80%; } /* line 196, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .small-width .guess-gauge .image-container, .WKRG .tiny-width .guess-gauge .image-container { width: 134px; height: auto; } /* line 201, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .small-width .guess-gauge .gauge-average, .WKRG .tiny-width .guess-gauge .gauge-average { min-height: 134px; width: 100%; padding: 15px 5px; } /* line 205, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .small-width .guess-gauge .gauge-average .row, .WKRG .tiny-width .guess-gauge .gauge-average .row { height: 50%; text-align: center; } /* line 208, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .small-width .guess-gauge .gauge-average .row:last-child, .WKRG .tiny-width .guess-gauge .gauge-average .row:last-child { line-height: 1.2; } /* line 213, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .small-width .guess-gauge .gauge-answer, .WKRG .tiny-width .guess-gauge .gauge-answer { padding-top: 30px; } /* line 216, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .small-width .guess-gauge .popular, .WKRG .tiny-width .guess-gauge .popular { font-size: 21px; } /* line 219, .tmp/app/themes/WKRG/GuessGauge/styles.scss */ .WKRG .small-width .guess-gauge .labels, .WKRG .tiny-width .guess-gauge .labels { font-size: 14px; padding-top: 5px; } /* line 4, .tmp/app/themes/WKRG/Header/styles.scss */ .WKRG header { height: auto; width: 100%; } /* line 7, .tmp/app/themes/WKRG/Header/styles.scss */ .WKRG header .show-media { height: 50px; width: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 41px; } @media screen and (min-width: 666px) { /* line 15, .tmp/app/themes/WKRG/Header/styles.scss */ .WKRG header .show-media { height: 61px; background-size: auto 50px; } } /* line 6, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG.HotOrNot .show-megachatter .hot-or-not, .WKRG [hot-or-not] .show-megachatter .hot-or-not { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG.HotOrNot .show-megachatter .hot-or-not .question, .WKRG.HotOrNot .show-megachatter .hot-or-not .status-bar-container, .WKRG [hot-or-not] .show-megachatter .hot-or-not .question, .WKRG [hot-or-not] .show-megachatter .hot-or-not .status-bar-container { width: 100%; } /* line 16, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG.HotOrNot .hot-or-not .answers .answer .active-content, .WKRG.HotOrNot .hot-or-not .answers .answer .answer-container, .WKRG [hot-or-not] .hot-or-not .answers .answer .active-content, .WKRG [hot-or-not] .hot-or-not .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 20, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG.HotOrNot .hot-or-not .answers .answer .popular-icon, .WKRG.HotOrNot .hot-or-not .answers .answer .your-vote-indicator, .WKRG [hot-or-not] .hot-or-not .answers .answer .popular-icon, .WKRG [hot-or-not] .hot-or-not .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 28, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG.HotOrNot .hot-or-not .answers .answer:first-child .progress, .WKRG [hot-or-not] .hot-or-not .answers .answer:first-child .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 42, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG.HotOrNot .hot-or-not .answers .answer:last-child .percent-container, .WKRG [hot-or-not] .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 52, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not { overflow: hidden; } /* line 54, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .image-container { float: left; margin: 0; height: 114px; width: 114px; margin-right: 4px; } /* line 60, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .image-container img { max-height: 100%; max-width: 100%; } /* line 65, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers { margin: auto; width: 90%; margin-top: 30px; padding-bottom: 18px; } /* line 70, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers .answer { width: calc(50% - 61px); margin: 0 1px; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .hot-or-not .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 74, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers .answer.no-image { width: 50%; margin: 0; } /* line 79, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers .answer:nth-child(2) .progress { transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } /* line 89, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers .answer .percent-container { margin: 0; display: -ms-flexbox; display: flex; } /* line 92, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 70px; font-size: 28px; line-height: 1.3; position: relative; margin: 0 8px; } /* line 100, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 10px; width: 80%; } /* line 105, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers .answer .answer-text { font-size: 20px; min-height: 52px; margin: 0; } /* line 111, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .medium-width .hot-or-not .answers .answer:last-child .percent-container { -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 122, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .image-container, .WKRG .tiny-width .hot-or-not .image-container { height: 80px; margin: 0 auto 22px auto; width: 80px; } /* line 127, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .status-bar-container, .WKRG .tiny-width .hot-or-not .status-bar-container { margin-bottom: 10px; } /* line 130, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers, .WKRG .tiny-width .hot-or-not .answers { width: 90%; min-width: 250px; padding-left: 0; padding-bottom: 12px; } /* line 135, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers .answer, .WKRG .tiny-width .hot-or-not .answers .answer { margin: 0; width: calc(50% - 3px); padding: 0; } /* line 139, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers .answer.no-image, .WKRG .tiny-width .hot-or-not .answers .answer.no-image { margin: 15px 0; } /* line 142, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers .answer:first-child, .WKRG .tiny-width .hot-or-not .answers .answer:first-child { margin-right: 6px; } /* line 145, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers .answer .percent-container, .WKRG .small-width .hot-or-not .answers .answer .answer-text, .WKRG .tiny-width .hot-or-not .answers .answer .percent-container, .WKRG .tiny-width .hot-or-not .answers .answer .answer-text { text-align: center; vertical-align: middle; font-size: 18px; } /* line 151, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers .answer .your-vote-indicator, .WKRG .small-width .hot-or-not .answers .answer .popular-icon, .WKRG .tiny-width .hot-or-not .answers .answer .your-vote-indicator, .WKRG .tiny-width .hot-or-not .answers .answer .popular-icon { width: 100%; left: 0; } /* line 155, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers .answer .popular-icon, .WKRG .tiny-width .hot-or-not .answers .answer .popular-icon { top: auto; bottom: -13px; background-size: auto 11px, 100%; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-right-radius: 0; border-top-left-radius: 0; } /* line 164, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers .answer .answer-text, .WKRG .tiny-width .hot-or-not .answers .answer .answer-text { min-height: 58px; margin-bottom: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .hot-or-not .answers .answer .progress, .WKRG .tiny-width .hot-or-not .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .hot-or-not .answers .answer .progress-bar, .WKRG .tiny-width .hot-or-not .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 10, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .hot-or-not .answers .answer .percent-container, .WKRG .tiny-width .hot-or-not .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WKRG .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 30px; padding-top: 0; text-align: center; width: 0; right: 0; } /* line 20, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .hot-or-not .answers .answer .percent-container .progress-container, .WKRG .tiny-width .hot-or-not .answers .answer .percent-container .progress-container { padding: 0; } /* line 171, .tmp/app/themes/WKRG/HotOrNot/styles.scss */ .WKRG .small-width .hot-or-not .answers .answer .percent-container .percent-text, .WKRG .tiny-width .hot-or-not .answers .answer .percent-container .percent-text { float: none; width: 100%; height: 78px; position: relative; color: #000; } /* line 7, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .show-megachatter .instagram-to-tv .question, .WKRG.InstagramToTV .show-megachatter .instagram-to-tv .status-bar-container, .WKRG [instagram-to-tv] .show-megachatter .instagram-to-tv .question, .WKRG [instagram-to-tv] .show-megachatter .instagram-to-tv .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .instagram-to-tv, .WKRG [instagram-to-tv] .instagram-to-tv { font-weight: 900; } /* line 13, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .instagram-to-tv h2, .WKRG [instagram-to-tv] .instagram-to-tv h2 { display: none; } /* line 17, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .instagram-to-tv .name, .WKRG.InstagramToTV .instagram-to-tv .screen-name, .WKRG.InstagramToTV .instagram-to-tv .message, .WKRG [instagram-to-tv] .instagram-to-tv .name, .WKRG [instagram-to-tv] .instagram-to-tv .screen-name, .WKRG [instagram-to-tv] .instagram-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 24, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .instagram-to-tv .name, .WKRG [instagram-to-tv] .instagram-to-tv .name { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; font-size: 18px; padding: 10px 50px 0; } /* line 30, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .instagram-to-tv .screen-name, .WKRG [instagram-to-tv] .instagram-to-tv .screen-name { color: #ffae00; font-size: 14px; padding: 0 50px; } /* line 35, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .instagram-to-tv .message, .WKRG [instagram-to-tv] .instagram-to-tv .message { color: #fff; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 39, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .instagram-to-tv .message a, .WKRG [instagram-to-tv] .instagram-to-tv .message a { color: #ffae00; } /* line 43, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG.InstagramToTV .instagram-to-tv .logo, .WKRG [instagram-to-tv] .instagram-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 55, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv { margin: 0 auto; width: 640px; } /* line 58, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content { background: linear-gradient(to right, #000424 0%, #001bff 100%); height: 227px; } /* line 61, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .image-container { position: fixed; z-index: 10; top: 14px; } /* line 65, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .image-container.no-image { opacity: 0; height: 0; width: 0; float: none; } /* line 72, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .image { display: block; width: 237px; height: 237px; border: 1px solid black; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } /* line 79, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .content { margin-top: 20px; margin-left: 230px; } /* line 82, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .content.no-image { margin-left: 0; } /* line 86, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .name, .WKRG .medium-width .instagram-to-tv .instagram-content .screen-name, .WKRG .medium-width .instagram-to-tv .instagram-content .message { width: 100%; text-align: left; } /* line 92, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .name { font-size: 23px; padding: 3px 50px 3px 20px; } /* line 96, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .screen-name { font-size: 16px; padding: 0 50px 0 20px; } /* line 100, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .message { font-size: 19px; padding: 10px 40px 40px 20px; } /* line 104, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .medium-width .instagram-to-tv .instagram-content .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 117, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .small-width .instagram-to-tv .image-container, .WKRG .tiny-width .instagram-to-tv .image-container { position: fixed; z-index: 10; left: 0px; right: 0px; top: 22px; } /* line 124, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .small-width .instagram-to-tv .image, .WKRG .tiny-width .instagram-to-tv .image { display: block; margin: auto; max-width: 155px; max-height: 155px; border: 1px solid black; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } /* line 132, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .small-width .instagram-to-tv .name, .WKRG .tiny-width .instagram-to-tv .name { margin-top: 170px; } /* line 134, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .small-width .instagram-to-tv .name.no-image, .WKRG .tiny-width .instagram-to-tv .name.no-image { margin-top: 15px; } /* line 138, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .small-width .instagram-to-tv .screen-name, .WKRG .tiny-width .instagram-to-tv .screen-name { background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 141, .tmp/app/themes/WKRG/InstagramToTV/styles.scss */ .WKRG .small-width .instagram-to-tv .message, .WKRG .tiny-width .instagram-to-tv .message { background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 7, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers { width: 90%; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 10, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 14, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer .active-content, .WKRG .medium-width .pic-pick .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 18, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer:first-child, .WKRG .medium-width .pic-pick .answers .answer:nth-child(4), .WKRG .medium-width .pic-pick .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 21, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer .image-container { width: 78px; height: 78px; } /* line 25, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer .popular-icon, .WKRG .medium-width .pic-pick .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .pic-pick .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .pic-pick .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 33, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer .percent-container { margin: 0; background: linear-gradient(to right, #aeb5bf 0%, #d9dce1 100%); } /* line 36, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer .percent-container .percent-text { float: none; width: 100%; margin: 0; font-size: 36px; padding-top: 6px; position: relative; } /* line 44, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer .percent-container .progress-container { padding-top: 3px; } /* line 48, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .medium-width .pic-pick .answers .answer .answer-text { min-height: 45px; width: 100%; font-size: 21px; } /* line 66, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick.trivia .answers, .WKRG .tiny-width .pic-pick.trivia .answers { margin-top: 32px; } /* line 70, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers, .WKRG .tiny-width .pic-pick .answers { padding: 0 10px 10px 10px; width: 98%; min-width: 320px; margin-top: 22px; } /* line 75, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers .answer, .WKRG .tiny-width .pic-pick .answers .answer { width: 100%; margin-top: 22px; } /* line 78, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers .answer:last-child, .WKRG .tiny-width .pic-pick .answers .answer:last-child { margin-bottom: 0; } /* line 81, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers .answer:first-child, .WKRG .tiny-width .pic-pick .answers .answer:first-child { margin-top: 0; } /* line 84, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers .answer .image-container, .WKRG .tiny-width .pic-pick .answers .answer .image-container { height: 68px; width: 68px; } /* line 88, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers .answer .answer-text, .WKRG .tiny-width .pic-pick .answers .answer .answer-text { min-height: 48px; width: 100%; } /* line 92, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers .answer .percent-container, .WKRG .tiny-width .pic-pick .answers .answer .percent-container { width: 100%; margin: 0; padding-top: 3px; } /* line 96, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers .answer .percent-container .progress-container, .WKRG .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 7px; height: 20px; } /* line 100, .tmp/app/themes/WKRG/PicPick/styles.scss */ .WKRG .small-width .pic-pick .answers .answer .percent-container .percent-text, .WKRG .tiny-width .pic-pick .answers .answer .percent-container .percent-text { line-height: 1.1; background: #001bff; } /* line 10, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .pic-pick .answers .answer .percent-container, .WKRG .tiny-width .pic-pick .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .pic-pick .answers .answer .percent-container .percent-text, .WKRG .tiny-width .pic-pick .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 18px; padding-top: 0; text-align: center; width: 54px; right: 0; } /* line 20, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .pic-pick .answers .answer .percent-container .progress-container, .WKRG .tiny-width .pic-pick .answers .answer .percent-container .progress-container { padding: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .pic-pick .answers .answer .progress, .WKRG .tiny-width .pic-pick .answers .answer .progress { line-height: 20px; height: 20px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .pic-pick .answers .answer .progress-bar, .WKRG .tiny-width .pic-pick .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 1px; margin: 0 1px; } /* line 5, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container { border: 0 solid transparent; font-size: 20px; overflow: hidden; padding: 0; width: 90%; max-width: 620px; border-radius: 5px; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); position: relative; z-index: 2; background-color: #fff; margin: 10px auto; } /* line 19, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking { border-bottom: 1px solid #555555; color: #000; transition: all 0.3s; background-color: #fff; z-index: 3; transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000; display: -ms-grid; display: grid; -ms-grid-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-template-columns: minmax(70px, 20%) minmax(70px, 20%) auto; grid-gap: 5px; } /* line 33, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking.first-place div { font-size: 22px; } /* line 38, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; } /* line 43, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in 0.2s forwards; animation-direction: reverse; } /* line 49, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking.ng-enter-stagger, .WKRG leaderboard .rankings-container .ranking.ng-leave-stagger { animation-delay: 0.1s; } /* line 53, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking.your-rank-highlight { background: white; } /* line 57, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-enter { height: 0; animation: scale-in-leaderboard 0.2s ease-in forwards; } /* line 62, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking.your-rank-highlight.rank-not-in-list.ng-leave { height: 33px; animation: scale-in-leaderboard 0.2s ease-in forwards; animation-direction: reverse; } /* line 70, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking:last-child { border: none; } /* line 74, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking div { padding: 0; height: 33px; font-size: 16px; margin: 0; overflow: hidden; -ms-flex-pack: start; justify-content: flex-start; text-align: left; } /* line 83, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking div.rank-align { height: 0; width: 36px; } /* line 88, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking div:last-child { line-height: 32px; text-overflow: ellipsis; display: block; white-space: nowrap; overflow: hidden; } /* line 96, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking div img { height: 20px; padding: 0 8px; } /* line 101, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG leaderboard .rankings-container .ranking div.leaderboard .WKRG leaderboard .rankings-container .ranking div:last-child { border-right: none; width: auto; } /* line 111, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG .show-more-rankings { display: block; padding: 0; width: 50px; height: 25px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; margin: -5px auto 0 auto; z-index: 1; position: relative; background: #fff; color: #000; box-shadow: 5px 5px 5px 0 rgba(0, 0, 0, 0.05); overflow: hidden; } /* line 126, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG .show-more-rankings span { font-size: 27px; line-height: 1; position: absolute; top: -5px; left: 0; right: 0; } /* line 134, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG .show-more-rankings span.ng-enter { animation: rotate-in-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s both; } /* line 138, .tmp/app/themes/WKRG/Leaderboard/styles.scss */ .WKRG .show-more-rankings span.ng-leave { animation: rotate-out-2-cw 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; } /* line 7, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG.LiveReactions .show-megachatter .live-reactions .question, .WKRG.LiveReactions .show-megachatter .live-reactions .status-bar-container, .WKRG [live-reactions] .show-megachatter .live-reactions .question, .WKRG [live-reactions] .show-megachatter .live-reactions .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG.LiveReactions .view-container, .WKRG [live-reactions] .view-container { position: static; } /* line 16, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG.LiveReactions .live-reactions .floating-reaction, .WKRG [live-reactions] .live-reactions .floating-reaction { max-width: 40px; max-height: 40px; position: absolute; animation: 2s reactionRiseCubic ease-in forwards; z-index: 10; } /* line 24, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG.LiveReactions .live-reactions .answers .answer, .WKRG [live-reactions] .live-reactions .answers .answer { background: transparent; box-shadow: none; } /* line 27, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG.LiveReactions .live-reactions .answers .answer .reaction-label, .WKRG [live-reactions] .live-reactions .answers .answer .reaction-label { position: absolute; margin: auto; color: #fff; font-size: 20px; font-weight: 900; line-height: 1.1; } /* line 35, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG.LiveReactions .live-reactions .answers .answer .reaction-bounce, .WKRG [live-reactions] .live-reactions .answers .answer .reaction-bounce { animation: 0.3s bounceReaction linear; } /* line 38, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG.LiveReactions .live-reactions .answers .answer .image-container, .WKRG [live-reactions] .live-reactions .answers .answer .image-container { width: 45px; height: 35px; } @keyframes bounceReaction { 0% { transform: scale(1); } 33% { transform: scale(0.6); } 66% { transform: scale(1.4); } 100% { transform: scale(1); } } @keyframes reactionRiseCubic { 0% { opacity: 0; } 25% { opacity: 1; } 100% { top: -300px; } } /* line 77, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers { padding: 5px 0; margin: 15px auto; width: 80%; height: 152px; background: linear-gradient(to right, #000424 0%, #001bff 100%); } /* line 83, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer { margin: 0 auto; position: relative; padding: 8px; } /* line 88, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer:nth-child(odd) .reaction-label { top: -44px; } /* line 93, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer:nth-child(even) .reaction-label { bottom: -44px; } /* line 97, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer:nth-child(1) { background: linear-gradient(to right, #919fa7 0%, #a6b2b8 100%); } /* line 100, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer:nth-child(2) { background: linear-gradient(to right, #a6b2b8 0%, #c7ced2 100%); } /* line 103, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer:nth-child(3) { background: linear-gradient(to right, #c7ced2 0%, #dee2e4 100%); } /* line 106, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer:nth-child(4) { background: linear-gradient(to right, #dee2e4 0%, #f2f3f4 100%); } /* line 109, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer:nth-child(5) { background: linear-gradient(to right, #f2f3f4 0%, #fff 100%); } /* line 112, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer .image-container { width: 42px; height: 42px; } /* line 116, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .medium-width .live-reactions .answers .answer .reaction-label { height: 43px; padding: 5px; text-align: center; max-width: 110px; background: none; left: 0; right: 0; } /* line 131, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .small-width .live-reactions .answers, .WKRG .tiny-width .live-reactions .answers { padding: 0 10px; width: 190px; background: linear-gradient(to left, #fff 0%, #919fa7 100%), linear-gradient(to right, #000424 25%, #001bff 100%); background-size: 65px 100%, 100%; background-repeat: no-repeat; } /* line 137, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .small-width .live-reactions .answers .answer, .WKRG .tiny-width .live-reactions .answers .answer { margin: 12px 0; position: relative; } /* line 140, .tmp/app/themes/WKRG/LiveReactions/styles.scss */ .WKRG .small-width .live-reactions .answers .answer .reaction-label, .WKRG .tiny-width .live-reactions .answers .answer .reaction-label { max-width: 118px; height: 30px; width: 100%; left: 58px; top: 3px; padding: 0; text-align: center; } /* line 5, .tmp/app/themes/WKRG/Poster/styles.scss */ .WKRG.Poster .posterImage, .WKRG [poster] .posterImage { text-align: center; vertical-align: middle; margin: auto; display: block; width: 100%; height: 480px; padding: 0; } /* line 13, .tmp/app/themes/WKRG/Poster/styles.scss */ .WKRG.Poster .posterImage .posterImageInner, .WKRG [poster] .posterImage .posterImageInner { height: 100%; -ms-flex-align: baseline; align-items: baseline; } /* line 16, .tmp/app/themes/WKRG/Poster/styles.scss */ .WKRG.Poster .posterImage .posterImageInner video, .WKRG.Poster .posterImage .posterImageInner img, .WKRG [poster] .posterImage .posterImageInner video, .WKRG [poster] .posterImage .posterImageInner img { max-height: 100%; max-width: 100%; } /* line 7, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .show-megachatter .mood-meter .question, .WKRG.MoodMeter .show-megachatter .mood-meter .status-bar-container, .WKRG [mood-meter] .show-megachatter .mood-meter .question, .WKRG [mood-meter] .show-megachatter .mood-meter .status-bar-container { width: 100%; } /* line 12, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter, .WKRG [mood-meter] .mood-meter { font-weight: 900; } /* line 14, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .vote-container, .WKRG [mood-meter] .mood-meter .vote-container { color: #fff; font-size: 16px; } /* line 18, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-container, .WKRG [mood-meter] .mood-meter .meter-container { position: relative; } /* line 20, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-container .title, .WKRG [mood-meter] .mood-meter .meter-container .title { display: none; } /* line 24, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-inner, .WKRG [mood-meter] .mood-meter .meter-inner { display: block; margin: auto; } /* line 28, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-inside, .WKRG [mood-meter] .mood-meter .meter-inside { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: 0; } /* line 36, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-average, .WKRG [mood-meter] .mood-meter .meter-average { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; font-size: 19px; line-height: 1.1em; } /* line 42, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-answer, .WKRG [mood-meter] .mood-meter .meter-answer { background: linear-gradient(to left, #fff 0%, #919fa7 100%); } /* line 45, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-average, .WKRG.MoodMeter .mood-meter .meter-answer, .WKRG [mood-meter] .mood-meter .meter-average, .WKRG [mood-meter] .mood-meter .meter-answer { transition: all 1s; } /* line 49, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-answer-track, .WKRG [mood-meter] .mood-meter .meter-answer-track { position: relative; z-index: 1; } /* line 52, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .meter-answer-track canvas, .WKRG [mood-meter] .mood-meter .meter-answer-track canvas { cursor: pointer; } /* line 56, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .popular-label, .WKRG [mood-meter] .mood-meter .popular-label { font-size: 17px; } /* line 59, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .display-answer, .WKRG [mood-meter] .mood-meter .display-answer { font-size: 18px; color: #fff; background: linear-gradient(to right, #000424 0%, #001bff 100%); overflow: hidden; display: block; padding: 10px 20px; word-break: break-word; } /* line 68, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .labels, .WKRG [mood-meter] .mood-meter .labels { color: #000; font-size: 14px; margin-top: 4px; width: 100%; } /* line 73, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .labels .label-min, .WKRG [mood-meter] .mood-meter .labels .label-min { text-align: right; } /* line 76, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter .labels .label-max, .WKRG [mood-meter] .mood-meter .labels .label-max { text-align: left; } /* line 81, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter.answered .meter-answer, .WKRG [mood-meter] .mood-meter.answered .meter-answer { filter: blur(1px); transform: scale3d(0.97, 0.97, 1); opacity: 0.3; pointer-events: none; } /* line 84, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG.MoodMeter .mood-meter.answered .meter-average, .WKRG [mood-meter] .mood-meter.answered .meter-average { filter: blur(0px); transform: scale3d(1.05, 1.05, 1); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); opacity: 1; z-index: 2; } /* line 93, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .image-container { margin: 16px 0 10px 10px; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 99, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-container { margin: 0 auto; min-width: 640px; width: 80%; min-height: 155px; margin-bottom: 10px; } /* line 105, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-container .title { height: 28px; margin-bottom: 1px; padding-top: 3px; text-align: center; } /* line 111, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-container .meter-inner { min-width: 389px; width: 100%; min-height: 155px; background: url(../themes/WKRG/images/moodmeter/meter-bg.png); background-size: auto 129px; background-position: center top 10px; background-repeat: no-repeat; position: relative; padding-top: 18px; } /* line 122, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-container .rows { width: 50%; } /* line 126, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -20px; right: 0px; top: -4px; } /* line 134, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-inside img { max-width: 101px; max-height: 101px; margin: 10px; } /* line 140, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-average { min-height: 75px; min-width: 250px; width: 100%; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; word-break: break-word; } /* line 150, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .popular-label { font-size: 15px; } /* line 153, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .popular { font-size: 20px; } /* line 156, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-answer { width: 60%; min-width: 389px; } /* line 159, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: 4px; right: 0; width: 113px; z-index: 10; } /* line 167, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .meter-answer .meter-answer-track canvas { width: 113px !important; height: 113px !important; } /* line 173, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .display-answer { min-height: 75px; min-width: 250px; width: 100%; clear: left; float: left; padding: 15px 10px; text-align: center; -ms-flex-align: center; align-items: center; font-size: 20px; } /* line 183, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .display-answer span { display: block; } /* line 185, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .display-answer span:first-child { font-size: 15px; line-height: 1.5; } /* line 191, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .labels { font-size: 16px; padding: 108px 5px 5px 5px; } /* line 194, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .labels .label-min, .WKRG .medium-width .mood-meter .labels .label-max { width: calc(50% - 50px); text-align: center; word-break: break-word; line-height: 1.2; } /* line 201, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .labels .label-min { margin-right: 50px; } /* line 204, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .medium-width .mood-meter .labels .label-max { margin-left: 50px; } /* line 213, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .image-container, .WKRG .tiny-width .mood-meter .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 218, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .status-bar-container, .WKRG .tiny-width .mood-meter .status-bar-container { margin-bottom: 10px; } /* line 221, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .meter-container, .WKRG .tiny-width .mood-meter .meter-container { margin: 0 auto; margin-top: 50px; width: 80%; min-height: 300px; } /* line 227, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .meter-inner, .WKRG .tiny-width .mood-meter .meter-inner { background: url(../themes/WKRG/images/moodmeter/meter-bg.png); background-size: auto 148px; min-height: 129px; padding-top: 17px; background-position: top 8px center; background-repeat: no-repeat; } /* line 235, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .meter-inside, .WKRG .tiny-width .mood-meter .meter-inside { border-radius: 50%; width: 101px; height: 101px; z-index: -1; left: -19px; right: 0px; top: -3px; } /* line 243, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .meter-inside img, .WKRG .tiny-width .mood-meter .meter-inside img { max-width: 116px; max-height: 117px; margin: 10px; } /* line 249, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .display-answer, .WKRG .tiny-width .mood-meter .display-answer { text-align: center; min-height: 40px; padding: 5px; } /* line 254, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .display-answer span:first-child, .WKRG .tiny-width .mood-meter .display-answer span:first-child { width: 100px; font-size: 19px; } /* line 260, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .meter-average, .WKRG .tiny-width .mood-meter .meter-average { padding: 5px; text-align: center; word-break: break-word; } /* line 266, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .meter-answer .meter-answer-track, .WKRG .tiny-width .mood-meter .meter-answer .meter-answer-track { position: absolute; margin-left: auto; margin-right: auto; left: -13px; right: 0; width: 113px; } /* line 273, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .meter-answer .meter-answer-track canvas, .WKRG .tiny-width .mood-meter .meter-answer .meter-answer-track canvas { width: 130px !important; height: 130px !important; } /* line 279, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .labels, .WKRG .tiny-width .mood-meter .labels { padding: 5px; margin-top: 134px; } /* line 282, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .labels .label-min, .WKRG .small-width .mood-meter .labels .label-max, .WKRG .tiny-width .mood-meter .labels .label-min, .WKRG .tiny-width .mood-meter .labels .label-max { width: 50%; vertical-align: middle; word-break: break-word; } /* line 288, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .labels .label-min, .WKRG .tiny-width .mood-meter .labels .label-min { text-align: left; width: 50%; } /* line 292, .tmp/app/themes/WKRG/MoodMeter/styles.scss */ .WKRG .small-width .mood-meter .labels .label-max, .WKRG .tiny-width .mood-meter .labels .label-max { text-align: right; width: 50%; } /* line 7, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .medium-width .readers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 11, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .medium-width .readers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 15, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .medium-width .readers-choice .answers .answer .active-content, .WKRG .medium-width .readers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 19, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .medium-width .readers-choice .answers .answer:first-child, .WKRG .medium-width .readers-choice .answers .answer:nth-child(4), .WKRG .medium-width .readers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .readers-choice .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .readers-choice .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 23, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .medium-width .readers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 26, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .medium-width .readers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 36px; padding: 8px 0; } /* line 33, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .medium-width .readers-choice .answers .answer .answer-text { font-size: 21px; min-height: 45px; } /* line 37, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .medium-width .readers-choice .answers .answer .popular-icon, .WKRG .medium-width .readers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 52, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice.trivia .answers, .WKRG .tiny-width .readers-choice.trivia .answers { margin-top: 32px; } /* line 56, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers, .WKRG .tiny-width .readers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 60, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers .answer, .WKRG .tiny-width .readers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 63, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers .answer:last-child, .WKRG .tiny-width .readers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 66, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers .answer .answer-text, .WKRG .tiny-width .readers-choice .answers .answer .answer-text { min-height: 53px; margin-bottom: 0; } /* line 70, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers .answer .active-content, .WKRG .tiny-width .readers-choice .answers .answer .active-content { width: 100%; } /* line 72, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers .answer .active-content .percent-text, .WKRG .tiny-width .readers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 77, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers .answer .active-content .answer-container, .WKRG .tiny-width .readers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .readers-choice .answers .answer .percent-container, .WKRG .tiny-width .readers-choice .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .readers-choice .answers .answer .percent-container .percent-text, .WKRG .tiny-width .readers-choice .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 18px; padding-top: 0; text-align: center; width: 54px; right: 0; } /* line 20, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .readers-choice .answers .answer .percent-container .progress-container, .WKRG .tiny-width .readers-choice .answers .answer .percent-container .progress-container { padding: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .readers-choice .answers .answer .progress, .WKRG .tiny-width .readers-choice .answers .answer .progress { line-height: 20px; height: 20px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .readers-choice .answers .answer .progress-bar, .WKRG .tiny-width .readers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 1px; margin: 0 1px; } /* line 83, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers .answer .percent-container, .WKRG .tiny-width .readers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 87, .tmp/app/themes/WKRG/ReadersChoice/styles.scss */ .WKRG .small-width .readers-choice .answers .answer .percent-container .percent-text, .WKRG .tiny-width .readers-choice .answers .answer .percent-container .percent-text { line-height: 1.1; background: #001bff; } /* line 5, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv, .WKRG [tweet-to-tv] .tweet-to-tv { font-weight: 900; } /* line 7, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .image-container, .WKRG [tweet-to-tv] .tweet-to-tv .image-container { position: fixed; z-index: 10; left: 15px; top: 0px; border: 1px solid black; box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6); } /* line 14, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .image-container.no-image, .WKRG [tweet-to-tv] .tweet-to-tv .image-container.no-image { box-shadow: none; border: none; height: 10px; } /* line 20, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .name, .WKRG.TweetToTV .tweet-to-tv .screen-name, .WKRG.TweetToTV .tweet-to-tv .message, .WKRG [tweet-to-tv] .tweet-to-tv .name, .WKRG [tweet-to-tv] .tweet-to-tv .screen-name, .WKRG [tweet-to-tv] .tweet-to-tv .message { width: 85%; margin: 0 auto; position: relative; } /* line 28, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .name, .WKRG [tweet-to-tv] .tweet-to-tv .name { background: linear-gradient(to right, #ffae00 0%, #f2bc52 100%); color: #000; font-size: 18px; margin-top: 40px; padding: 3px 50px; } /* line 35, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .screen-name, .WKRG [tweet-to-tv] .tweet-to-tv .screen-name { background: linear-gradient(to right, #000424 0%, #001bff 100%); color: #ffae00; font-size: 14px; padding: 0 50px; } /* line 40, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .screen-name a, .WKRG [tweet-to-tv] .tweet-to-tv .screen-name a { color: #ffae00; } /* line 44, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .message, .WKRG [tweet-to-tv] .tweet-to-tv .message { background: linear-gradient(to right, #000424 0%, #001bff 100%); color: #fff; font-size: 16px; padding: 10px 20px 40px 20px; } /* line 49, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .message a, .WKRG [tweet-to-tv] .tweet-to-tv .message a { color: #ffae00; } /* line 53, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .avatar, .WKRG [tweet-to-tv] .tweet-to-tv .avatar { display: block; margin: 0 auto; height: 80px; width: 80px; } /* line 59, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv .logo, .WKRG [tweet-to-tv] .tweet-to-tv .logo { height: 31px; position: absolute; right: 12px; bottom: -12px; width: 31px; z-index: 100; } /* line 67, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG.TweetToTV .tweet-to-tv twttr-follow-button, .WKRG [tweet-to-tv] .tweet-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 76, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG .medium-width .tweet-to-tv { margin: 0 auto; min-width: 640px; } /* line 79, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG .medium-width .tweet-to-tv .name, .WKRG .medium-width .tweet-to-tv .screen-name, .WKRG .medium-width .tweet-to-tv .message { width: 90%; } /* line 84, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG .medium-width .tweet-to-tv .name { font-size: 23px; } /* line 87, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG .medium-width .tweet-to-tv .screen-name { font-size: 16px; } /* line 90, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG .medium-width .tweet-to-tv .message { font-size: 19px; padding: 10px 40px 40px 40px; } /* line 94, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG .medium-width .tweet-to-tv .avatar { height: 90px; width: 90px; } /* line 98, .tmp/app/themes/WKRG/TweetToTV/styles.scss */ .WKRG .medium-width .tweet-to-tv .logo { height: 39px; position: absolute; right: 17px; bottom: -15px; width: 39px; } /* line 5, .tmp/app/themes/WKRG/TwitchToTV/styles.scss */ .WKRG.TwitchToTV .twitch-to-tv, .WKRG [twitch-to-tv] .twitch-to-tv { width: 90%; display: block; margin: auto; } /* line 6, .tmp/app/themes/WKRG/TwitchToTV/styles.scss */ .WKRG.TwitchToTV .twitch-to-tv div:nth-child(2), .WKRG [twitch-to-tv] .twitch-to-tv div:nth-child(2) { width: 80%; margin: auto; } /* line 15, .tmp/app/themes/WKRG/TwitchToTV/styles.scss */ .WKRG.TwitchToTV .twitch-to-tv .name, .WKRG.TwitchToTV .twitch-to-tv .screen-name, .WKRG.TwitchToTV .twitch-to-tv .message, .WKRG [twitch-to-tv] .twitch-to-tv .name, .WKRG [twitch-to-tv] .twitch-to-tv .screen-name, .WKRG [twitch-to-tv] .twitch-to-tv .message { margin: 0; position: relative; } /* line 22, .tmp/app/themes/WKRG/TwitchToTV/styles.scss */ .WKRG.TwitchToTV .twitch-to-tv .name, .WKRG [twitch-to-tv] .twitch-to-tv .name { background-color: #000; color: #fff; font-size: 18px; padding: 5px 50px; margin-top: 50px; } /* line 30, .tmp/app/themes/WKRG/TwitchToTV/styles.scss */ .WKRG.TwitchToTV .twitch-to-tv .message, .WKRG [twitch-to-tv] .twitch-to-tv .message { background: linear-gradient(to bottom, #e0e0e0 0%, white 50%, #e0e0e0 51%, white 100%); color: #1d2e58; font-size: 16px; padding: 15px 20px 20px 20px; min-height: 70px; } /* line 37, .tmp/app/themes/WKRG/TwitchToTV/styles.scss */ .WKRG.TwitchToTV .twitch-to-tv .message a, .WKRG [twitch-to-tv] .twitch-to-tv .message a { color: #1d2e58; } /* line 42, .tmp/app/themes/WKRG/TwitchToTV/styles.scss */ .WKRG.TwitchToTV .twitch-to-tv .logo, .WKRG [twitch-to-tv] .twitch-to-tv .logo { height: 40px; position: absolute; right: 10px; bottom: -20px; width: 40px; z-index: 100; } /* line 51, .tmp/app/themes/WKRG/TwitchToTV/styles.scss */ .WKRG.TwitchToTV .twitch-to-tv twttr-follow-button, .WKRG [twitch-to-tv] .twitch-to-tv twttr-follow-button { display: block; margin: 20px auto 0 auto; text-align: center; } /* line 6, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG.ViewersChoice .show-megachatter .viewers-choice, .WKRG [viewers-choice] .show-megachatter .viewers-choice { padding-bottom: 5px; } /* line 8, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG.ViewersChoice .show-megachatter .viewers-choice .question, .WKRG.ViewersChoice .show-megachatter .viewers-choice .status-bar-container, .WKRG [viewers-choice] .show-megachatter .viewers-choice .question, .WKRG [viewers-choice] .show-megachatter .viewers-choice .status-bar-container { width: 100%; } /* line 17, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .image-container { margin: 16px 0 10px 10px; height: 102px; width: 102px; display: -ms-flexbox; display: flex; } /* line 23, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .answers { width: 90%; min-width: 640px; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 27, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .answers .answer { margin-left: 14px; width: calc(33.33% - 10px); margin-bottom: 42px; } /* line 31, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .answers .answer .active-content, .WKRG .medium-width .viewers-choice .answers .answer .answer-container { width: 100%; -ms-flex: 1 1 auto; flex: 1 1 auto; } /* line 35, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .answers .answer:first-child, .WKRG .medium-width .viewers-choice .answers .answer:nth-child(4), .WKRG .medium-width .viewers-choice .answers .answer:nth-child(3n+4) { margin-left: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .viewers-choice .answers .answer .progress { line-height: 18px; height: 18px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .medium-width .viewers-choice .answers .answer .progress-bar { height: 16px; line-height: 16px; top: 1px; margin: 0 1px; } /* line 39, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .answers .answer .percent-container { margin-left: 0; margin-right: 0; } /* line 42, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .answers .answer .percent-container .percent-text { float: none; width: 100%; font-size: 36px; padding: 8px 0; } /* line 49, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .answers .answer .answer-text { font-size: 21px; min-height: 45px; } /* line 53, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .medium-width .viewers-choice .answers .answer .popular-icon, .WKRG .medium-width .viewers-choice .answers .answer .your-vote-indicator { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; } /* line 68, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .image-container, .WKRG .tiny-width .viewers-choice .image-container { height: 80px; margin: 0 auto 10px auto; width: 80px; } /* line 73, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .status-bar-container, .WKRG .tiny-width .viewers-choice .status-bar-container { margin-bottom: 10px; } /* line 76, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers, .WKRG .tiny-width .viewers-choice .answers { padding: 0 10px; width: 98%; min-width: 320px; } /* line 80, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers .answer, .WKRG .tiny-width .viewers-choice .answers .answer { width: 100%; margin: 12px 0; } /* line 83, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers .answer .answer-text, .WKRG .tiny-width .viewers-choice .answers .answer .answer-text { min-height: 53px; margin-bottom: 0; } /* line 87, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers .answer:last-child, .WKRG .tiny-width .viewers-choice .answers .answer:last-child { margin-bottom: 0; } /* line 90, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers .answer .active-content, .WKRG .tiny-width .viewers-choice .answers .answer .active-content { width: 100%; } /* line 92, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers .answer .active-content .percent-text, .WKRG .tiny-width .viewers-choice .answers .answer .active-content .percent-text { font-size: 32px; text-align: center; width: 98px; } /* line 97, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers .answer .active-content .answer-container, .WKRG .tiny-width .viewers-choice .answers .answer .active-content .answer-container { padding-right: 1px; } /* line 10, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .viewers-choice .answers .answer .percent-container, .WKRG .tiny-width .viewers-choice .answers .answer .percent-container { padding: 0; } /* line 12, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WKRG .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { font-weight: 900; font-size: 18px; padding-top: 0; text-align: center; width: 54px; right: 0; } /* line 20, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .viewers-choice .answers .answer .percent-container .progress-container, .WKRG .tiny-width .viewers-choice .answers .answer .percent-container .progress-container { padding: 0; } /* line 32, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .viewers-choice .answers .answer .progress, .WKRG .tiny-width .viewers-choice .answers .answer .progress { line-height: 20px; height: 20px; border-right: inset 1px #001bff; } /* line 37, .tmp/app/themes/WKRG/_mixins.scss */ .WKRG .small-width .viewers-choice .answers .answer .progress-bar, .WKRG .tiny-width .viewers-choice .answers .answer .progress-bar { height: 18px; line-height: 18px; top: 1px; margin: 0 1px; } /* line 103, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers .answer .percent-container, .WKRG .tiny-width .viewers-choice .answers .answer .percent-container { margin-right: 0; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* line 107, .tmp/app/themes/WKRG/ViewersChoice/styles.scss */ .WKRG .small-width .viewers-choice .answers .answer .percent-container .percent-text, .WKRG .tiny-width .viewers-choice .answers .answer .percent-container .percent-text { line-height: 1.1; background: #001bff; } /* line 9, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG.MegaChatter .view-container.show-megachatter.tile-medium .scene-wrapper [megachatter], .WKRG.MegaChatter .view-container.show-megachatter.tile-small .scene-wrapper [megachatter] { width: 100%; min-width: auto; max-width: none; } /* line 20, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container { background: #fff; padding: 5px; perspective: 1000; -webkit-perspective: 1000; } /* line 25, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container.featured { background: #fff; } /* line 29, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container.anonymous .message-name { text-transform: capitalize; } /* line 33, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container .message-avatar { height: 48px; width: 48px; margin: 0 5px 5px 0; } /* line 38, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container .content-wrapper { -ms-flex-align: start; align-items: flex-start; } /* line 40, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container .content-wrapper .message-name { font-size: 18px; color: #000; padding: 0; margin: 0; } /* line 46, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container .content-wrapper .message-text { font-size: 14px; color: #000; padding: 0; } /* line 51, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container .content-wrapper .message-intents { width: 100%; } /* line 54, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container .content-wrapper .message-intents a img { height: 30px; margin: 0 10px; } /* line 59, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container .content-wrapper .message-intents .message-timestamp { font-size: 10px; color: #555; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; } /* line 64, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-item-container .content-wrapper .message-intents .message-timestamp p { margin: 0; padding: 0; } /* line 73, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-list { max-height: 400px; overflow-y: scroll; -webkit-overflow-scrolling: touch; perspective: 1000; -webkit-perspective: 1000; } /* line 79, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-list .message-item-container { border-bottom: 1px solid #b7b7b7; } /* line 84, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-input-container { background: #e9e9e9; -ms-flex-align: end; align-items: flex-end; border-bottom: 1px solid #b7b7b7; overflow: hidden; } /* line 89, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-input-container img { margin: 10px 5px; max-height: 30px; max-width: 30px; } /* line 94, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-input-container .message-container { margin: 10px 5px; position: relative; transition: all 0.3s ease-in-out; } /* line 98, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-input-container .message-container textarea { transition: all 0.3s ease-in-out; height: 42px; width: 100%; padding: 10px; resize: none; font-size: 16px; background: #000; } /* line 106, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-input-container .message-container textarea.editing-text { height: 80px; } /* line 110, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-input-container .message-container .character-count { position: absolute; bottom: 5px; right: 5px; } /* line 117, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .message-input-container button { margin: 0 5px 5px 5px; padding: 10px 15px; background: #000; } /* line 126, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG message-list.stacked .message-list, .WKRG message-list.veil .message-list { -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* line 132, .tmp/app/themes/WKRG/Megachatter/styles.scss */ .WKRG .megachatter-title { background: #fff; color: #000; padding: 10px 0; margin: 0; text-align: center; border-bottom: 1px solid black; } /* line 2, .tmp/app/themes/WKRG/PredictionCTA/styles.scss */ .WKRG.PredictionCTA h1, .WKRG [prediction-cta] h1 { font-size: 24px; height: auto; color: #000; font-weight: 700; margin: 0 auto; padding: 10px 10px 0 10px; } /* line 10, .tmp/app/themes/WKRG/PredictionCTA/styles.scss */ .WKRG.PredictionCTA p, .WKRG [prediction-cta] p { text-align: center; color: #000; margin: auto; padding: 20px 0 5px 0; font-size: 16px; } /* line 17, .tmp/app/themes/WKRG/PredictionCTA/styles.scss */ .WKRG.PredictionCTA button, .WKRG [prediction-cta] button { margin: 0 auto 30px auto; display: -ms-grid; display: grid; -ms-grid-columns: max-content 1fr; grid-template-columns: max-content 1fr; grid-gap: 5px; } /* line 22, .tmp/app/themes/WKRG/PredictionCTA/styles.scss */ .WKRG.PredictionCTA button .material-icons, .WKRG [prediction-cta] button .material-icons { font-size: 18px; }