:root {
    --ig-royal-blue: #405DE6;
    --ig-blue: #5B51D8;
    --ig-purple: #833AB4;
    --ig-dark-pink: #C13584;
    --ig-purple-red: #E1306C;
    --ig-red: #FD1D1D;
    --ig-dark-orange: #F56040;
    --ig-orange: #f77737;
    --ig-yellow: #FCAF45;
    --ig-light-yellow: #FFDC80;
}
#user-info {
    background-color: #000;
}
.is-size-6-5 {
    font-size: 0.875rem;
}
.swal2-modal {
    background-color: #1e1e1e;
    color: #fff;
}
.has-text-gray-2 {
    color: #9d9c9c;
}
.has-text-gray-3 {
    color: #888;
}
.w-full {
    width: 100%;
}
#functionalities > div {
    max-width: 700px;
}
#functionalities .card {
    background: #000;
    border: none;
}
#functionalities .card-content {
    border: 1px solid #333;
}
#blog .card {
    border: 1px solid #333;
}
.bg-ig-image {
     background-image: linear-gradient(#090a0d, #090a0d), linear-gradient(330deg, var(--ig-royal-blue), var(--ig-blue), var(--ig-purple), var(--ig-dark-pink), var(--ig-purple-red), var(--ig-red), var(--ig-dark-orange), var(--ig-orange), var(--ig-yellow), var(--ig-light-yellow));
    background-origin: border-box;
    background-clip: padding-box, border-box;
    border: 2px solid transparent;
    border-radius: 100%;
}
.button.is-danger {
    background-color: var(--ig-purple-red);
}
.wrap {
    max-width: 700px;
    margin: 0 auto;
}
#faq > div {
    max-width: 700px;
    margin: 0 auto;
}
#faq .card {
    border-radius: 0;
    background: #000;
    border: 1px solid #333;
}

#faq .card:first-child {
    border-radius: 1rem 1rem 0 0;
}

#faq .card:only-child {
    border-radius: 1rem;
}

#faq .card:last-child {
    border-radius: 0 0 1rem 1rem;
}
.loading {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin:15px auto;
  position: relative;
  color: var(--ig-purple-red);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
}

@keyframes animloader {
  0% {
    box-shadow: -38px -12px ,  -14px 0,  14px 0, 38px 0;
  }
  33% {
    box-shadow: -38px 0px, -14px -12px,  14px 0, 38px 0;
  }
  66% {
    box-shadow: -38px 0px , -14px 0, 14px -12px, 38px 0;
  }
  100% {
    box-shadow: -38px 0 , -14px 0, 14px 0 , 38px -12px;
  }
}
.card-story > div {
    position: relative;
    padding: 10px;
    background-color: #262626;
    border-radius: 0.5rem;
}
.card-story > div .button-play {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    z-index: 10;
    width: 4.5rem;
    height: 4.5rem;
}
.card-story > div img {
    border-radius: 0.4rem;
}
article.card {
    box-shadow: none;
    background-color: #000;
}
.button.is-outlined {
    background-color: transparent;
    border-color: #888;
    color: #888;
}
.button.is-outlined:hover {
    border-color: #fff;
    color: #fff;
}
.player-container {
    min-height: 270px;
}
@media (max-width: 600px) {
    .player-container {
        min-height: 200px;
    }
}