/*
 * استخراج‌شده از استایلِ رفرنسِ DiviFlash (GPLv2) برای ماژولِ AvatarStack.
 * منبع: difl/avatar-stack (ریشه .difl_avatar_stack، 5 کلاسِ DOM)
 *
 * تنها تغییر نسبت به اصل، همان بازنویسیِ پیشوندِ کلاس‌هاست که در
 * PHP و module.json هم انجام شده — تا هر سه لایه یک DOM را بشناسند.
 * دست‌کاریِ دستی نکن؛ با tools/dfme/extract-module-css.js بازتولید کن.
 */
.dfme_avatar_stack .dfme_avatar_stack_container{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin:0 auto}

.dfme_avatar_stack #dfme-avatar-stack-container:hover .dfme_avatar_stack_item{margin-left:0}

.dfme_avatar_stack #dfme-avatar-stack-container:hover .dfme_avatar_stack_item .dfme_avatar_stack_item_wrapper{transform:translate(var(--dfme-avatarStack-trans-x-normal, 0px), var(--dfme-avatarStack-trans-y-normal, 0px)) rotateX(var(--dfme-avatarStack-rotate-x-normal, 0deg)) rotateY(var(--dfme-avatarStack-rotate-y-normal, 0deg)) rotateZ(var(--dfme-avatarStack-rotate-z-normal, 0deg))}

.dfme_avatar_stack #dfme-avatar-stack-container .dfme_avatar_stack_item:hover .dfme_avatar_stack_item_wrapper{transform:translate(var(--dfme-avatarStack-item-trans-x-hover, var(--dfme-avatarStack-item-trans-x-normal, 0)), var(--dfme-avatarStack-item-trans-y-hover, var(--dfme-avatarStack-item-trans-y-normal, 0))) rotateX(var(--dfme-avatarStack-item-rotate-x-hover, var(--dfme-avatarStack-item-rotate-x-normal, 0))) rotateY(var(--dfme-avatarStack-item-rotate-y-hover, var(--dfme-avatarStack-item-rotate-y-normal, 0))) rotateZ(var(--dfme-avatarStack-item-rotate-z-hover, var(--dfme-avatarStack-item-rotate-z-normal, 0))) scaleX(var(--dfme-avatarStack-item-scale-x-hover, var(--dfme-avatarStack-item-scale-x-normal, 1))) scaleY(var(--dfme-avatarStack-item-scale-y-hover, var(--dfme-avatarStack-item-scale-y-normal, 1))) skewX(var(--dfme-avatarStack-item-skew-x-hover, var(--dfme-avatarStack-item-skew-x-normal, 0))) skewY(var(--dfme-avatarStack-item-skew-y-hover, var(--dfme-avatarStack-item-skew-y-normal, 0)));transition-delay:var(--dfme-avatarStack-item-transition-delay, 0ms)}

.dfme_avatar_stack #dfme-avatar-stack-container .dfme_avatar_stack_item{-webkit-transition:all var(--dfme-avatarStack-item-transition-duration, 300ms) var(--dfme-avatarStack-item-transition-easing, ease-out);transition:all var(--dfme-avatarStack-item-transition-duration, 300ms) var(--dfme-avatarStack-item-transition-easing, ease-out)}

.dfme_avatar_stack #dfme-avatar-stack-container .dfme_avatar_stack_item .dfme_avatar_stack_item_wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all var(--dfme-avatarStack-item-transition-duration, 300ms) var(--dfme-avatarStack-item-transition-easing, ease-out);transition:all var(--dfme-avatarStack-item-transition-duration, 300ms) var(--dfme-avatarStack-item-transition-easing, ease-out)}

.dfme_avatar_stack .dfme_avatar_stack_empty_content{background:#eee;padding:10px 20px}

.dfme_avatar_stack{background-position:center;background-repeat:no-repeat;background-size:cover}

.dfme_avatar_stack .dfme_avatar_stack_container{z-index:2;position:relative}

.et_pb_gutters3 .et_pb_column .dfme_avatar_stack_container .et_pb_module.dfme_avatar_stack_item,.et_pb_gutters3.et_pb_row .et_pb_column .dfme_avatar_stack_container .et_pb_module.dfme_avatar_stack_item{margin:unset;padding:unset}