.row { 
    display: flex; 
    flex-wrap: wrap; 
    margin-right: -15px; 
    margin-left: -15px;
  } 

@media (min-width: 768px){ 
  .col-md-4 { 
    flex: 0 0 20%; 
    max-width: 20%;
  } 
}

@media (max-width: 1300px) {
  .col-md-4 { 
    flex: 0 0 33.33333%; 
    max-width: 33.33333%;
  }
}

@media (max-width: 768px) {
  .col-md-4 { 
    flex: 0 0 100%; 
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .col-md-4 { 
    flex: 0 0 auto; 
    max-width: 100%;
  }
}


@media all{ 
  .col-md-4 { 
    position: relative; 
    width: 100%; 
    padding-right: 15px; 
    padding-left: 15px;
  } 

  .creator-card-v3 { 
    position: relative; 
    border-radius: .25rem; 
    --tw-bg-opacity: 1; 
    background-color: rgba(255,255,255,var(--tw-bg-opacity)); 
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); 
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow); 
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow); 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; 
    transition-timing-function: cubic-bezier(.4,0,.2,1); 
    transition-duration: .15s; 
    margin: .75rem -.25rem;
  } 
}     

@media (min-width: 768px){ 
  .creator-card-v3 { 
    margin-left: 0; 
    margin-right: 0;
  } 
}     

@media all{ 
  .creator-card-v3:hover { 
    --tw-shadow: 0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06); 
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow); 
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  } 

  .creator-card-v3 .creator-ribbon  { 
    pointer-events: none; 
    width: 120px; 
    height: 120px; 
    display: block; 
    position: absolute; 
    top: 0; 
    right: 0; 
    z-index: 2; 
    overflow: hidden;
  } 

  .creator-card-v3 .creator-ribbon.creator-ribbon--free-trial  { 
    pointer-events: unset;
  } 

  .creator-card-v3 .creator-picture  { 
    position: relative; 
    display: block; 
    width: 100%; 
    overflow: hidden; 
    border-top-left-radius: .375rem; 
    border-top-right-radius: .375rem; 
    height: 380px;
  } 
}     

@media (min-width: 768px){ 
  .creator-card-v3 .creator-picture  { 
    border-top-left-radius: .375rem; 
    border-top-right-radius: .375rem;
  } 
}     

@media all{ 
  .creator-card-v3 .creator-info  { 
    margin-bottom: .5rem; 
    display: block; 
    padding: .75rem .75rem 0;
  } 

  .creator-card-v3 .creator-stats  { 
    padding: .125rem .25rem .5rem; 
    display: flex; 
    flex-wrap: wrap; 
    align-items: center;
  } 

  .creator-card-v3 .creator-bio  { 
    font-size: .75rem; 
    line-height: 1rem; 
    --tw-text-opacity: 1; 
    color: rgba(71,85,105,var(--tw-text-opacity));
  } 

  .creator-card-v3 .creator-bio  { 
    padding: .5rem .75rem; 
    word-break: break-all;
  } 

  .creator-card-v3 .creator-ribbon span  { 
    --tw-bg-opacity: 1; 
    background-color: rgba(220,38,38,var(--tw-bg-opacity)); 
    font-size: .875rem; 
    line-height: 34px; 
    font-weight: 700; 
    --tw-text-opacity: 1; 
    color: rgba(255,255,255,var(--tw-text-opacity)); 
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05); 
    box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow); 
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow); 
    width: 160px; 
    height: 34px; 
    top: 20px; 
    right: -40px; 
    position: absolute; 
    display: block; 
    text-align: center; 
    transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -ms-transform: rotate(45deg);
  } 

  .creator-card-v3 .creator-ribbon.creator-ribbon--free-trial span  { 
    --tw-bg-opacity: 1; 
    background-color: rgba(236,72,153,var(--tw-bg-opacity));
  } 

  .creator-card-v3 .creator-picture .creator-picture-link  { 
    display: block; 
    height: 100%; 
    width: 100%;
  } 

  .creator-card-v3 .creator-picture .creator-picture-footer  { 
    position: absolute; 
    bottom: 0; 
    left: 0; 
    height: 3rem; 
    width: 100%; 
    padding-left: .75rem; 
    padding-right: .75rem; 
    padding-top: 1rem; 
    background-image: linear-gradient(180deg,var(--tw-gradient-stops)); 
    --tw-gradient-from: transparent; 
    --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to,transparent); 
    --tw-gradient-to: #000; 
    --tw-text-opacity: 1; 
    color: rgba(255,255,255,var(--tw-text-opacity)); 
    font-size: .875rem; 
    line-height: 1.25rem;
  } 

  .creator-card-v3 .creator-info .creator-breadcrumbs  { 
    display: flex; 
    align-items: center; 
    -moz-column-gap: .25rem; 
    grid-column-gap: .25rem; 
    column-gap: .25rem; 
    width: 100%; 
    min-width: 0; 
    font-size: .75rem; 
    line-height: 1rem; 
    --tw-text-opacity: 1; 
    color: rgba(71,85,105,var(--tw-text-opacity));
  } 

  .creator-card-v3 .creator-info .creator-name  { 
    margin-top: .5rem; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    font-size: 1.125rem; 
    line-height: 1; 
    font-weight: 600; 
    --tw-text-opacity: 1; 
    color: rgba(2,175,240,var(--tw-text-opacity));
  } 

  .creator-card-v3 .creator-stats .creator-stat  { 
    margin: .25rem .5rem; 
    font-size: .875rem; 
    line-height: 1.25rem; 
    display: flex; 
    flex-shrink: 0; 
    align-items: center;
  } 

  .creator-card-v3 .creator-picture .creator-img  { 
    height: 100%; 
    width: 100%; 
    -o-object-fit: cover; 
    object-fit: cover; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; 
    transition-timing-function: cubic-bezier(.4,0,.2,1); 
    transition-duration: .15s;
  } 

  .creator-card-v3 .creator-picture:hover .creator-img { 
    --tw-translate-x: 0; 
    --tw-translate-y: 0; 
    --tw-rotate: 0; 
    --tw-skew-x: 0; 
    --tw-skew-y: 0; 
    --tw-scale-x: 1; 
    --tw-scale-y: 1; 
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 
    transform: scale(1.025);
  } 

  .creator-card-v3 .creator-picture .creator-likes  { 
    font-weight: 600;
  } 

  .creator-card-v3 .creator-info .creator-breadcrumbs .creator-username  { 
    width: 100%; 
    display: flex;
    align-items: center;
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap;
  } 

  .creator-card-v3 .creator-stats .creator-stat .stat-key  { 
    margin-right: .25rem; 
    --tw-text-opacity: 1; 
    color: rgba(71,85,105,var(--tw-text-opacity));
  } 

  .mr-1 { 
    margin-right: .25rem;
  } 

  .text-black { 
    --tw-text-opacity: 1; 
    color: rgba(0,0,0,var(--tw-text-opacity));
  } 


  .text-red-500 { 
    --tw-text-opacity: 1; 
    color: rgba(239,68,68,var(--tw-text-opacity));
  } 

  .icon { 
    display: inline-block; 
    height: 1rem; 
    width: 1rem; 
    vertical-align: middle;
  } 

  .creator-card-v3 .creator-info .verified-icon  { 
    margin-top: -.125rem; 
    height: 1rem; 
    width: 1rem; 
    --tw-text-opacity: 1; 
    color: rgba(2,175,240,var(--tw-text-opacity));
  } 

  .creator-card-v3 .creator-stats .creator-stat .stat-key > svg  { 
    --tw-text-opacity: 1; 
    color: rgba(148,163,184,var(--tw-text-opacity));
  } 

  .creator-card-v3 .creator-free-trial  { 
    display: inline-block; 
    border-width: 2px;
    border: 2px solid;
    --tw-border-opacity: 1; 
    border-color: rgba(2,175,240,var(--tw-border-opacity)); 
    padding-left: .25rem; 
    padding-right: .25rem; 
    border-radius: 4px; 
    margin-top: -.125rem; 
    margin-bottom: -.125rem; 
    font-weight: 600; 
    --tw-text-opacity: 1; 
    color: rgba(2,175,240,var(--tw-text-opacity)); 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter; 
    transition-timing-function: cubic-bezier(.4,0,.2,1); 
    transition-duration: .15s;
  } 

  .creator-card-v3 .creator-free-trial:hover { 
    --tw-bg-opacity: 1; 
    background-color: rgba(2,175,240,var(--tw-bg-opacity)); 
    --tw-text-opacity: 1; 
    color: rgba(255,255,255,var(--tw-text-opacity));
  } 
}