/* Shared sprite-based icon classes used across the app */
/* Served from public so URLs resolve at runtime without bundler processing */

.friends_requests_icon { background-image: url(/icons/icons11.png); background-position: 0 -117px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; display: inline-block; -webkit-filter: invert(10%); filter: invert(10%); }
.friends_suggestions_icon { background-image: url(/icons/icons11.png); background-position: 0 -75px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; -webkit-filter: invert(10%); filter: invert(10%); display: inline-block; }
.all_friends_icon { background-image: url(/icons/icons11.png); background-position: 0 -96px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; -webkit-filter: invert(10%); filter: invert(10%); display: inline-block; }
.birthdays_icon { background-image: url(/icons/icons11.png); background-position: 0 -138px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; -webkit-filter: invert(10%); filter: invert(10%); display: inline-block; }

/* Core icons used widely in comment/create flows and popups */
.like_icon { background-image: url(/icons/icons5.png); background-position: 0 -243px; background-size: auto; width: 18px; height: 18px; background-repeat: no-repeat; display: inline-block; filter: invert(40%); }
.comment_icon { background-image: url(/icons/icons5.png); background-position: 0 -205px; background-size: auto; width: 18px; height: 18px; background-repeat: no-repeat; display: inline-block; filter: invert(40%); }
.share_icon { background-image: url(/icons/icons5.png); background-position: 0 -262px; background-size: auto; width: 18px; height: 18px; background-repeat: no-repeat; display: inline-block; filter: invert(40%); }
.emoji_icon { background-image: url(/icons/icons5.png); background-position: 0 -434px; background-size: auto; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; filter: invert(40%); }
.camera_icon { background-image: url(/icons/icons5.png); background-position: 0 -366px; background-size: auto; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; filter: invert(40%); }
.gif_icon { background-image: url(/icons/icons5.png); background-position: 0 -451px; background-size: auto; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; filter: invert(40%); }
.sticker_icon { background-image: url(/icons/icons5.png); background-position: 0 -468px; background-size: auto; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; filter: invert(40%); }
.exit_icon { background-image: url(/icons/icons6.png); background-position: -126px -71px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; display: inline-block; filter: invert(40%); }

/* Misc. UI icons referenced in multiple places */
.plus_icon { background-image: url(/icons/icons32.png); background-position: 0 -25px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; display: inline-block; }
.minus_icon { background-image: url(/icons/icons33.png); background-position: 0 -50px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; display: inline-block; }
.frame_icon { background-image: url(/icons/icons31.png); background-position: 0 -130px; background-size: auto; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; }
.crop_icon { background-image: url(/icons/icons31.png); background-position: 0 -113px; background-size: auto; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; }
.temp_icon { background-image: url(/icons/icons31.png); background-position: 0 -96px; background-size: auto; width: 16px; height: 16px; background-repeat: no-repeat; display: inline-block; }
.unfriend_outlined_icon { background-image: url(/icons/icons30.png); background-position: 0 -105px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; display: inline-block; }
.public_icon { background-image: url(/icons/publicpack.png); background-position: 0 -109px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; display: inline-block; }
.friends_home_icon { background-image: url(/icons/icons40.png); background-position: 0 -423px; background-size: auto; width: 20px; height: 20px; background-repeat: no-repeat; display: inline-block; }
.right_icon { background-image: url(/icons/icons18.png); background-position: -83px -13px; background-size: auto; width: 24px; height: 24px; background-repeat: no-repeat; display: inline-block; filter: invert(50%); }

/* Keep this file minimal; add more selectors here only if used by multiple features. */