.ts_flx-cl{
    display: flex;
    flex-flow: column;
    align-items: center;
}.ts_flx-rw{
    display: flex;
    gap:10px
}
.ts_reviews_multi {
    display: flex;
    flex-flow: column;
    margin: 15px 0;
}
.ts_reviews_multi_row {
   gap: 10px;
display: flex;
    flex-flow: column;
flex-wrap: wrap;
    
}

.tc{
    text-align: center;
}
.ts_reviews_eloquence .tc {
    text-align: left;
}
.ts_character_rating {
    margin-top: 10px;
}
.ts_character_rating .tc, .ts_relation_rating .tc{gap: 10px;display: flex;padding-left: 10px;align-content: space-evenly;}

.ts_character_rating .ts_reviews_multi {
    margin: 0;
    margin-bottom: 5px;
}

.ts_characteristics_rating {
    padding-left: 10px;
}
.ts_character_rating .tc label,.ts_relation_rating .tc label {
    width: 200px;
    text-align: left;
}

.ts_characteristics_rating .tc label {
    width: 190px;
}
.ts_character_rating, .ts_relation_rating {
    margin-top: 10px;
}

.ts_reviews_genres_cont, .ts_reviews_eloquence, .ts_reviews_worldbuilding_cont, .ts_character_rating, .ts_topics_cont, .ts_relation_rating {
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    padding: 10px;
    border-radius: 5px;
    /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); */
}
.ts_topics_cont .ys_flx-rw {
    display: flex;
    flex-flow: column;
}

.ts_topics_cont .ts_flx-rw {
    flex-flow: column;
}
.author-profile-container {
    width: 100%;
}
p.author-name {
    padding-bottom: .2em;
}
.author-profile-page #et-main-area {
    background-color: #eeeeef;
}
.author-profile-page .sbpd_container{
    background-color: transparent !important;
}
.profile-card {
      
      margin: 0 auto;
    }
    .profile-header {
      /* display: flex; */
      align-items: center;
      gap: 20px;
    }
    .profile-header img {
      border-radius: 50%;
    }
    .profile-info ,.ts-author-info{
      margin-top: 20px;
    }
    .profile-info p {
      margin: 0;
    }
    .buttons {
      justify-content: center;
    }


.ts-book-card {
    transition: transform 0.2s;
}
.ts-book-card:hover {
    transform: scale(1.05);
}
.book-image {
    height: 200px; /* Set a fixed height for the images */
    object-fit: cover; /* Ensure the image covers the area without distortion */
}
:root {
  --cardgradient: conic-gradient(
    from 90deg at 50% 50%,
    rgb(251, 55, 60),
    rgba(252, 114, 28, 1),
    rgba(255, 220, 0, 1),
    rgba(27, 206, 255, 1),
    rgba(42, 107, 255, 1),
    rgba(217, 41, 255, 1),
    rgba(255, 10, 92, 1)
  );
}
.ts-membership-type .switch {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.ts-membership-type .switch input {
    display: none;
}
.ts-membership-type .switch-label {
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 8px;
    background-color: #d3d3d3;
    transition: background-color 0.3s;
    margin: 0 5px;
}
.ts-membership-type .switch input:checked + .switch-label {
    background-color: #3273dc;
    color: white;
}
.ts-membership-type .switch-label span {
    display: inline-block;
    width: 100px;
    text-align: center;
}
.ts-membership-next button{
    background-color: #00396b;
    color: #fff;
}
.ts-membership-form .bulma-card{
    --start: 0;
    transition: transform 0.3s ease;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); 
}
.ts-membership-form .bulma-card::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  border: 2px solid transparent;
  background: var(--cardgradient);
  background-attachment: fixed;
  mask: linear-gradient(#0000, #0000), conic-gradient(from calc((
              var(--start) - (20 * 1.1)
            ) * 1deg), #ffffff1f 0deg, white, #ffffff00 100deg);
  mask-composite: intersect;
  mask-clip: padding-box, border-box;
  opacity: 0;
  transition: 0.5s ease;
}
.ts-membership-form .bulma-card:hover {
  transform: scale(1.05);
}
.ts-membership-form .glow {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    filter: blur(14px);

}
.ts-membership-form .glow::before {
  position: absolute;
  content: "";
  width: 98%;
  height: 98%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 14px;
  border: 15px solid transparent;
  background: var(--cardgradient);
  background-attachment: fixed;
  mask: linear-gradient(#0000, #0000), conic-gradient(from calc((
              var(--start) - (20 * 1.1)
            ) * 1deg), #000 0deg, #ffffff, rgba(0, 0, 0, 0) 100deg);
  mask-composite: intersect;
  mask-clip: padding-box, border-box;
  opacity: 0;
  transition: 1s ease;
}

.ts-membership-form .bulma-card:hover >  .glow::before {
  opacity: 1;
}
.ts-membership-form .bulma-card:hover::before {
  opacity: 0.6;
  
}
.ts-membership-form .bulma-card.active {
    transform: scale(1.05);
    background-color: #00396b;
    color: #fff;

}
.ts-membership-form .bulma-card.active .bulma-title{
    color: #fff;
}
@keyframes gradient-animation {
    from {
        --start: 0;
    }
    to {
        --start: 360;
    }
}
@media (max-width: 767px) {
    .ts-membership-form.container {
        width:100%;
        padding:0;
        margin:0;
        text-align: center;
    }
    h2{
        margin-bottom:20px;
    }
    .field {
        align-items:center;
        justify-content:center;
        flex-flow:column;
        text-align: center;
        }
    #cardContainer{
        flex-flow:column;
    }
}
@media only screen and (min-width: 768px) {
    .ts_reviews_multi_row{
        flex-flow: row;
        flex-wrap: wrap;
    }
    .ts_flx-cl{
        align-items: flex-start;
    }
    .ts_topics_cont .ts_flx-rw {
        flex-flow: row;
    }
}