/*colors_app*/

.my_text.chatbox-red::before {
    border-left-color:#f3d5d5
}
.my_text.chatbox-red::before {
    border-left-color:#f3d5d5
}
.chatbox-red {
    background-color:#f3d5d5
}
.my_text.chatbox-red::before {
    border-left-color:#f3d5d5
}
.my_text.chatbox-red::before {
    border-left-color:#f3d5d5
}
.chatbox-red { background-color: #f7cfcf; border-left: 4px solid #d87b7b; }

/**/

.my_text.chatbox-green::before {
    border-left-color:#e9f4d4
}
.my_text.chatbox-green::before {
    border-left-color:#e9f4d4
}
.my_text.chatbox-green::before {
    border-left-color:#e9f4d4
}
.my_text.chatbox-green::before {
    border-left-color:#e9f4d4
}
.chatbox-green {
    background-color:#e9f4d4
}
.chatbox-green { background-color: #dff0c7; border-left: 4px solid #93b36b; }

/**/

.my_text.chatbox-blue::before {
    border-left-color:#d5eef5
}
.my_text.chatbox-blue::before {
    border-left-color:#d5eef5
}
.my_text.chatbox-blue::before {
    border-left-color:#d5eef5
}
.my_text.chatbox-blue::before {
    border-left-color:#d5eef5
}
.chatbox-blue {
    background-color:#d5eef5
}
.chatbox-blue { background-color: #b9e7f3; border-left: 4px solid #5ba1bd; }

/**/
.my_text.chatbox-pink::before {
    border-left-color:#fdd1f8
}
.chatbox-pink .username {
    color:#575757
}
.chatbox-pink .cdate {
    color:#0d0d0d
}
.my_text.chatbox-pink::before {
    border-left-color:#fdd1f8
}
.chatbox-pink .username {
    color:#575757
}
.chatbox-pink .cdate {
    color:#575757
}
.chatbox-pink { background-color: #fbcde8; border-left: 4px solid #d874a2; }

.my_text.chatbox-pink::before {
    border-left-color:#fad5f6
}
.chatbox-pink .username {
    color:#575757
}
.chatbox-pink .cdate {
    color:#575757
}
.chatbox-pink {
    background-color:#fad5f6
}
.my_text.chatbox-pink::before {
    border-left-color:#fad5f6
}
.chatbox-pink .username {
    color:#575757
}
.chatbox-pink .cdate {
    color:#575757
}

/**/

.my_text.chatbox-orange::before {
    border-left-color:#f3e6d4
}
.my_text.chatbox-orange::before {
    border-left-color:#f3e6d4
}
.my_text.chatbox-orange::before {
    border-left-color:#f3e6d4
}
.chatbox-orange { background-color: #f3e6d4; border-left: 4px solid #b9976b; }
.my_text.chatbox-orange::before {
    border-left-color:#f3e6d4
}
.chatbox-orange {
    background-color:#f3e6d4
}

/**/

.my_text.chatbox-purple::before {
    border-left-color:#e9dcee
}
.my_text.chatbox-purple::before {
    border-left-color:#e9dcee
}
.my_text.chatbox-purple::before {
    border-left-color:#e9dcee
}
.chatbox-purple { background-color: #e6d4f5; border-left: 4px solid #9e7bb8; }
.my_text.chatbox-purple::before {
    border-left-color:#e9dcee
}
.chatbox-purple {
    background-color:#e9dcee
}

/**/

/*تعديل هذا  border-left*/
.my_text.chatbox-Turquoise::before {
    border-left-color:#30d5c8
}
.my_text.chatbox-Turquoise::before {
    border-left-color:#30d5c8
}
.my_text.chatbox-Turquoise::before {
    border-left-color:#30d5c8
}
.my_text.chatbox-Turquoise::before {
    border-left-color:#30d5c8
}
.chatbox-Turquoise {
    background-color:#30d5c8
}
.chatbox-Turquoise { background-color: #30d5c8; border-left: 4px solid #1da89c; }
.chatbox-Turquoise-text {
    color:#30d5c8
}
.chatbox-Turquoise-text-border {
    border:1px solid;
    border-color:#30d5c8
}

/**/

.my_text.chatbox-pink0blue::before {
    border-left-color:#ef32d9
}
.my_text.chatbox-pink0blue::before {
    border-left-color:#ef32d9
}
.my_text.chatbox-pink0blue::before {
    border-left-color:#ef32d9
}
.my_text.chatbox-pink0blue::before {
    border-left-color:#ef32d9
}
.chatbox-pink0blue {
    background:linear-gradient(to left, #ef32d9, #89fffd)
}
.chatbox-pink0blue { background: linear-gradient(to left, #ef32d9, #89fffd); border-left: 4px solid #d41db8; }
.chatbox-pink0blue {
    background:linear-gradient(to left, #ef32d9, #89fffd)
}
.my_text.chatbox-pink0blue::before {
    border-left-color:#ef32d9
}
.my_text.chatbox-pink0blue::before {
    border-left-color:#ef32d9
}


/**/

/*colors_app*/

.my_text.chatbox-custom1::before {
    border-left-color:#BAD8B6
}
.my_text.chatbox-custom1::before {
    border-left-color:#BAD8B6
}
.my_text.chatbox-custom1::before {
    border-left-color:#BAD8B6
}
.chatbox-custom1 {
    background-color:#BAD8B6
}
.chatbox-custom1 { background-color: #BAD8B6; border-left: 4px solid #7da879; }

/**/

.my_text.chatbox-custom2::before {
    border-left-color:#F5ECD5
}
.my_text.chatbox-custom2::before {
    border-left-color:#F5ECD5
}
.my_text.chatbox-custom2::before {
    border-left-color:#F5ECD5
}
.chatbox-custom2 {
    background-color:#F5ECD5
}
.chatbox-custom2 { background-color: #F5ECD5; border-left: 4px solid #d4b87a; }

/**/

.my_text.chatbox-custom3::before {
    border-left-color:#FFD65A
}
.my_text.chatbox-custom3::before {
    border-left-color:#FFD65A
}
.my_text.chatbox-custom3::before {
    border-left-color:#FFD65A
}
.chatbox-custom3 {
    background-color:#FFD65A
}
.chatbox-custom3 { background-color: #FFD65A; border-left: 4px solid #e6b425; }

/**/

.my_text.chatbox-custom4::before {
    border-left-color:#E8E7AB
}
.my_text.chatbox-custom4::before {
    border-left-color:#E8E7AB
}
.my_text.chatbox-custom4::before {
    border-left-color:#E8E7AB
}
.chatbox-custom4 {
    background-color:#E8E7AB
}
.chatbox-custom4 { background-color: #E8E7AB; border-left: 4px solid #c9c87a; }

/**/

.my_text.chatbox-custom5::before {
    border-left-color:#FFF2C2
}
.my_text.chatbox-custom5::before {
    border-left-color:#FFF2C2
}
.my_text.chatbox-custom5::before {
    border-left-color:#FFF2C2
}
.chatbox-custom5 {
    background-color:#FFF2C2
}
.chatbox-custom5 { background-color: #FFF2C2; border-left: 4px solid #e6d47a; }

/**/

.my_text.chatbox-custom6::before {
    border-left-color:#FFCFCF
}
.my_text.chatbox-custom6::before {
    border-left-color:#FFCFCF
}
.my_text.chatbox-custom6::before {
    border-left-color:#FFCFCF
}
.chatbox-custom6 {
    background-color:#FFCFCF
}
.chatbox-custom6 { background-color: #FFCFCF; border-left: 4px solid #e68a8a; }

/**/

.my_text.chatbox-custom7::before {
    border-left-color:#FFF574
}
.my_text.chatbox-custom7::before {
    border-left-color:#FFF574
}
.my_text.chatbox-custom7::before {
    border-left-color:#FFF574
}
.chatbox-custom7 {
    background-color:#FFF574
}
.chatbox-custom7 { background-color: #FFF574; border-left: 4px solid #e6d425; }

/**/

.my_text.chatbox-custom8::before {
    border-left-color:#CDC1FF
}
.my_text.chatbox-custom8::before {
    border-left-color:#CDC1FF
}
.my_text.chatbox-custom8::before {
    border-left-color:#CDC1FF
}
.chatbox-custom8 {
    background-color:#CDC1FF
}
.chatbox-custom8 { background-color: #CDC1FF; border-left: 4px solid #9d8ae6; }

/**/

.my_text.chatbox-custom9::before {
    border-left-color:#A7D477
}
.my_text.chatbox-custom9::before {
    border-left-color:#A7D477
}
.my_text.chatbox-custom9::before {
    border-left-color:#A7D477
}
.chatbox-custom9 {
    background-color:#A7D477
}
.chatbox-custom9 { background-color: #A7D477; border-left: 4px solid #7da84f; }
.my_text.chatbox-mloky::before {
    border-left-color:#000
}
.chatbox-mloky {
    background-image: url('https://elements-resized.envatousercontent.com/elements-video-cover-images/files/7d14ccba-2d9b-43df-ba6d-db7a59ffa4ef/inline_image_preview.jpg?w=500&cf_fit=cover&q=85&format=auto&s=7b0952f7f6a5250bfcf4693639e946de57612ce7bc44f641ff857d5081b65647');
    background-size: cover;
    background-position: bottom;
}

.my_text.chatbox-ngm::before {
    border-left-color:#000
}
.chatbox-ngm {
    background-image: url('https://media4.giphy.com/media/2FpmF9VGJ6Q4wZ8BX2/giphy_s.gif?cid=6c09b9524ynilk2cv6t4wwby5034fmopa2q4eoh6vdokxg6z&ep=v1_gifs_search&rid=giphy_s.gif&ct=g');
    background-size: cover;
    background-position: center;
}

.my_text.chatbox-fire::before {
    border-left-color:#000
}
.chatbox-fire {
    background-image: url('https://i.makeagif.com/media/6-04-2024/KoHV6F.gif');
    background-size: cover;
    background-position: bottom;
}


/**/
.my_text.chatbox-app::before {
    border-left-color:#23d5ab
}
.my_text.chatbox-app::before {
    border-left-color:#23d5ab
}
.my_text.chatbox-app::before {
    border-left-color:#23d5ab
}
.chatbox-app {
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    animation: gradient 1s ease infinite
}
.chatbox-app { 
    background: linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);
    border-left: 4px solid #1da89c;
    animation: gradient 1s ease infinite
}

/**/


.my_text.chatbox-bas8033::before {
    border-left-color:#333333
}
.my_text.chatbox-bas8033::before {
    border-left-color:#333333
}
.my_text.chatbox-bas8033::before {
    border-left-color:#333333
}
.chatbox-bas8033 {
    background-color:#333333
}
.chatbox-bas8033 { 
    background-color: #333333; 
    border-left: 4px solid #FFD700; 
}

.chatbox-bas8033 .username {
    color: #FFFFFF; 
}

.chatbox-bas8033 .cdate {
    color: #FFFFFF; 
}

.chatbox-bas8033 .message {
    color: #FFFFFF; 
}






/*colors_app*/

.my_text.chatbox-basck221::before {
    border-left-color:#FBF8EF
}
.my_text.chatbox-basck221::before {
    border-left-color:#FBF8EF
}
.my_text.chatbox-basck221::before {
    border-left-color:#FBF8EF
}
.chatbox-basck221 {
    background-color:#FBF8EF
}
.chatbox-basck221 { 
    background: linear-gradient(to left, #FBF8EF, #FBF8EF, #FBF8EF);
    border-left: 4px solid #d4c9a1; 
}

.chatbox-basck221 .username {
    color:#000000;
}

.chatbox-basck221 .cdate {
    color:#000000;
}

.chatbox-basck221 .message {
    color:#000000;
}

/**/

.my_text.chatbox-basck211::before {
    border-left-color:#E73879
}
.my_text.chatbox-basck211::before {
    border-left-color:#E73879
}
.my_text.chatbox-basck211::before {
    border-left-color:#E73879
}
.chatbox-basck211 {
    background-color:#E73879
}
.chatbox-basck211 { 
    background: linear-gradient(to left, #E73879, #E73879, #FFCFEF);
    border-left: 4px solid #b22c61; 
}

.chatbox-basck211 .username {
    color:#FFFFFF;
}

.chatbox-basck211 .cdate {
    color:#FFFFFF;
}

.chatbox-basck211 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-bas90::before {
    border-left-color:#4A4947
}
.my_text.chatbox-bas90::before {
    border-left-color:#4A4947
}
.my_text.chatbox-bas90::before {
    border-left-color:#4A4947
}
.chatbox-bas90 {
    background-color:#4A4947
}
.chatbox-bas90 { 
    background: linear-gradient(to left, #4A4947, #4A4947, #000000);
    border-left: 4px solid #2a2928; 
}

.chatbox-bas90 .username {
    color:#FFFFFF;
}

.chatbox-bas90 .cdate {
    color:#FFFFFF;
}

.chatbox-bas90 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-basckk::before {
    border-left-color:#F62817
}
.my_text.chatbox-basckk::before {
    border-left-color:#F62817
}
.my_text.chatbox-basckk::before {
    border-left-color:#F62817
}
.chatbox-basckk {
    background-color:#F62817
}
.chatbox-basckk { 
    background: linear-gradient(to left, #F62817, #F62817, #000000);
    border-left: 4px solid #c32013; 
}

.chatbox-basckk .username {
    color:#FFFFFF;
}

.chatbox-basckk .cdate {
    color:#FFFFFF;
}

.chatbox-basckk .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-bak1::before {
    border-left-color:#F62817
}
.my_text.chatbox-bak1::before {
    border-left-color:#F62817
}
.my_text.chatbox-bak1::before {
    border-left-color:#F62817
}
.chatbox-bak1 {
    background-color:#F62817
}
.chatbox-bak1 { 
    background: linear-gradient(to left, #F62817, #F62817, #000000);
    border-left: 4px solid #c32013; 
}

.chatbox-bak1 .username {
    color:#FFFFFF;
}

.chatbox-bak1 .cdate {
    color:#FFFFFF;
}

.chatbox-bak1 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-black90::before {
    border-left-color:#F62817
}
.my_text.chatbox-black90::before {
    border-left-color:#F62817
}
.my_text.chatbox-black90::before {
    border-left-color:#F62817
}
.chatbox-black90 {
    background-color:#F62817
}
.chatbox-black90 { 
    background: linear-gradient(to left, #F62817, #F62817, #000000);
    border-left: 4px solid #c32013; 
}

.chatbox-black90 .username {
    color:#FFFFFF;
}

.chatbox-black90 .cdate {
    color:#FFFFFF;
}

.chatbox-black90 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-pskfo8::before {
    border-left-color:#FFD700
}
.my_text.chatbox-pskfo8::before {
    border-left-color:#FFD700
}
.my_text.chatbox-pskfo8::before {
    border-left-color:#FFD700
}
.chatbox-pskfo8 {
    background-color:#FFD700
}
.chatbox-pskfo8 { 
    background: linear-gradient(to left, #FFD700, #FF8C00);
    border-left: 4px solid #ccac00; 
}

.chatbox-pskfo8 .username {
    color:#FFFFFF;
}

.chatbox-pskfo8 .cdate {
    color:#FFFFFF;
}

.chatbox-pskfo8 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-black24::before {
    border-left-color:#003366
}
.my_text.chatbox-black24::before {
    border-left-color:#003366
}
.my_text.chatbox-black24::before {
    border-left-color:#003366
}
.chatbox-black24 {
    background-color:#003366
}
.chatbox-black24 { 
    background: linear-gradient(to left, #003366, #000000);
    border-left: 4px solid #002244; 
}

.chatbox-black24 .username {
    color:#FFFFFF;
}

.chatbox-black24 .cdate {
    color:#FFFFFF;
}

.chatbox-black24 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-black27::before {
    border-left-color:#CCCCCC
}
.my_text.chatbox-black27::before {
    border-left-color:#CCCCCC
}
.my_text.chatbox-black27::before {
    border-left-color:#CCCCCC
}
.chatbox-black27 {
    background-color:#CCCCCC
}
.chatbox-black27 { 
    background: linear-gradient(to left, #FFFFFF, #CCCCCC);
    border-left: 4px solid #a6a6a6; 
}

.chatbox-black27 .username {
    color:#000000;
}

.chatbox-black27 .cdate {
    color:#000000;
}

.chatbox-black27 .message {
    color:#000000;
}

/**/

.my_text.chatbox-bas08::before {
    border-left-color:#FFFFFF
}
.my_text.chatbox-bas08::before {
    border-left-color:#FFFFFF
}
.my_text.chatbox-bas08::before {
    border-left-color:#FFFFFF
}
.chatbox-bas08 {
    background-color:#FFFFFF
}
.chatbox-bas08 { 
    background: #FFFFFF;
    border-left: 4px solid #d9d9d9; 
}

.chatbox-bas08 .username {
    color:#000000;
}

.chatbox-bas08 .cdate {
    color:#000000;
}

.chatbox-bas08 .message {
    color:#000000;
}

/**/

.my_text.chatbox-black81::before {
    border-left-color:#F62817
}
.my_text.chatbox-black81::before {
    border-left-color:#F62817
}
.my_text.chatbox-black81::before {
    border-left-color:#F62817
}
.chatbox-black81 {
    background-color:#F62817
}
.chatbox-black81 { 
    background: linear-gradient(90deg, #F62817, #FF4500, #FFD700, #008000, #0000FF, #4B0082, #EE82EE);
    border-left: 4px solid #c32013; 
}

.chatbox-black81 .username {
    color:#FFFFFF;
}

.chatbox-black81 .cdate {
    color:#FFFFFF;
}

.chatbox-black81 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-b789lk::before {
    border-left-color:#000000
}
.my_text.chatbox-b789lk::before {
    border-left-color:#000000
}
.my_text.chatbox-b789lk::before {
    border-left-color:#000000
}
.chatbox-b789lk {
    background-color:#ffffff
}
.chatbox-b789lk { 
    background: linear-gradient(45deg, #ffffff, #f8f8f8, #e0e0e0);
    border-left: 4px solid #cccccc; 
}

.chatbox-b789lk .username {
    color:#252521;
}

.chatbox-b789lk .cdate {
    color:#252521;
}

.chatbox-b789lk .message {
    color:#252521;
}

/**/

.my_text.chatbox-blackk::before {
    border-left-color:#FFFFFF
}
.my_text.chatbox-blackk::before {
    border-left-color:#FFFFFF
}
.my_text.chatbox-blackk::before {
    border-left-color:#FFFFFF
}
.chatbox-blackk {
    background-color:#FFFFFF
}
.chatbox-blackk { 
    background: linear-gradient(to left, #FFFFFF, #FFFFFF, #FFFFFF);
    border-left: 4px solid #d9d9d9; 
}

.chatbox-blackk .username {
    color:#000000;
}

.chatbox-blackk .cdate {
    color:#000000;
}

.chatbox-blackk .message {
    color:#000000;
}

/**/

.my_text.chatbox-black28::before {
    border-left-color:#FFD700
}
.my_text.chatbox-black28::before {
    border-left-color:#FFD700
}
.my_text.chatbox-black28::before {
    border-left-color:#FFD700
}
.chatbox-black28 {
    background-color:#111111
}
.chatbox-black28 { 
    background: #111111;
    border-left: 4px solid #ccac00; 
}

.chatbox-black28 .username {
    color:#FFFFFF;
}

.chatbox-black28 .cdate {
    color:#FFFFFF;
}

.chatbox-black28 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-hark1::before {
    border-left-color:#800000
}
.my_text.chatbox-hark1::before {
    border-left-color:#800000
}
.my_text.chatbox-hark1::before {
    border-left-color:#800000
}
.chatbox-hark1 {
    background-color:#800000
}
.chatbox-hark1 { 
    background: linear-gradient(to left, #800000, #800000, #000000);
    border-left: 4px solid #660000; 
}

.chatbox-hark1 .username {
    color:#FFFFFF;
}

.chatbox-hark1 .cdate {
    color:#FFFFFF;
}

.chatbox-hark1 .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-hark2::before {
    border-left-color:#D3D3D3
}
.my_text.chatbox-hark2::before {
    border-left-color:#D3D3D3
}
.my_text.chatbox-hark2::before {
    border-left-color:#D3D3D3
}
.chatbox-hark2 {
    background-color:#D3D3D3
}
.chatbox-hark2 { 
    background: linear-gradient(to left, #D3D3D3, #D3D3D3, #FFFFFF);
    border-left: 4px solid #b0b0b0; 
}

.chatbox-hark2 .username {
    color:#000000;
}

.chatbox-hark2 .cdate {
    color:#000000;
}

.chatbox-hark2 .message {
    color:#000000;
}

/**/

.my_text.chatbox-silver::before {
    border-left-color:#C0C0C0
}
.my_text.chatbox-silver::before {
    border-left-color:#C0C0C0
}
.my_text.chatbox-silver::before {
    border-left-color:#C0C0C0
}
.chatbox-silver {
    background-color:#C0C0C0
}
.chatbox-silver { 
    background-color: #C0C0C0;
    border-left: 4px solid #a0a0a0; 
}

.chatbox-silver .username {
    color:#FFFFFF;
}

.chatbox-silver .cdate {
    color:#FFFFFF;
}

.chatbox-silver .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-harkk::before {
    border-left-color:#000000
}
.my_text.chatbox-harkk::before {
    border-left-color:#000000
}
.my_text.chatbox-harkk::before {
    border-left-color:#000000
}
.chatbox-harkk {
    background-color:#000000
}
.chatbox-harkk { 
    background-color: #000000;
    border-left: 4px solid #333333; 
}

.chatbox-harkk .username {
    color:#FF8C00;
}

.chatbox-harkk .cdate {
    color:#FF8C00;
}

.chatbox-harkk .message {
    color:#FFFFFF;
}

/**/

.my_text.chatbox-blue9::before {
    border-left-color:#0A0F30
}
.my_text.chatbox-blue9::before {
    border-left-color:#0A0F30
}
.my_text.chatbox-blue9::before {
    border-left-color:#0A0F30
}
.chatbox-blue9 {
    background-color:#0A0F30
}
.chatbox-blue9 { 
    background: #0A0F30;
    border-left: 4px solid #050818; 
}

.chatbox-blue9 .username {
    color:#FFFFFF;
}

.chatbox-blue9 .cdate {
    color:#FFFFFF;
}

.chatbox-blue9 .message {
    color:#E0F0FF;
}




/**/

/* تأثيرات متحركة لـ chatbox-black81 */
@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.chatbox-black81 {
    background-size: 400% 400%;
    animation: gradient-animation 10s ease infinite;
}

/* تأثيرات متحركة لـ chatbox-b789lk */
@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.chatbox-b789lk {
    background-size: 400% 400%;
    animation: gradientMove 5s infinite alternate;
}

.chatbox-b789lk-text-border:hover {
    border-color: #ffaa00;
}

/* تأثيرات متحركة لـ chatbox-black28 */
@keyframes glowText {
    0% { text-shadow: 0 0 3px #FFD700; }
    100% { text-shadow: 0 0 6px #FFD700; }
}

@keyframes tiktokJoinEffect {
    0% { opacity: 0; transform: scale(0.95); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes pulse {
    0% { transform: scale(1); }
    100% { transform: scale(1.05); }
}

.chatbox-black28-text {
    animation: tiktokJoinEffect 0.3s ease-out, glowText 2s infinite alternate ease-in-out;
}

.chatbox-black28-text:after {
    animation: pulse 0.8s infinite alternate;
}

/* تأثيرات متحركة لـ chatbox-hark1 */
@keyframes border-animation {
    0% { border-color: #800000; }
    100% { border-color: #F62817; }
}

@keyframes text-animation {
    0% { opacity: 0; transform: translateY(-10px); }
    100% { opacity: 1; transform: translateY(0); }
}

.chatbox-hark1-text {
    animation: text-animation 1s ease-in-out;
}

.chatbox-hark1 {
    animation: border-animation 2s infinite alternate;
}

/* تأثيرات متحركة لـ chatbox-hark2 */
.chatbox-hark2-text {
    animation: text-animation 1s ease-in-out;
}

/* تأثيرات متحركة لـ chatbox-silver */
@keyframes shine {
    0% { background-position: -200px; }
    100% { background-position: 200px; }
}

@keyframes textEffect {
    0% { opacity: 0; transform: translateX(-100%); }
    50% { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(100%); }
}

@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
    20%, 40%, 60%, 80% { transform: translateX(10px); }
}

@keyframes borderColorChange {
    0% { border-color: #FF6347; }
    25% { border-color: #FFD700; }
    50% { border-color: #ADFF2F; }
    75% { border-color: #00BFFF; }
    100% { border-color: #FF6347; }
}

.chatbox-silver .username {
    animation: shine 8s linear infinite;
}

.chatbox-silver-text {
    animation: textEffect 4s ease-in-out infinite, shake 0.5s;
}

.chatbox-silver {
    animation: borderColorChange 5s linear infinite;
}

/* تأثيرات متحركة لـ chatbox-harkk */
@keyframes slowPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

@keyframes glow {
    0% { text-shadow: 0 0 5px #FFFFFF; }
    50% { text-shadow: 0 0 20px #FFFFFF; }
    100% { text-shadow: 0 0 5px #FFFFFF; }
}

@keyframes borderColorChange2 {
    0% { border-color: #FFFFFF; }
    50% { border-color: #DDDDDD; }
    100% { border-color: #FFFFFF; }
}

.chatbox-harkk .username {
    animation: slowPulse 4s ease-in-out infinite;
}

.chatbox-harkk-text {
    animation: glow 4s ease-in-out infinite, shake 0.5s;
}

.chatbox-harkk {
    animation: borderColorChange2 5s linear infinite;
}

/* تأثيرات متحركة لـ chatbox-blue9 */
@keyframes sparkle {
    0% { opacity: 1; text-shadow: 0 0 4px #0A0F30; }
    100% { opacity: 0.8; text-shadow: 0 0 8px #0A0F30; }
}

@keyframes waveText {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-2px); }
}

@keyframes fadeInScale {
    0% { opacity: 0; transform: scale(0.85); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes heartbeat {
    0% { transform: scale(1); text-shadow: 0 0 4px #0A0F30; }
    100% { transform: scale(1.05); text-shadow: 0 0 8px #0A0F30; }
}

.chatbox-blue9 .username {
    animation: sparkle 1.5s infinite alternate ease-in-out;
}

.chatbox-blue9-text {
    animation: fadeInScale 0.4s ease-out, waveText 2s infinite alternate ease-in-out;
}

.chatbox-blue9-text:after {
    animation: heartbeat 0.8s infinite alternate;
}

/* تأثيرات متحركة لـ chatbox-black24 */
@keyframes breakGlass {
    0% {
        transform: scale(1);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 
                    0px 0px 10px 3px #003366, 
                    0px 0px 20px 6px #FFFFFF;
    }
    50% {
        transform: scale(1.05);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4), 
                    inset 0 0 10px rgba(255, 255, 255, 0.5), 
                    0px 0px 15px rgba(255, 0, 0, 0.8),
                    0px 0px 30px rgba(0, 0, 0, 0.5);
    }
    100% {
        transform: scale(1);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2), 
                    0px 0px 10px 3px #003366, 
                    0px 0px 20px 6px #FFFFFF;
    }
}

.chatbox-black24 {
    animation: breakGlass 2s ease-in-out infinite;
}

/* تأثيرات متحركة لـ chatbox-black27 */
.chatbox-black27 {
    animation: breakGlass 2s ease-in-out infinite;
}

/* تأثيرات متحركة لـ chatbox-bas08 */
@keyframes brokenName {
    0% { letter-spacing: 0; transform: rotate(0deg); }
    50% { letter-spacing: 20px; transform: rotate(-5deg); }
    100% { letter-spacing: 0; transform: rotate(0deg); }
}

@keyframes fireText {
    0% { opacity: 0; transform: translateY(10px); text-shadow: 0 0 10px #F62817, 0 0 20px #F62817, 0 0 30px #F62817; }
    100% { opacity: 1; transform: translateY(0); text-shadow: 0 0 5px #F62817, 0 0 15px #F62817, 0 0 25px #F62817; }
}

.chatbox-bas08 .username {
    animation: brokenName 4s ease-in-out forwards;
}

.chatbox-bas08-text {
    animation: fireText 1.5s ease-in-out forwards;
}

/* تأثيرات متحركة إضافية */
@keyframes bounceEffect {
    0% { transform: translateX(0); }
    50% { transform: translateX(5px); }
    100% { transform: translateX(0); }
}

.chatbox-youth-text:after {
    animation: bounceEffect 1s infinite;
}

/**/
.add-friend {
  color: #d5478e;
  background-color: #f0f8ff;
  padding: 3px;
  border-radius: 50%;
  transition: all 0.3s ease;
  font-size: 16px;
  cursor: pointer;
  border: 2px solid #e0e0e0;
}

.add-friend:hover {
  background-color: #667eea;
  color: white;
  border-color: #667eea;
  transform: rotate(90deg);
}
.fa-flag {
  color: #d5478e;
  background-color: #f0f8ff;
  padding: 3px;
  border-radius: 50%;
  transition: all 0.3s ease;
  font-size: 16px;
  cursor: pointer;
  border: 2px solid #e0e0e0;
}
.fa-flag:hover {
  background-color: #667eea;
  color: white;
  border-color: #667eea;
  transform: rotate(90deg);
}
.fa-bell {
  color: #d5478e;
  background-color: #f0f8ff;
  padding: 3px;
  border-radius: 50%;
  transition: all 0.3s ease;
  font-size: 16px;
  cursor: pointer;
  border: 2px solid #e0e0e0;
}
.fa-bell:hover {
  background-color: #667eea;
  color: white;
  border-color: #667eea;
  transform: rotate(90deg);
}
.fa-trash {
  color: #d5478e;
  background-color: #f0f8ff;
  padding: 3px;
  border-radius: 50%;
  transition: all 0.3s ease;
  font-size: 16px;
  cursor: pointer;
  border: 2px solid #e0e0e0;
}
.fa-trash:hover {
  background-color: #667eea;
  color: white;
  border-color: #667eea;
  transform: rotate(90deg);
}