.ca-tooltip-container {
  position: relative; }

.ca-tooltip {
  position: relative;
  display: inline-block;
  text-transform: capitalize; }
  .ca-tooltip__content {
    position: absolute;
    z-index: 10;
    color: #ffffff;
    background: #141518;
    padding: 10px 15px;
    white-space: nowrap;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    transform-origin: bottom;
    transform: scaleY(0);
    opacity: 0;
    transition: transform 0.3s ease, opacity 0.3s ease; }
    .ca-tooltip__content--visible {
      transform: scaleY(1);
      opacity: 1; }
.sk-fading-circle {
  width: 20px;
  height: 20px;
  position: relative; }

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0; }

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg); }

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg); }

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg); }

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg); }

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg); }

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg); }

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg); }

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg); }

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s; }

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s; }

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s; }

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s; }

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s; }

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s; }

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s; }

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s; }

@-webkit-keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0; }
  40% {
    opacity: 1; } }

@keyframes sk-circleFadeDelay {
  0%,
  39%,
  100% {
    opacity: 0; }
  40% {
    opacity: 1; } }
.ca-giphy-dropdown {
  position: relative;
  display: inline-block; }

.ca-giphy-dropdown-content {
  position: absolute;
  background-color: #f9f9f9;
  width: 300px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  overflow: hidden;
  right: auto;
  z-index: 1;
  margin-top: 12px;
  left: -80px; }
  @media (min-width: 374px) {
    .ca-giphy-dropdown-content {
      left: -20px; } }
  @media (min-width: 1100px) {
    .ca-giphy-dropdown-content {
      right: 0;
      left: auto;
      width: 300px; } }
  .ca-share-popup .ca-giphy-dropdown-content {
    left: 0;
    right: auto; }
    @media (min-width: 1100px) {
      .ca-share-popup .ca-giphy-dropdown-content {
        right: 0;
        left: auto; } }

.ca-giphy {
  background-color: #fafafe;
  border-top: 1px solid #fafafe; }
  .ca-giphy__brand {
    color: #afb2b9;
    background-color: #fafafe;
    height: 40px;
    font-size: 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 3px 3px; }
  .ca-giphy__toolbar {
    padding: 15px;
    display: flex; }
    .ca-giphy-dropdown-content .ca-giphy__toolbar {
      padding: 5px 5px 5px 15px;
      justify-content: space-between; }
  .ca-giphy__search-container {
    display: flex;
    width: 90%;
    position: relative; }
    .ca-giphy__search-container .ca-loading-spinner {
      position: absolute;
      right: 10px;
      top: 7px; }
    .ca-giphy__search-container .icon {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 14px;
      color: #d7d8dc; }
  .ca-giphy__search-input {
    flex: 1;
    background-color: #ffffff;
    padding: 10px;
    border: none;
    border-radius: 5px; }
  .ca-giphy__reset-search {
    padding: 3px 4px;
    font-size: 13px; }
  .ca-giphy .ca-giphy__reset-search {
    padding: 3px 4px;
    font-size: 13px; }
    .ca-giphy .ca-giphy__reset-search.icon-close:before {
      transition: color 0.3s ease; }
    .ca-giphy .ca-giphy__reset-search:hover {
      background: none;
      cursor: pointer; }
      .ca-giphy .ca-giphy__reset-search:hover.icon-close:before {
        color: #6d737f; }
  .ca-giphy__gifs-list {
    display: flex;
    background-color: #ffffff;
    justify-content: space-around;
    flex-flow: row wrap; }
    .ca-giphy-dropdown-content .ca-giphy__gifs-list {
      padding: 11px 11px; }
  .ca-giphy__gif-thumb {
    width: 140px;
    height: 100px;
    padding: 5px 0; }
    .ca-giphy-dropdown-content .ca-giphy__gif-thumb {
      width: 130px;
      height: 74px;
      margin: 3px 0 4px;
      padding: 0; }
  .ca-giphy__gif-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    background-color: #101010;
    border-radius: 3px; }
  .ca-giphy__name {
    font-size: 17pt;
    margin-left: 5px; }
  .ca-giphy__selected-gif-container {
    position: relative;
    text-align: center;
    display: inline-block;
    padding-top: 5px;
    background-color: #fafafe;
    min-height: 70px;
    min-width: 100%; }
    .ca-giphy__selected-gif-container:before {
      content: '';
      position: absolute;
      z-index: 1;
      top: 5px;
      left: 0;
      width: 100%;
      height: calc(100% - 5px);
      border-radius: 5px;
      background-color: rgba(0, 0, 0, 0.3); }
  .ca-giphy__selected-gif {
    position: relative;
    max-height: 120px;
    border-radius: 5px; }
  .ca-giphy__deselect-gif {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 2; }
    .ca-giphy__deselect-gif button.ca-icon {
      background-color: transparent; }
      .ca-giphy__deselect-gif button.ca-icon:before {
        color: #ffffff; }
      .ca-giphy__deselect-gif button.ca-icon:hover {
        background-color: transparent; }
  .ca-giphy .ca-search-box__field {
    padding: 9px 25px 6px 10px;
    font-weight: 500;
    font-size: 13px; }
  .ca-giphy .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    right: 5px;
    top: 5px; }

.giphy-custom-scroll {
  min-height: 150px;
  max-height: 205px; }