@bbc/storyplayer
Version:
StoryPlayer - reference player for BBC Research & Development's object-based media schema (https://www.npmjs.com/package/@bbc/object-based-media-schema)
1 lines • 60.5 kB
Source Map (JSON)
{"version":3,"sources":["webpack://Storyplayer/./src/assets/styles/social.scss","webpack://Storyplayer/./src/assets/styles/colours.scss","webpack://Storyplayer/./src/assets/styles/player.scss","webpack://Storyplayer/./src/assets/styles/functions.scss","webpack://Storyplayer/./src/assets/styles/smp.scss"],"names":[],"mappings":"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","file":"storyplayer.css","sourcesContent":["$facebook-blue: #3b5998;\n\n.romper-share-list {\n display: inline-flex;\n margin-top: 0;\n padding-left: 0;\n\n li {\n border: 1px solid $transparent;\n list-style: none;\n padding: 0.5em;\n\n &:hover {\n border: 1px solid $white;\n }\n\n button {\n background-color: $transparent;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n border: 0;\n height: 3vw;\n max-height: 3em;\n max-width: 3em;\n min-height: 2em;\n min-width: 2em;\n width: 3vw;\n }\n\n &.email {\n button {\n background-image: url('../images/envelope-closed.svg');\n }\n }\n\n &.twitter {\n button {\n background-image: url('../images/Twitter_Social_Icon_Circle_Color.svg');\n }\n\n &.white {\n button {\n background-image: url('../images/social/Twitter_Social_Icon_Circle_White.svg');\n }\n }\n }\n\n &.facebook {\n button {\n background-image: url('../images/social/f_logo_RGB-Blue_250.png');\n }\n\n &.white {\n button {\n background-image: url('../images/social/f_logo_RGB-White_250.png');\n }\n }\n\n &.black {\n button {\n background-image: url('../images/social/f_logo_RGB-Black_250.png');\n }\n }\n\n &.grey {\n button {\n background-image: url('../images/social/f_logo_RGB-Grey_250.png');\n }\n }\n }\n }\n}\n\n.social-share {\n display: inline;\n min-height: 6em;\n}\n ","$blue: #7bc5d4;\n$dark-grey-blue: #37566a;\n$pastel-orange: rgba(255, 179, 71, 0.97);\n$background-colour: rgba(0, 0, 0, 0.3);\n$forty-percent-black: rgba(0, 0, 0, 0.4);\n$ninety-percent-black: rgba(0, 0, 0, 0.9);\n$transparent: rgba(0, 0, 0, 0);\n$highlight: #3cffd5;\n$highlight-invert: #c3002a;\n$accent-colour: #fff;\n$backing-colour: rgba(170, 170, 170, 0.6);\n$white: #fff;\n$transparent-white: rgba(255, 255, 255, 0.8);\n$black: #000;\n$backing-colour-dark: rgba(150, 150, 150, 0.6);\n$romper-background-color: #000;\n$start-button-colour: #e83d42;\n$start-button-colour-dark: #b7151b;\n$text-colour: #555;\n\n$var-panel-background: rgba(36, 36, 36, 0.8);\n$var-panel-border: rgba(255, 255, 255, 0.2);\n$half-white: rgba(255, 255, 255, 0.5);\n\n$smp-text-white: #d8d8d8;\n","@import './colours';\n@import './social';\n@import './functions';\n\n$romper-button-height: 25px;\n$romper-button-width: 25px;\n$romper-buttons-max-height: 4em;\n$romper-hover-text-size: 1.53em;\n$romper-button-padding: 4px;\n$romper-button-border: 4px;\n$start-button-size: 15vw;\n\n.romper-media-element-queued {\n display: none;\n}\n\n@mixin button {\n background-color: $transparent;\n border: 0;\n height: $romper-button-height;\n margin: 5px 0 0;\n outline: none;\n padding: $romper-button-padding;\n vertical-align: top;\n width: $romper-button-width;\n\n &:hover,\n &:focus {\n background-color: $highlight-invert;\n filter: invert(100%);\n }\n\n &.romper-button-selected {\n border-bottom: 4px solid $highlight;\n padding-bottom: 0;\n }\n}\n\n@mixin button-icon($background-image) {\n background-color: $transparent;\n background-image: url($background-image);\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n height: 100%;\n margin-left: auto;\n margin-right: auto;\n width: 100%;\n}\n\n@mixin overlay {\n align-items: center;\n background-color: $backing-colour;\n display: flex;\n max-height: 70%;\n max-width: 60%;\n opacity: 0.9;\n overflow-y: auto;\n padding: 13px;\n z-index: 4;\n\n & > * {\n padding: 5px;\n }\n}\n\n// Safari\n@-webkit-keyframes spin {\n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(360deg); }\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.romper-warning {\n display: table;\n height: 100%;\n width: 100%;\n\n div {\n color: $accent-colour;\n display: table-cell;\n padding: 20px;\n text-align: center;\n vertical-align: middle;\n }\n}\n\n.romper-target {\n height: 100%;\n min-width: 320px;\n width: 100%;\n}\n\n.romper-threejs {\n position: absolute;\n}\n\n#p_pluginContainer {\n .romper-player {\n display: unset;\n flex-direction: unset;\n height: 100%;\n justify-content: unset;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n}\n\n.romper-player {\n color: $accent-colour;\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n position: relative;\n\n * {\n box-sizing: content-box;\n }\n\n &.romper-player-fullscreen {\n -moz-transform: translate(-50%, -50%);\n -ms-transform: translate(-50%, -50%);\n -o-transform: translate(-50%, -50%);\n -webkit-transform: translate(-50%, -50%);\n height: 100%;\n left: 50%;\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n }\n\n\n .romper-background,\n .romper-media,\n .romper-gui {\n bottom: 0;\n left: 0;\n position: absolute;\n right: 0;\n top: 0;\n }\n\n .romper-gui {\n &.overflowing-text {\n bottom: 0;\n height: css-max(20%, 11.5rem);\n left: 0;\n position: absolute;\n top: calc(100% - max(20%, 11.5rem));\n }\n }\n\n\n .romper-dog {\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n pointer-events: none;\n position: absolute;\n z-index: 101;\n }\n\n .romper-error {\n -moz-transform: translateX(-50%) translateY(-50%);\n -webkit-transform: translateX(-50%) translateY(-50%);\n background-color: $forty-percent-black;\n border: 1px solid $white;\n height: auto;\n left: 50%;\n padding: 10px;\n position: absolute;\n text-align: center;\n top: 25%;\n transform: translateX(-50%) translateY(-50%);\n width: auto;\n z-index: 105;\n\n &.hide {\n display: none;\n height: 0%;\n width: 0%;\n }\n }\n\n .romper-media {\n background-color: $romper-background-color;\n\n &.romper-prestart {\n .romper-start-image {\n visibility: visible;\n }\n\n div {\n visibility: hidden;\n }\n\n .romper-privacy-notice {\n background: linear-gradient($transparent 0%, $var-panel-background 30%, $var-panel-background 100%);\n bottom: 0;\n height: 150px;\n left: 0;\n position: absolute;\n right: 0;\n visibility: visible;\n z-index: 10;\n\n a {\n color: $highlight;\n }\n\n >p {\n bottom: 10px;\n left: 0;\n margin-top: 50px;\n padding: 0 5%;\n position: absolute;\n right: 0;\n text-align: center;\n }\n }\n }\n }\n\n .romper-loading {\n background-color: $romper-background-color;\n height: 100%;\n position: absolute;\n width: 100%;\n }\n\n .romper-loading-inner {\n @include button-icon('../images/loading.svg');\n -webkit-animation: spin 2s linear infinite;\n animation: spin 2s linear infinite;\n\n height: 2.5em;\n left: calc(50% - 1.25em);\n margin: 0;\n padding: 0;\n position: absolute;\n top: calc(50% - 1.25em);\n width: 2.5em;\n }\n\n .romper-video-element {\n height: 100%;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n .a-enter-vr {\n &.embedded {\n height: $romper-button-height;\n top: 0;\n width: $romper-button-height;\n }\n }\n\n .a-enter-vr-button {\n bottom: inherit;\n height: $romper-button-height;\n top: 5px;\n }\n\n .romper-audio-element {\n background: $romper-background-color;\n background-image: url('../images/volume-high.svg');\n background-position: 50%;\n background-repeat: no-repeat;\n background-size: 30%;\n height: 100%;\n position: absolute;\n width: 100%;\n }\n\n .romper-text-element {\n background: $romper-background-color;\n color: $white;\n font-size: 1.8rem;\n height: 64.5%;\n margin: 0;\n overflow: hidden;\n padding: 10%;\n position: absolute;\n text-align: center;\n width: 80%;\n\n &.overflowing-text {\n height: unset;\n overflow: auto;\n padding-bottom: 2em;\n padding-top: 2em;\n }\n }\n\n .romper-inactive {\n display: none !important;\n visibility: collapse !important;\n }\n\n .romper-unavailable {\n cursor: not-allowed;\n opacity: 0.5;\n pointer-events: none;\n }\n\n .romper-control-selected > .romper-icon {\n background-color: $highlight;\n }\n\n .romper-icon-control,\n .romper-representation-control {\n background-color: $transparent;\n border: 0;\n }\n\n .romper-no-icon {\n background-color: $transparent;\n background-image: url('../images/no-asset.svg');\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n }\n\n .romper-button-icon-div {\n opacity: 1;\n }\n\n .romper-play-button {\n @include button;\n\n div {\n @include button-icon('../images/media-play.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n\n .romper-pause-button {\n @include button;\n\n div {\n @include button-icon('../images/media-pause.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n\n .romper-seek-fwd-button {\n @include button;\n\n div {\n @include button-icon('../images/seek-forward-40.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n\n .romper-seek-back-button {\n @include button;\n\n div {\n @include button-icon('../images/seek-back-40.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n\n .romper-volume-button {\n @include button;\n\n div {\n @include button-icon('../images/volume-high.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n\n .romper-start-button {\n @include button;\n margin-right: 20px;\n padding: 0;\n\n\n .romper-button-icon-div {\n @include button-icon('../images/media-play.svg');\n }\n }\n\n .romper-representation-button {\n @include button;\n\n div {\n @include button-icon('../images/layers.svg');\n height: 60%;\n width: 60%;\n }\n }\n\n .romper-icon-button {\n @include button;\n\n div {\n @include button-icon('../images/list.svg');\n height: 60%;\n width: 60%;\n }\n }\n\n .romper-fullscreen-button {\n @include button;\n\n div {\n @include button-icon('../images/fullscreen-enter.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n\n .romper-buttons-fullscreen {\n .romper-fullscreen-button {\n div {\n @include button-icon('../images/fullscreen-exit.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n }\n\n .romper-back-button {\n @include button;\n\n div {\n @include button-icon('../images/media-step-backward.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n\n .romper-next-button {\n @include button;\n margin-right: auto;\n\n div {\n @include button-icon('../images/media-step-forward.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n\n .romper-timer {\n display: inline-flex;\n height: 40px;\n padding-left: 10px;\n padding-right: 20px;\n padding-top: 20px;\n }\n\n .romper-subtitles-button {\n @include button;\n\n div {\n @include button-icon('../images/subtitles.svg');\n height: $romper-button-height;\n width: $romper-button-width;\n }\n\n &.romper-control-disabled {\n display: none;\n }\n }\n\n .romper-mute-button {\n @include button;\n margin-right: auto;\n margin-top: 0;\n padding: 3px;\n\n div {\n @include button-icon('../images/volume-high.svg');\n background-size: 80%;\n }\n }\n\n .romper-muted-button {\n @include button;\n margin-right: auto;\n margin-top: 0;\n padding: 3px;\n\n &:hover,\n &:focus {\n background-color: initial;\n filter: none;\n }\n\n div {\n @include button-icon('../images/volume-off.svg');\n background-size: 80%;\n\n &:hover,\n &:focus {\n background-color: initial;\n filter: none;\n }\n }\n }\n\n .romper-error-message {\n padding: 1em;\n }\n\n .romper-error-buttons {\n\n &.hide {\n display: none;\n }\n\n .romper-next-button {\n display: inline-flex;\n }\n\n .romper-ignore-button,\n .romper-next-button {\n @include button;\n border: 1px solid $white;\n color: $white;\n line-height: $romper-button-height;\n margin: 1em;\n width: 5em;\n\n div {\n height: $romper-button-height;\n width: $romper-button-width;\n }\n }\n }\n\n\n .romper-volume-overlay {\n @include overlay;\n background-color: $black;\n bottom: 104px;\n flex-direction: column;\n left: 10%;\n max-height: unset;\n position: absolute;\n\n .romper-volume-control {\n align-items: center;\n display: block;\n flex: none;\n flex-direction: row;\n font-size: smaller;\n justify-content: center;\n width: 100%;\n\n &.romper-muted {\n .romper-volume-level,\n .romper-volume-range {\n opacity: 0.4;\n }\n }\n\n .romper-control-line {\n display: inline-flex;\n }\n\n .romper-volume-level {\n align-self: center;\n padding-left: 15px;\n width: 1.2em;\n }\n\n .romper-volume-label {\n margin-right: 1em;\n overflow-x: hidden;\n padding-bottom: 10px;\n text-align: left;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 8em;\n }\n\n .romper-volume-range {\n -webkit-appearance: none;\n background-color: $transparent;\n margin-left: 5px;\n margin-top: 5px;\n outline: none;\n width: 100%;\n\n &::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n background-color: $white;\n height: 1px;\n }\n\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n background-color: $white;\n border-radius: 50%;\n height: 12px;\n margin-top: -5px;\n width: 12px;\n }\n\n &::-moz-range-progress {\n background-color: $highlight;\n }\n\n &::-moz-range-track {\n background-color: $transparent;\n }\n }\n }\n\n &.count-1 {\n .romper-volume-label {\n display: none;\n }\n }\n }\n\n .romper-representation-overlay {\n @include overlay;\n background-color: $black;\n bottom: 104px;\n flex-wrap: wrap;\n justify-content: center;\n max-height: unset;\n position: absolute;\n right: 10%;\n transition: opacity 1s ease;\n\n .romper-representation-icon {\n width: 3em;\n }\n }\n\n .romper-icon-overlay {\n @include overlay;\n background-color: $black;\n bottom: 104px;\n flex-wrap: wrap;\n justify-content: center;\n max-height: unset;\n position: absolute;\n right: 10%;\n transition: opacity 1s ease;\n\n .romper-icon {\n width: 3em;\n }\n }\n\n @keyframes appear {\n 0% {\n opacity: 0;\n }\n\n 35% {\n opacity: 0.35;\n }\n\n 100% {\n opacity: 1;\n }\n }\n\n @keyframes countdown {\n 0% {\n border-bottom-color: inherit;\n border-bottom-width: 10px;\n padding-bottom: 3px;\n }\n\n 100% {\n border-bottom-color: transparent;\n border-bottom-width: 1px;\n padding-bottom: 12px;\n }\n }\n\n .romper-link-choice-overlay {\n background: linear-gradient($transparent 0%, $forty-percent-black 20%, $ninety-percent-black 100%);\n bottom: 0;\n display: flex;\n left: 0;\n min-height: 10%;\n min-width: 0;\n padding: 3% 10%;\n pointer-events: none;\n position: absolute;\n width: 80%;\n z-index: 15;\n\n &.fullscreen-choice-icons,\n &.fullscreen-icons {\n background: none;\n display: grid;\n grid-auto-columns: 1fr;\n grid-auto-flow: column;\n height: 100%;\n padding: 0;\n width: 100%;\n\n &.tworow {\n grid-template-rows: 50% 50%;\n }\n\n &.threerow {\n grid-template-rows: 33% 33% 33%;\n }\n\n .romper-link-icon-container,\n .romper-text-link-container {\n height: 100%;\n margin: 0;\n width: 100%;\n }\n }\n\n &.romper-icon-fade {\n\n .romper-control-selected {\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s 1.3s ease;\n }\n\n .romper-control-unselected {\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.2s ease;\n }\n\n >button {\n &:focus {\n border-left: unset;\n border-right: unset;\n border-top: unset;\n }\n }\n }\n\n .romper-link-control {\n background: none;\n border-bottom-color: $transparent;\n border-bottom-style: solid;\n border-bottom-width: $romper-button-border;\n border-left: 2px solid transparent;\n border-right: 2px solid transparent;\n border-top: 2px solid transparent;\n color: inherit;\n cursor: pointer;\n flex: 1 1 0;\n font-family: inherit;\n font-size: 100%;\n height: calc(100% - #{(2 * $romper-button-border)});\n margin: 0;\n padding: 0;\n pointer-events: all;\n width: calc(100% - #{(2 * $romper-button-border)});\n\n &:focus {\n border: 2px solid $backing-colour;\n outline: none;\n }\n }\n\n .romper-control-selected {\n\n &.text {\n border-bottom: $romper-button-border solid $highlight;\n }\n\n .romper-link-icon-container {\n border: $romper-button-border solid $highlight;\n }\n }\n\n .romper-control-unselected {\n\n &.default {\n &.text {\n border-bottom: $romper-button-border solid $backing-colour;\n }\n\n .romper-link-icon-container {\n border: $romper-button-border solid $backing-colour;\n }\n }\n }\n }\n\n .romper-link-choice-grid-cell {\n opacity: 1;\n }\n}\n\n.romper-link-icon-container {\n align-items: center;\n border: $romper-button-border solid $transparent;\n display: flex;\n height: 8em;\n justify-content: center;\n margin-bottom: 5px;\n margin-left: auto;\n margin-right: auto;\n width: 8em;\n\n img {\n height: 80%;\n object-fit: contain;\n width: 80%;\n }\n}\n\n.romper-text-link-container {\n display: flex;\n flex-direction: column;\n height: 8em;\n justify-content: center;\n margin-bottom: 5px;\n}\n\n.romper-link-text-icon {\n font-size: 180%;\n margin: 10px;\n text-align: center;\n}\n\n.romper-player > .romper-gui {\n\n .romper-start-button {\n bottom: calc(50% - #{(0.5 * $start-button-size)});\n display: grid;\n height: $start-button-size;\n left: calc(50% - #{(0.5 * $start-button-size)});\n margin: 0;\n position: absolute;\n width: $start-button-size;\n z-index: 101;\n\n &:hover,\n &:focus {\n background-color: $transparent;\n\n >div {\n background-color: $highlight-invert;\n }\n }\n\n .romper-start-button-icon {\n background-color: $transparent;\n border: 1px solid $white;\n border-radius: 50%;\n height: 0.75 * $start-button-size;\n margin-bottom: auto;\n margin-left: auto;\n margin-right: auto;\n margin-top: auto;\n max-height: 170px;\n max-width: 170px;\n width: 0.75 * $start-button-size;\n }\n\n .romper-start-button-icon-div {\n height: 0.75 * $start-button-size;\n margin-left: auto;\n margin-top: 0;\n max-height: 170px;\n max-width: 100px;\n width: 0.75 * 0.8 * $start-button-size;\n }\n\n .romper-start-button-text-div {\n color: $white;\n font-size: 48px;\n font-weight: bold;\n line-height: $romper-button-height;\n margin-top: 10px;\n text-align: center;\n }\n }\n\n >.romper-buttons {\n background: linear-gradient($transparent 0, $black 70%, $black 100%);\n bottom: 0;\n display: flex;\n height: 100%;\n max-height: 11.25em;\n opacity: 0;\n padding-bottom: 1em;\n pointer-events: none;\n position: absolute;\n transition: all 1s ease;\n z-index: 10;\n\n &.romper-buttons-smp {\n background: unset;\n }\n\n &.icons-showing {\n background: linear-gradient($transparent 0, $black 30%, $black 100%);\n }\n\n .left,\n .right {\n display: flex;\n flex: 1 1 auto;\n padding-top: 10px;\n width: 15%;\n }\n\n\n .center {\n flex: 0 0 auto;\n padding-top: 10px;\n }\n\n >.romper-media-transport {\n display: flex;\n flex-direction: row;\n height: 74px;\n margin-left: auto;\n margin-right: auto;\n margin-top: auto;\n width: 80%;\n\n >div {\n border-top: 1px solid $white;\n }\n }\n\n &.show {\n opacity: 1;\n pointer-events: all;\n }\n\n .romper-icon-label {\n display: none;\n }\n }\n\n .romper-narrative-element-transport {\n bottom: $romper-buttons-max-height;\n display: flex;\n height: 100%;\n margin-left: auto;\n margin-right: auto;\n opacity: 1; // set to 0 to hide with rest of buttons\n transition: all 1s ease;\n z-index: 30; // remove to hide with rest of buttons\n\n &.show {\n opacity: 1;\n }\n }\n\n .romper-button {\n margin: 10px 5px;\n }\n\n >.romper-overlays {\n align-items: center;\n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n height: calc(100% - 120px);\n justify-content: center;\n width: 100%;\n\n &.buttons-showing {\n .romper-link-choice-overlay {\n bottom: 8em;\n transition: all 0.5s ease;\n }\n }\n }\n\n >.romper-buttons-activate-area {\n bottom: 0;\n display: block;\n height: 150px;\n max-height: 120px;\n opacity: 0;\n position: absolute;\n width: 100%;\n z-index: 10;\n\n &.hide {\n display: hidden;\n height: 0%;\n width: 0%;\n }\n\n &.disabled {\n pointer-events: none;\n }\n }\n}\n\n.romper-overlay-controls {\n display: inherit;\n margin-left: auto;\n}\n\n.romper-control-disabled {\n opacity: 0.2;\n}\n\n.romper-scrub-bar {\n bottom: 83px;\n display: block;\n height: 10px;\n left: 10%;\n margin: 0;\n outline: none;\n position: absolute;\n right: 0;\n width: 80%;\n z-index: 5;\n\n &.romper-control-disabled {\n pointer-events: none;\n visibility: hidden;\n }\n\n &[type='range'] {\n -webkit-appearance: none;\n background-color: $transparent;\n\n &::-webkit-slider-runnable-track {\n -webkit-appearance: none;\n background-color: $transparent;\n }\n\n &::-moz-range-progress {\n background-color: $highlight;\n }\n\n &::-moz-range-track {\n background-color: $transparent;\n }\n\n &::-ms-fill-lower {\n background-color: $highlight;\n }\n\n &::-ms-fill-upper {\n background-color: $transparent;\n }\n }\n}\n\n.romper-image-overlay,\n.romper-behaviour-modal {\n position: absolute;\n}\n\n.romper-image-overlay,\n.romper-start-image,\n.romper-render-image {\n height: 100%;\n left: 0;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n object-position: center;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 1;\n}\n\n.romper-render-image {\n background-color: $romper-background-color;\n}\n\n.romper-behaviour-modal {\n background-color: $var-panel-background;\n border-radius: 0.5em;\n color: $white;\n padding: 1%;\n z-index: 15;\n\n .title {\n font-size: 120%;\n font-weight: bold;\n padding-bottom: 0.5em;\n padding-right: 1.5em;\n }\n\n a {\n &:visited {\n color: inherit;\n }\n }\n\n &.text-overlay {\n align-items: center;\n display: flex;\n font-size: 150%;\n text-align: center;\n\n >div {\n width: 100%;\n }\n }\n}\n\n.romper-close-button {\n background-color: $transparent;\n background-image: url('../images/circle-x.svg');\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n filter: invert(100%);\n height: 1em;\n position: absolute;\n right: 0.5em;\n top: 0.5em;\n width: 1em;\n\n &:hover,\n &:focus {\n background-color: $white;\n border: 1px solid $white;\n border-radius: 0.5em;\n filter: none;\n }\n}\n\n.romper-start-image {\n background-color: $romper-background-color;\n left: 0;\n max-height: 100%;\n max-width: 100%;\n position: absolute;\n top: 0;\n z-index: 2;\n}\n\n.romper-variable-panel {\n background: linear-gradient($transparent 0%, $var-panel-background 10%, $var-panel-background 100%);\n bottom: 0;\n color: $transparent-white;\n display: flex;\n flex-direction: column;\n left: 0;\n opacity: 0;\n padding-bottom: 0;\n position: absolute;\n right: 0;\n text-align: center;\n top: 40%;\n transition: opacity 0.5s ease;\n z-index: 2;\n\n &.active {\n opacity: 1;\n transition: opacity 0.7s ease;\n z-index: 12;\n }\n}\n\n.romper-var-form-title {\n font-size: 120%;\n padding: 5% 25px 1%;\n}\n\n.romper-var-form-var-containers {\n flex-grow: 1;\n height: 50%;\n}\n\n.romper-var-form-carousel {\n display: flex;\n flex-direction: row;\n flex-grow: 1;\n}\n\n.romper-variable-form-item {\n display: flex;\n height: 30%;\n margin: 0.5%;\n opacity: 1;\n padding-left: 10%;\n pointer-events: all;\n position: absolute;\n transition: margin 0.5s ease, opacity 0.5s 0.5s ease;\n width: 80%;\n\n &.left {\n margin-left: -100%;\n opacity: 0;\n pointer-events: none;\n transition: margin 0.5s 0.2s ease, opacity 0.5s ease;\n }\n\n &.right {\n margin-left: 100%;\n opacity: 0;\n pointer-events: none;\n transition: margin 0.5s 0.2s ease, opacity 0.5s ease;\n }\n}\n\n.romper-var-form-input-container {\n display: flex;\n width: 100%;\n}\n\n.romper-var-form-button-div {\n display: inline-flex;\n padding-left: 10vw;\n width: 100%;\n\n button {\n background-color: $transparent;\n border: 0;\n color: $transparent-white;\n cursor: pointer;\n font-size: 80%;\n margin-bottom: 2%;\n margin-right: 10%;\n min-width: 2em;\n\n &.selected {\n border-bottom: 2px solid $white;\n }\n }\n}\n\n.romper-var-form-slider-input {\n margin-left: 10%;\n}\n\n.romper-var-form-range-output {\n background: $backing-colour;\n border: 1px solid $white;\n border-radius: 3px;\n font-size: 65%;\n left: 7vw;\n opacity: 0.8;\n padding: 0 5px;\n position: absolute;\n top: -20px;\n\n &::after {\n border-left: 5px solid $transparent;\n border-right: 5px solid $transparent;\n border-top: 10px solid $white;\n content: '';\n height: 0;\n left: 50%;\n margin-left: -5px;\n margin-top: 0;\n position: absolute;\n top: 100%;\n width: 0;\n }\n}\n\n.romper-var-form-answer-cont {\n display: table;\n height: 100%;\n padding: 0 2%;\n width: 50%;\n}\n\n.romper-var-form-answer-cont-inner {\n display: table-cell;\n height: 100%;\n vertical-align: middle;\n}\n\n.romper-var-form-label-div {\n display: table;\n height: 100%;\n text-align: left;\n width: 50%;\n\n span {\n display: table-cell;\n vertical-align: middle;\n }\n}\n\n.romper-var-form-list-input {\n select {\n border: 0;\n color: $dark-grey-blue;\n font-size: 100%;\n height: 3vw;\n text-align: left;\n width: 80%;\n }\n}\n\n.romper-var-form-number-input {\n display: table-cell;\n width: 100%;\n\n >div {\n display: flex;\n }\n\n input {\n border: 0;\n border-radius: 5px;\n color: $dark-grey-blue;\n height: 2.5vw;\n text-align: center;\n\n &.romper-var-form-slider-input {\n background: $romper-background-color;\n margin-left: 0;\n margin-top: 1vw;\n width: 60%;\n }\n\n &.romper-var-form-slider {\n margin-left: 1vw;\n margin-right: 1vw;\n width: 12vw;\n }\n }\n\n span {\n font-size: 75%;\n line-height: 2.5vw;\n margin-bottom: -1vw;\n width: 50%;\n\n &.min {\n text-align: left;\n }\n\n &.max {\n text-align: right;\n }\n }\n}\n\n.romper-var-form-button-container {\n display: inline-flex;\n margin-left: 10%;\n padding: 2% 0;\n position: relative;\n text-align: center;\n width: 80%;\n\n .var-back {\n background: url('../images/media-step-backward.svg') no-repeat left;\n background-size: contain;\n margin-right: auto;\n text-align: right;\n visibility: hidden;\n\n &.active {\n visibility: visible;\n }\n }\n\n .var-count {\n font-size: 80%;\n line-height: 40px;\n }\n\n .var-next {\n background: url('../images/media-step-forward.svg') no-repeat right;\n background-size: contain;\n margin-left: auto;\n text-align: left;\n }\n}\n\n.romper-var-form-button {\n background-color: $transparent;\n border-radius: 3px;\n color: $transparent-white;\n cursor: pointer;\n font-size: 80%;\n max-height: 40px;\n padding: 1%;\n width: 15%;\n}\n\n.romper-var-form-feedback {\n bottom: ($romper-buttons-max-height + 1.25em);\n font-size: 80%;\n margin: 0;\n position: absolute;\n right: 2%;\n}\n\n.romper-ux-divider {\n border-bottom: 1px solid $white;\n display: none;\n height: 2px;\n left: 10%;\n pointer-events: none;\n position: absolute;\n top: 20px;\n width: 80%;\n z-index: 16;\n\n &.show {\n display: initial;\n }\n}\n\n.romper-ux-countdown {\n background: $highlight;\n height: 2px;\n margin-left: 0%;\n width: 100%;\n}\n\n.noselect {\n -moz-user-select: none; // Firefox\n -ms-user-select: none; // Internet Explorer/Edge\n -webkit-touch-callout: none; // iOS Safari\n -webkit-user-select: none; // Safari\n user-select: none; // Non-prefixed version, currently\n}\n\n.continue-modal {\n background-color: $forty-percent-black;\n bottom: 0;\n display: none;\n left: 0;\n position: inherit;\n right: 0;\n top: 0;\n\n .modal-inner-content {\n border-bottom: 1px solid $white;\n margin-bottom: 1em;\n padding-bottom: 1em;\n }\n\n .continue-modal-content {\n bottom: auto;\n display: none;\n height: 50%;\n margin-left: auto;\n margin-right: auto;\n padding: 2%;\n position: relative;\n text-align: center;\n top: 5%;\n width: 30%;\n\n &.show {\n display: block;\n z-index: 1010;\n }\n\n &.hide {\n display: none;\n height: 0%;\n width: 0%;\n }\n\n .romper-continue-controls {\n align-items: cent