.SS
{
    display: none;
    flex-direction: column;
    height: 100%;
}
.AA0
{
    position: relative;
    flex: 1;}
.AA1
{
    width: 100%;
    height: 100%;
    display: flex;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #1a1a1a;
}
.AA2
{
    display: flex;
    width: 100%;
    justify-content: center;
    margin: 8px;
    }
.AA3
{
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    max-width: 512px;
    margin: 2px;

}
.AA4
{
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;

}
.AA5
{
    background-color: rgb(0 0 0 / 50%);
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px;
    border-radius: 5px;
    display: flex;
    height: 25px;
    align-items: center;
}

.AA6
{
    opacity: 0;
    position: absolute;
    top: 10px;
    left: 10px;
    align-items: center;
    display: flex;
    max-width: 60%;
}
.AA6:hover
{
    text-decoration: underline;
}
.AA7
{

    opacity: 0;
    position: absolute;
    bottom: 0px;
    padding: 5%;
    width: 100%;
    max-height: 40%;
}
.AA8
{
    width: 100%;
    object-fit: cover;
}
.AA4:hover
{
    cursor: pointer;

}
.AA4:hover .AA5,
.AA4:hover .AA22,
.AA4:hover .AA6,
.AA4:hover .AA7,
.AA4:hover .AA11

{
    opacity: 1;
    
}

.AA9
{
    font-weight: bold;
    font-size: 18;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    display: -webkit-box;
    width: 100%;
    -webkit-box-orient: vertical;
}
.AA10
{

    color: rgb(255 255 255);
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
}

.AA11
{
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.AA13
{
    width: 25px;
    height: 25px;
    border-radius: 50%;
}
.AA12
{
    margin-left: 5px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.AA14
{
    font-size: 18px;
    line-height: 18px;
    margin-left: 2px;
}

.AA16
{
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    width: 100vw;
    height: 100vh;
    z-index: 50000;
    top: 0px;
    display: none;
    justify-content: center;
    align-items: center;
}
.AA17
{
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1054;
    background-color: #272727;
    position: relative;
    padding: 15px;
}
.AA18
{
    flex: 1;
}
.AA19
{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 25px;
    height: 25px;
    background-color: antiquewhite;
}
.AA19:hover
{
    cursor: pointer;
    background-color: rgb(73, 73, 73)
   
}

.AA20 {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.001 4.529a6 6 0 0 1 8.242.228a6 6 0 0 1 .236 8.236l-8.48 8.492l-8.478-8.492a6 6 0 0 1 8.48-8.464m6.826 1.641a4 4 0 0 0-5.49-.153l-1.335 1.198l-1.336-1.197a4 4 0 0 0-5.686 5.605L12 18.654l7.02-7.03a4 4 0 0 0-.193-5.454'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.AA21
{
  display: block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.001 4.529a6 6 0 0 1 8.242.228a6 6 0 0 1 .236 8.236l-8.48 8.492l-8.478-8.492a6 6 0 0 1 8.48-8.464'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

}
.AA22
{
    background-color: rgb(0 0 0 / 50%);
    position: absolute;
    top: 40px;
    right: 10px;
    padding: 3px;
    border-radius: 5px;
    display: flex;
    height: 25px;
    align-items: center;
}
.AA5:hover , .AA22:hover
{
    background-color: rgb(59, 59, 59);
}
.AA23
{
    background-color: #ff6e6e;
}
.AA23T
{
    background-color: #f91818;

}
.AA24
{
    background-color: #f7ee7e;
}
.AA24T
{
    background-color: #fff352;
}
.AA25 {
  display: inline-block;
  width: 24px;
  height: 24px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12.001 4.529a6 6 0 0 1 8.242.228a6 6 0 0 1 .236 8.236l-8.48 8.492l-8.478-8.492a6 6 0 0 1 8.48-8.464'/%3E%3C/svg%3E");
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}
.AA26 {
    width: 24px;
    background-color: rgb(255, 255, 255);
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    height: 100%;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='none' stroke='%23000' stroke-linejoin='round' stroke-width='0.93'%3E%3Cpath d='M8 3.895C12.447 3.895 14.5 8 14.5 8s-2.053 4.105-6.5 4.105S1.5 8 1.5 8S3.553 3.895 8 3.895Z'/%3E%3Cpath d='M9.94 8a2 2 0 1 1-3.999 0a2 2 0 0 1 4 0Z'/%3E%3C/g%3E%3C/svg%3E");

}