@charset "utf-8";

.fomo-sr-only { display: block !important; border: 0px !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0px !important; position: absolute !important; width: 1px !important; white-space: nowrap !important; }

.fomo-notification.fomo-notification-animation-fade-in { animation: 1s ease 0s 1 normal both running fomoFadeIn; }

.fomo-notification.fomo-notification-animation-fade-out { animation: 1s ease 0s 1 normal both running fomoFadeOut; }

.fomo-notification.fomo-notification-animation-horizontal, .fomo-notification.fomo-notification-animation-vertical { animation-fill-mode: forwards; }

@-webkit-keyframes fomoFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes fomoFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fomoFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes fomoFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@-webkit-keyframes fomoSlideOutHorizontalLeft { 
  100% { opacity: 0; transform: translateX(-200%); }
}

@keyframes fomoSlideOutHorizontalLeft { 
  100% { opacity: 0; transform: translateX(-200%); }
}

@-webkit-keyframes fomoSlideInHorizontalRight { 
  100% { opacity: 1; transform: translateX(0px); }
}

@keyframes fomoSlideInHorizontalRight { 
  100% { opacity: 1; transform: translateX(0px); }
}

@-webkit-keyframes fomoSlideOutHorizontalRight { 
  100% { opacity: 0; transform: translateX(200%); }
}

@keyframes fomoSlideOutHorizontalRight { 
  100% { opacity: 0; transform: translateX(200%); }
}

@-webkit-keyframes fomoSlideOutVerticalBottom { 
  100% { opacity: 1; transform: translateY(200%); }
}

@keyframes fomoSlideOutVerticalBottom { 
  100% { opacity: 1; transform: translateY(200%); }
}

@-webkit-keyframes fomoSlideOutVerticalBottomCenter { 
  100% { opacity: 1; transform: translateX(-50%) translateY(200%); }
}

@keyframes fomoSlideOutVerticalBottomCenter { 
  100% { opacity: 1; transform: translateX(-50%) translateY(200%); }
}

@-webkit-keyframes fomoSlideInVerticalTop { 
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes fomoSlideInVerticalTop { 
  100% { opacity: 1; transform: translateY(0px); }
}

@-webkit-keyframes fomoSlideOutVerticalTop { 
  100% { opacity: 1; transform: translateY(-200%); }
}

@keyframes fomoSlideOutVerticalTop { 
  100% { opacity: 1; transform: translateY(-200%); }
}

@-webkit-keyframes fomoSlideInVerticalTopCenter { 
  100% { opacity: 1; transform: translateX(-50%) translateY(0px); }
}

@keyframes fomoSlideInVerticalTopCenter { 
  100% { opacity: 1; transform: translateX(-50%) translateY(0px); }
}

@-webkit-keyframes fomoSlideOutVerticalTopCenter { 
  100% { opacity: 1; transform: translateX(-50%) translateY(-200%); }
}

@keyframes fomoSlideOutVerticalTopCenter { 
  100% { opacity: 1; transform: translateX(-50%) translateY(-200%); }
}

.fomo-notification.fomo-notification-position-bottom-left, .fomo-notification.fomo-notification-position-top-left { animation-duration: 1s; }

.fomo-notification.fomo-notification-position-bottom-left.fomo-notification-animation-horizontal.fomo-notification-show, .fomo-notification.fomo-notification-position-top-left.fomo-notification-animation-horizontal.fomo-notification-show { transform: translateX(-200%); opacity: 0; animation-name: fomoSlideInHorizontalRight; }

.fomo-notification.fomo-notification-position-bottom-left.fomo-notification-animation-horizontal.fomo-notification-hide, .fomo-notification.fomo-notification-position-top-left.fomo-notification-animation-horizontal.fomo-notification-hide { animation-name: fomoSlideOutHorizontalLeft; }

.fomo-notification.fomo-notification-position-bottom-left.fomo-notification-animation-vertical.fomo-notification-show { transform: translateY(200%); opacity: 0; animation-name: fomoSlideInVerticalTop; }

.fomo-notification.fomo-notification-position-bottom-left.fomo-notification-animation-vertical.fomo-notification-hide { animation-name: fomoSlideOutVerticalBottom; }

.fomo-notification.fomo-notification-position-top-left { bottom: auto; top: 20px; }

.fomo-notification.fomo-notification-position-top-left.fomo-notification-animation-vertical.fomo-notification-show { transform: translateY(-200%); opacity: 0; animation-name: fomoSlideInVerticalTop; }

.fomo-notification.fomo-notification-position-top-left.fomo-notification-animation-vertical.fomo-notification-hide { animation-name: fomoSlideOutVerticalTop; }

.fomo-notification.fomo-notification-position-bottom-right, .fomo-notification.fomo-notification-position-top-right { animation-duration: 1s; }

.fomo-notification.fomo-notification-position-bottom-right.fomo-notification-animation-horizontal.fomo-notification-show, .fomo-notification.fomo-notification-position-top-right.fomo-notification-animation-horizontal.fomo-notification-show { transform: translateX(200%); opacity: 0; animation-name: fomoSlideInHorizontalRight; }

.fomo-notification.fomo-notification-position-bottom-right.fomo-notification-animation-horizontal.fomo-notification-hide, .fomo-notification.fomo-notification-position-top-right.fomo-notification-animation-horizontal.fomo-notification-hide { animation-name: fomoSlideOutHorizontalRight; }

.fomo-notification.fomo-notification-position-top-right { inset: 20px 20px auto auto; }

.fomo-notification.fomo-notification-position-top-right.fomo-notification-animation-vertical.fomo-notification-show { transform: translateY(-200%); opacity: 0; animation-name: fomoSlideInVerticalTop; }

.fomo-notification.fomo-notification-position-top-right.fomo-notification-animation-vertical.fomo-notification-hide { animation-name: fomoSlideOutVerticalTop; }

.fomo-notification.fomo-notification-position-bottom-right { right: 20px; left: auto; }

.fomo-notification.fomo-notification-position-bottom-right.fomo-notification-animation-vertical.fomo-notification-show { transform: translateY(200%); opacity: 0; animation-name: fomoSlideInVerticalTop; }

.fomo-notification.fomo-notification-position-bottom-right.fomo-notification-animation-vertical.fomo-notification-hide { animation-name: fomoSlideOutVerticalBottom; }

.fomo-notification.fomo-notification-position-bottom-center { animation-duration: 1s; left: 50% !important; }

.fomo-notification.fomo-notification-position-bottom-center.fomo-notification-animation-vertical.fomo-notification-show { transform: translateX(-50%) translateY(200%); opacity: 0; animation-name: fomoSlideInVerticalTopCenter; }

.fomo-notification.fomo-notification-position-bottom-center.fomo-notification-animation-vertical.fomo-notification-hide { transform: translateX(-50%) translateY(0px); animation-name: fomoSlideOutVerticalBottomCenter; }

.fomo-notification.fomo-notification-position-top-center { bottom: auto; top: 20px; animation-duration: 1s; left: 50% !important; }

.fomo-notification.fomo-notification-position-top-center.fomo-notification-animation-vertical.fomo-notification-show { transform: translateX(-50%) translateY(-100%); opacity: 0; animation-name: fomoSlideInVerticalTopCenter; }

.fomo-notification.fomo-notification-position-top-center.fomo-notification-animation-vertical.fomo-notification-hide { transform: translateX(-50%) translateY(0px); animation-name: fomoSlideOutVerticalTopCenter; }

@media only screen and (max-width: 420px) {
  .fomo-notification.fomo-notification-mobile-position-bottom, .fomo-notification.fomo-notification-mobile-position-top { width: calc(100% - 20px); left: 10px !important; }
}

@media only screen and (max-width: 420px) {
  .fomo-notification.fomo-notification-mobile-position-bottom { bottom: 10px; top: auto; }
  .fomo-notification.fomo-notification-mobile-position-bottom.fomo-notification-animation-vertical.fomo-notification-show { transform: translateY(200%); opacity: 0; animation-name: fomoSlideInVerticalTop; }
  .fomo-notification.fomo-notification-mobile-position-bottom.fomo-notification-animation-vertical.fomo-notification-hide { transform: translateX(0px) translateY(0px); animation-name: fomoSlideOutVerticalBottom; }
}

@media only screen and (max-width: 420px) {
  .fomo-notification.fomo-notification-mobile-position-top { top: 10px; bottom: auto; }
  .fomo-notification.fomo-notification-mobile-position-top.fomo-notification-animation-vertical.fomo-notification-show { transform: translateX(0px) translateY(-200%); opacity: 0; animation-name: fomoSlideInVerticalTop; }
  .fomo-notification.fomo-notification-mobile-position-top.fomo-notification-animation-vertical.fomo-notification-hide { transform: translateX(0px) translateY(0px); animation-name: fomoSlideOutVerticalTop; }
}

@media only screen and (max-width: 420px) {
  .fomo-notification.fomo-notification-mobile-position-top.fomo-notification-ad { top: 20px; }
}

.fomo-notification .fomo-animation-count-up { display: none; font-variant-numeric: tabular-nums; }

.fomo-notification .fomo-animation-tada { animation-name: fomo-animation-tada; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: both; display: inline-block; }

.fomo-notification .fomo-animation-arrow svg { animation: 2s ease 0s infinite normal none running fomo-animation-arrow; display: inline-block; height: 9px; width: 7px; vertical-align: middle; margin: 0px 5px 1px 2px; }

.fomo-notification.fomo-notification-font-sm .fomo-animation-arrow svg { height: 8px; width: 6px; }

@-webkit-keyframes fomo-animation-tada { 
  0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@keyframes fomo-animation-tada { 
  0% { transform: scale(1); }
  10%, 20% { transform: scale(0.9) rotate(-3deg); }
  30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
  40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  100% { transform: scale(1) rotate(0deg); }
}

@-webkit-keyframes fomo-animation-arrow { 
  0%, 20%, 50%, 80%, 100% { transform: translateX(0px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(2px); }
}

@keyframes fomo-animation-arrow { 
  0%, 20%, 50%, 80%, 100% { transform: translateX(0px); }
  40% { transform: translateX(5px); }
  60% { transform: translateX(2px); }
}

.fomo-notification.fomo-hover-animation-float, .fomo-notification.fomo-hover-animation-forward { transition: margin 0.3s cubic-bezier(0.42, 0.97, 0.52, 1.49); }

.fomo-notification.fomo-notification-position-bottom-center.fomo-hover-animation-forward:hover, .fomo-notification.fomo-notification-position-bottom-left.fomo-hover-animation-forward:hover, .fomo-notification.fomo-notification-position-none.fomo-hover-animation-forward:hover, .fomo-notification.fomo-notification-position-top-center.fomo-hover-animation-forward:hover, .fomo-notification.fomo-notification-position-top-left.fomo-hover-animation-forward:hover { margin-left: 10px !important; }

.fomo-notification.fomo-notification-position-bottom-right.fomo-hover-animation-forward:hover, .fomo-notification.fomo-notification-position-top-right.fomo-hover-animation-forward:hover { margin-right: 10px; }

.fomo-notification.fomo-notification-position-bottom-center.fomo-hover-animation-float:hover, .fomo-notification.fomo-notification-position-bottom-left.fomo-hover-animation-float:hover, .fomo-notification.fomo-notification-position-bottom-right.fomo-hover-animation-float:hover, .fomo-notification.fomo-notification-position-none.fomo-hover-animation-float:hover { margin-bottom: 10px; }

.fomo-notification.fomo-notification-position-top-center.fomo-hover-animation-float:hover, .fomo-notification.fomo-notification-position-top-left.fomo-hover-animation-float:hover, .fomo-notification.fomo-notification-position-top-right.fomo-hover-animation-float:hover { margin-top: 10px; }

.fomo-notification.fomo-notification-position-none.fomo-hover-animation-forward:hover { margin-left: 10px; margin-right: 0px; }

.fomo-notification.fomo-notification-position-none.fomo-hover-animation-float:hover { margin-top: 0px; margin-bottom: 10px; }

.fomo-notification { display: none; width: 320px; border: 0px; bottom: 20px; left: 20px; position: fixed; text-align: left; z-index: 2147483200; font-family: inherit; box-sizing: border-box; font-weight: 400; border-radius: 6px; box-shadow: rgba(153, 153, 153, 0.2) 2px 2px 10px 2px; background-color: rgb(255, 255, 255); }

.fomo-notification:hover #fomo-close { opacity: 0.8; visibility: visible; }

.fomo-notification *, .fomo-notification ::after, .fomo-notification ::before { box-sizing: border-box; }

.fomo-notification .fomo-notification-powered-by { color: rgb(71, 75, 165); opacity: 0.5; position: absolute; bottom: 6px; right: 6px; margin-top: 3px !important; display: block !important; font-size: 9px !important; line-height: 9px !important; }

.fomo-notification .fomo-notification-badge { fill: currentcolor; margin-bottom: -3px; margin-right: -2px; width: 12px; height: 12px; }

.fomo-notification .fomo-notification-ad-by { display: none; visibility: hidden; }

.fomo-notification .fomo-notification-ad-by a, .fomo-notification .fomo-notification-ad-by a:hover { text-decoration: none; cursor: pointer; }

.fomo-notification.fomo-notification-ad { z-index: 2147483300; }

.fomo-notification.fomo-notification-ad .fomo-notification-ad-by { margin: 0px; visibility: visible; position: absolute; left: 2px; display: block !important; font-size: 12px !important; top: -24px !important; }

.fomo-notification .fomo-notification-container { -webkit-box-align: center; align-items: center; height: 80px; display: flex !important; }

.fomo-notification .fomo-notification-content-wrapper { margin: 0px; height: 100%; color: gray; padding-left: 20px; padding-right: 20px; border-radius: 0px 6px 6px 0px; -webkit-box-flex: 1; flex: 1 1 0%; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: center; justify-content: center; vertical-align: middle; display: flex !important; }

.fomo-notification .fomo-notification-content-wrapper .fomo-notification-content { font-size: 15px; line-height: 1.1; margin: 0px !important; padding: 0px !important; }

.fomo-notification .fomo-notification-content-wrapper .fomo-notification-content-info { display: block !important; }

.fomo-notification .fomo-notification-content-wrapper a { text-decoration: none !important; }

.fomo-notification .fomo-notification-content-wrapper .fomo-notification-powered-by, .fomo-notification .fomo-notification-content-wrapper small { margin-top: 3px !important; display: block !important; font-size: 9px !important; }

.fomo-notification .fomo-notification-content-wrapper small { margin-right: 6px; vertical-align: middle; }

.fomo-notification .fomo-notification-powered-by { opacity: 0.75; transition: opacity 0.2s ease-in; font-size: 9px; vertical-align: bottom; }

.fomo-notification .fomo-notification-powered-by:hover { opacity: 1; cursor: pointer; }

@-webkit-keyframes badge_bounce { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

@keyframes badge_bounce { 
  0% { transform: scale(1); }
  50% { transform: scale(1.2); }
  100% { transform: scale(1); }
}

.fomo-notification .fomo-notification-badge { animation-name: badge_bounce; animation-duration: 0.75s; animation-fill-mode: forwards; animation-delay: 0.3s; animation-timing-function: ease-in-out; }

.fomo-notification .fomo-notification-image-wrapper { height: 80px; width: 80px; overflow: hidden; vertical-align: middle; border-radius: 6px 0px 0px 6px; text-align: center; display: flex !important; }

.fomo-notification .fomo-notification-image-wrapper img { width: auto; height: 100%; max-width: 100% !important; }

.fomo-notification .fomo-notification-image-wrapper.fomo-notification-image-is-landscape img { position: relative; width: auto; height: auto; max-width: 100% !important; max-height: 100% !important; }

.fomo-notification .fomo-notification-image-wrapper-inside { height: 100%; width: 100%; overflow: hidden; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; -webkit-box-flex: 1; flex: 1 1 0%; display: flex !important; }

.fomo-notification.fomo-notification-no-image .fomo-notification-image-wrapper { display: none !important; }

.fomo-notification.fomo-notification-pointer, .fomo-notification .fomo-notification-pointer { cursor: pointer; }

.fomo-notification #fomo-close { position: absolute; top: 2px; right: 2px; height: 24px; width: 24px; cursor: pointer; opacity: 0; visibility: hidden; transition: 0.2s ease-in-out; transform: rotate(45deg); }

.fomo-notification #fomo-close::before { width: 12px; height: 2px; }

.fomo-notification #fomo-close::after, .fomo-notification #fomo-close::before { content: ""; display: block; background-color: gray; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.fomo-notification #fomo-close::after { height: 12px; width: 2px; }

.fomo-notification.fomo-notification-no-shadow { box-shadow: none; }

.fomo-notification.fomo-notification-is-touch #fomo-close { opacity: 0.8; visibility: visible; top: -10px; right: -10px; height: 48px; width: 48px; }

.fomo-notification-no-image .fomo-notification-content-wrapper { padding-left: 40px; padding-right: 40px; border-radius: 6px; }

.fomo-notification-font-lg.fomo-notification-no-image .fomo-notification-content-wrapper { padding-right: 80px; }

.fomo-notification-font-md .fomo-notification-content-wrapper .fomo-notification-content { font-size: 13px; }

.fomo-notification-font-sm .fomo-notification-content-wrapper .fomo-notification-content { font-size: 11px; }

.fomo-notification-font-xs .fomo-notification-content-wrapper { padding-left: 20px; padding-right: 20px; margin-top: 0px; }

.fomo-notification-font-xs .fomo-notification-content-wrapper .fomo-notification-content { font-size: 9px; }

.fomo-notification.fomo-suppress { background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(71, 75, 165, 0.1); font-size: 13px; padding: 12px; color: rgb(71, 75, 165); border-radius: 6px !important; box-shadow: none !important; background-image: none !important; cursor: default !important; }

.fomo-notification.fomo-suppress #fomo-notification-suppress { font-weight: 700; cursor: pointer; text-decoration: underline; }

.fomo-notification-v2-classic .fomo-notification-content-wrapper { color: rgb(14, 55, 57); }

.fomo-notification-v2-classic #fomo-close::before { background-color: rgb(14, 55, 57); }

.fomo-notification-v2-classic #fomo-close::after { background-color: rgb(14, 55, 57); }

.fomo-notification-v2-classic .fomo-notification-image-wrapper { padding: 0px; }

.fomo-notification-v2-classic { }

.fomo-notification-v2-classic .fomo-notification-content-wrapper p { }

.fomo-notification-v2-classic .fomo-notification-content-wrapper a { }

.fomo-notification-v2-classic .fomo-notification-content-wrapper small { }

.fomo-notification-v2-classic .fomo-notification-image-wrapper { }

.fomo-notification-v2-classic .fomo-notification-image-wrapper img { }