body.burst-popup-active {
  overflow: hidden; }
  @supports (-webkit-overflow-scrolling: touch) {
    body.burst-popup-active {
      position: fixed; } }

.burst-popup {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2147483647;
  width: 100%;
  height: 100%;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.3s ease-in-out;
  -webkit-overflow-scrolling: touch; }
  .burst-popup .burst-popup-container {
    position: relative;
    width: 95%;
    height: 95%;
    max-width: 1148px;
    overflow: hidden;
    border-radius: 4px; }
    .burst-popup .burst-popup-container.container-ios {
      -webkit-overflow-scrolling: touch; }
    .burst-popup .burst-popup-container .burst-popup-content {
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
      transition: all 0.3s ease-in-out; }

.burst-popup.hidden {
  opacity: 0; }

.burst-popup-content.hidden {
  max-width: 0;
  max-height: 0; }

.burst-popup-loader-container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .burst-popup-loader-container .burst-popup-loader {
    color: rgba(255, 255, 255, 0.5);
    font-size: 20px;
    margin: 100px auto;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    animation: burstPopupLoadAnim 1.3s infinite linear;
    transform: translateZ(0);
    zoom: 0.5; }

@keyframes burstPopupLoadAnim {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

.faceplate {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 8px;
  margin: 8px;
  background-color: white; }

.burst-embed-image-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center; }
  .burst-embed-image-container .burst-embed-blur-container {
    position: absolute;
    z-index: 0;
    display: flex;
    height: 100%;
    width: 100%; }
  .burst-embed-image-container .burst-embed-blur-image {
    width: 100%;
    height: 100%;
    filter: blur(8px);
    opacity: 0.7; }
  .burst-embed-image-container .burst-embed-actual-container {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%; }
  .burst-embed-image-container .burst-embed-actual-image {
    width: 100%;
    height: auto;
    min-width: 100px;
    min-height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.faceplate.mini-gallery-faceplate {
  display: flex;
  align-items: center;
  padding: 0 0 12px 0;
  justify-content: space-around;
  flex-wrap: wrap;
  background: transparent;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
  border: none;
  background-color: rgba(52, 134, 154, 0.05);
  box-sizing: border-box;
  border-radius: 5px;
  margin: 6px; }
  .faceplate.mini-gallery-faceplate .burst-embed-image-container {
    max-width: 300px;
    max-height: 330px;
    flex: 1 0 25%;
    width: 1%;
    margin-right: 12px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); }
    .faceplate.mini-gallery-faceplate .burst-embed-image-container.index-0 {
      margin-left: 12px; }
  .faceplate.mini-gallery-faceplate .powered-by {
    flex-basis: 100%;
    text-align: right;
    margin: 12px; }
    .faceplate.mini-gallery-faceplate .powered-by img {
      max-width: 175px; }
  .faceplate.mini-gallery-faceplate.vertical {
    flex-direction: column;
    align-items: flex-end;
    padding: 0;
    max-height: 1100px; }
    .faceplate.mini-gallery-faceplate.vertical .burst-embed-image-container {
      width: calc(100% - 24px);
      margin: 12px auto; }
    .faceplate.mini-gallery-faceplate.vertical .powered-by {
      flex-basis: auto; }
  .faceplate.mini-gallery-faceplate.horizontal {
    max-height: 400px; }
    .faceplate.mini-gallery-faceplate.horizontal .burst-embed-image-container {
      height: calc(100% - 60px); }

.burst-embed-title {
  font-size: 2rem;
  font-weight: bold;
  display: block;
  color: rgba(0, 0, 0, 0.87);
  font-family: monospace; }

.burst-embed-sub-title {
  font-size: 1.4rem;
  display: block;
  margin-top: 15px;
  color: rgba(0, 0, 0, 0.54);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
  font-family: monospace; }

.burst-embed .faceplate:not(:first-child) {
  display: none; }

.burst-embed-timer {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: center; }
  .burst-embed-timer .burst-embed-timer-title {
    font-size: 1.6rem;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #000;
    font-family: monospace;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden; }
  .burst-embed-timer .burst-old-movie-timer {
    display: flex;
    padding-top: 15px;
    height: calc(100% - 15px);
    width: 100%; }
  .burst-embed-timer #film-container {
    position: relative; }

.burst-embed-movie-timer {
  display: flex;
  height: 100%; }
  .burst-embed-movie-timer .burst-old-movie-timer {
    width: 100%; }

.burst-embed[data-faceplate] iframe {
  opacity: 0;
  transition: opacity 1.1s ease-in; }

.burst-embed[data-faceplate] .faceplate {
  opacity: 1;
  transition: opacity 1s ease-out; }

.burst-embed[data-faceplate].view-loaded iframe {
  opacity: 1; }

.burst-embed[data-faceplate].view-loaded .faceplate {
  opacity: 0; }

.burst-embed[data-faceplate]:not(.view-loaded) {
  height: 100% !important; }

.burst-old-movie-timer {
  position: relative; }
  .burst-old-movie-timer svg {
    display: inline-block; }
  .burst-old-movie-timer .no-select {
    cursor: default;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none; }
  .burst-old-movie-timer #film-container {
    width: 100%;
    height: 100%;
    background: url("/webapps/assets/img/old_movie.gif") no-repeat;
    background-size: 100% 100%; }
  .burst-old-movie-timer #film-countdown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .burst-old-movie-timer body.message #film-container {
    opacity: 0;
    transition: opacity 1.5s; }
  .burst-old-movie-timer body.message #message-container text {
    opacity: 1;
    transition: opacity 1.5s; }
  .burst-old-movie-timer #numbers text {
    fill: black;
    font: bold 120px Arial, sans-serif;
    letter-spacing: -10px;
    opacity: 0; }
  .burst-old-movie-timer .circle01 {
    fill: none;
    stroke: #111;
    stroke-width: 1.5px; }
  .burst-old-movie-timer .circle02 {
    fill: none;
    stroke: rgba(0, 0, 0, 0.3);
    stroke-dasharray: 1 3200;
    stroke-width: 989;
    transform: rotate(-90deg);
    transform-origin: 50% 50%; }
  .burst-old-movie-timer .line01, .burst-old-movie-timer .line02 {
    stroke: #deedee; }
  .burst-old-movie-timer .rectangle01 {
    fill: gray; }
  .burst-old-movie-timer .animated-flicker {
    height: 100%;
    animation: flicker 10s 1;
    opacity: 0.2; }
  .burst-old-movie-timer .animated-rotate {
    animation: rotate 1s 10; }
  .burst-old-movie-timer #animated-text1 {
    animation: countdown 1s 1;
    animation-delay: 10s; }
  .burst-old-movie-timer #animated-text2 {
    animation: countdown 1s 1;
    animation-delay: 9s; }
  .burst-old-movie-timer #animated-text3 {
    animation: countdown 1s 1;
    animation-delay: 8s; }
  .burst-old-movie-timer #animated-text4 {
    animation: countdown 1s 1;
    animation-delay: 7s; }
  .burst-old-movie-timer #animated-text5 {
    animation: countdown 1s 1;
    animation-delay: 6s; }
  .burst-old-movie-timer #animated-text6 {
    animation: countdown 1s 1;
    animation-delay: 5s; }
  .burst-old-movie-timer #animated-text7 {
    animation: countdown 1s 1;
    animation-delay: 4s; }
  .burst-old-movie-timer #animated-text8 {
    animation: countdown 1s 1;
    animation-delay: 3s; }
  .burst-old-movie-timer #animated-text9 {
    animation: countdown 1s 1;
    animation-delay: 2s; }
  .burst-old-movie-timer #animated-text10 {
    animation: countdown 1s 1;
    animation-delay: 1s; }
  .burst-old-movie-timer #animated-text {
    animation: countdown 100s 1;
    animation-delay: 11s;
    font-size: 10px; }

@keyframes countdown {
  0% {
    opacity: 1; }
  99% {
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes flicker {
  0% {
    opacity: 0.45; }
  10% {
    opacity: 0.7; }
  23% {
    opacity: 0.85; }
  30% {
    opacity: 0.4; }
  41% {
    opacity: 0.6; }
  46% {
    opacity: 0.8; }
  53% {
    opacity: 0.4; }
  60% {
    opacity: 0.75; }
  75% {
    opacity: 0.5; }
  79% {
    opacity: 0.55; }
  100% {
    opacity: 0.1; } }

@keyframes rotate {
  100% {
    stroke-dasharray: 3200 0; } }

.view-loaded.let-burst-float:not(.user-closed) {
  position: fixed !important;
  width: 240px !important;
  z-index: 999999;
  right: 5px;
  bottom: 5px; }

.view-loaded.let-burst-float.scrolling-up:not(.user-closed) {
  animation: popout-fluid-up 0.5s 1; }

.view-loaded.let-burst-float.scrolling-down:not(.user-closed) {
  animation: popout-fluid-down 0.5s 1; }

@keyframes popout-fluid-up {
  0% {
    opacity: 0;
    bottom: -100%; }
  10% {
    opacity: 0.1;
    bottom: -90%; }
  20% {
    opacity: 0.2;
    bottom: -80%; }
  30% {
    opacity: 0.3;
    bottom: -70%; }
  40% {
    opacity: 0.4;
    bottom: -60%; }
  50% {
    opacity: 0.5;
    bottom: -50%; }
  60% {
    opacity: 0.6;
    bottom: -40%; }
  70% {
    opacity: 0.7;
    bottom: -30%; }
  80% {
    opacity: 0.8;
    bottom: -20%; }
  90% {
    opacity: 0.9;
    bottom: -10%; }
  100% {
    opacity: 1;
    bottom: -5px; } }

@keyframes popout-fluid-down {
  0% {
    opacity: 0;
    bottom: 100%; }
  10% {
    opacity: 0.1;
    bottom: 90%; }
  20% {
    opacity: 0.2;
    bottom: 80%; }
  30% {
    opacity: 0.3;
    bottom: 70%; }
  40% {
    opacity: 0.4;
    bottom: 60%; }
  50% {
    opacity: 0.5;
    bottom: 50%; }
  60% {
    opacity: 0.6;
    bottom: 40%; }
  70% {
    opacity: 0.7;
    bottom: 30%; }
  80% {
    opacity: 0.8;
    bottom: 20%; }
  90% {
    opacity: 0.9;
    bottom: 10%; }
  100% {
    opacity: 1;
    bottom: 5px; } }