.yc-background {
    background: #121212;
}

.yc-text {
    color: #f3eff4;
}

.yc-text-primary, .yc-text-primary:hover, .yc-text-primary:active {
    color: #b289fe;
}

.yc-background-primary {
    background: #8445fa;
}

.yc-button-primary {
    background: #8445fa;
}

.yc-button-primary:hover{
    background: #945dfa;
}

.yc-loading-message {
    color: #d0b7ff;
    background: #8445fa3b;
    border-color:#d0b7ff3b;
}

.yc-results-wrap, .yc-config-wrap {
    min-height:30vh;
    max-height:60vh;
    height: 100%;
}

.yc-img-responsive {
    width:100%;
    height:auto;
}

.yc-overflow-hidden {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-y: scroll;
}

.yc-overflow-hidden::-webkit-scrollbar {
    display: none;
}


.square-container img {
    background-position: center;
    background-size: cover;
}

  
.form-range::-webkit-slider-thumb {
    background: #8445fa;
}
.form-range::-moz-range-thumb {
    background: #8445fa;
}
.form-range::-ms-thumb {
    background: #8445fa;
}

.glow-box {
    box-shadow: 0 0 20px 10px #2d1e48;
}

.glow-text {
    text-shadow: 0 0 20px #8445fa;
}

.prompt:focus {   
    border: var(--bs-border-width) solid var(--bs-border-color);
    box-shadow: 0 0 0 0 #000;
    outline: 0 none;
}

@keyframes placeHolderShimmer {
    0% {
      background-position: -800px 0
    }
    100% {
      background-position: 800px 0
    }
  }

.animated-background {
    animation-duration: 4s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background-color: rgb(33, 37, 41);
    background: linear-gradient(to right, rgb(33, 37, 41) 8%, rgb(54, 60, 67) 18%, rgb(33, 37, 41) 33%);
    background-size: 800px 104px;
    background-origin: border-box;
  }

.gruppo-regular {
    font-family: "Gruppo", sans-serif;
    font-weight: 400;
    font-style: normal;
}