@charset "UTF-8";
@font-face{font-family:"TicketsEmodji";src:url("/modules/tickets/tickets_reaction/misc/emodji.woff") format("woff"), url("/modules/tickets/tickets_reaction/misc/emodji.woff2") format("woff2");font-display:swap}.tickets-entity-reactions{margin-top:10px;margin-bottom:-27px;width:fit-content;display:flex;gap:5px}.tickets-reaction-list{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:3px}.tickets-reaction-list .tickets-reaction-item{transition:all 200ms ease;background:rgba(255, 255, 255, 0.1);height:30px;border-radius:30px;display:flex;align-items:center;gap:5px;padding:2px}.tickets-reaction-list .tickets-reaction-item-other{align-items:flex-end}.tickets-reaction-list .tickets-reaction-item-other .tickets-reaction-item-emoji-other{margin-bottom:2px}.tickets-reaction-list .tickets-reaction-item:hover{color:var(--w)}.message-operations>.tickets-reaction-button{padding:2.5px 10px 4px;margin:0;color:inherit;text-align:center;font-size:15px}.thread-comment-operations>.tickets-reaction-button{transition:0.2s;padding:4.5px 5px;display:inline-flex}.thread-comment-operations>.tickets-reaction-button:hover{background:rgba(0, 0, 0, 0.2)}*:not(.message-operations):not(.thread-comment-operations)>.tickets-reaction-button{position:relative;display:flex;align-items:center;justify-content:center;background:url("/modules/tickets/tickets_reaction/misc/smile.svg") no-repeat center var(--w);background-size:25px;color:var(--font-color);border-radius:50%;box-shadow:0px 8px 16px 0px rgba(19, 20, 21, 0.1);width:40px;height:40px;font-size:0;flex-shrink:0}.tickets-reaction-list-collection{position:absolute;border:none !important;background:var(--w);max-width:300px;width:fit-content;z-index:999;display:none;border-radius:0;background:none}.tickets-reaction-list-collection[data-show]{display:block}.tickets-reaction-list-collection[data-popper-placement^="top"]>.tickets-reaction-list-arrow{bottom:-4px}.tickets-reaction-list-collection[data-popper-placement^="bottom"]>.tickets-reaction-list-arrow{top:-4px}.tickets-reaction-list-collection[data-popper-placement^="left"]>.tickets-reaction-list-arrow{right:-4px}.tickets-reaction-list-collection[data-popper-placement^="right"]>.tickets-reaction-list-arrow{left:-4px}.tickets-reaction-list-collection .tickets-reaction-list-arrow{visibility:hidden;position:absolute;width:8px;height:8px;background:var(--w);z-index:-1;display:none}.tickets-reaction-list-collection .tickets-reaction-list-arrow::before{position:absolute;width:8px;height:8px;background:inherit;visibility:visible;content:"";transform:rotate(45deg)}.tickets-reaction-list-collection .tickets-reaction-search{width:100%;outline:0;height:40px;margin-bottom:0;display:flex;position:relative;background:var(--answer-color);color:white;border-radius:10px 10px 0 0;border:1px solid currentColor}.tickets-reaction-list-collection .tickets-reaction-search::after{font-family:"IcoFont" !important;content:"";font-size:14px;display:flex;align-items:center;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.tickets-reaction-list-collection .tickets-reaction-search input{width:100%;border:none;background:none;padding:0 8px;color:inherit}.tickets-reaction-list-collection .tickets-reaction-search input::placeholder{opacity:1;color:inherit}.tickets-reaction-list-collection .tickets-reaction-container{overflow:hidden auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--text-color) var(--grey2);max-height:250px;z-index:0;pointer-events:all;display:flex;align-items:center;background:var(--answer-color);border:1px solid currentColor;border-radius:calc(var(--item-radius) * 2);margin:0 !important;transform:none !important;transition:all 200ms ease;color:white}.tickets-reaction-list-collection .tickets-reaction-container:hover{color:var(--w)}.tickets-reaction-list-collection .tickets-reaction-container .tickets-reaction-list-wrapper{display:flex;height:fit-content;flex-direction:column;flex-wrap:nowrap;align-content:space-around;color:inherit}.tickets-reaction-list-collection .tickets-reaction-container .tickets-reaction-list-wrapper .emoji-group label{display:inline-block;font-weight:600;padding:4px 8px}.tickets-reaction-list-collection .tickets-reaction-container .tickets-reaction-list-wrapper .emoji-group .emoji{display:inline-block;position:relative;cursor:pointer;font-size:15px;padding:5px 10px;text-align:center;color:inherit}.tickets-reaction-list-collection .tickets-reaction-container .tickets-reaction-list-wrapper .emoji-group .emoji.hide{display:none}.tickets-reaction-list-collection .tickets-reaction-container .tickets-reaction-list-wrapper .emoji-group .emoji+.emoji{border-left:1px solid currentColor}.tickets-reaction-list-collection .tickets-reaction-container .tickets-reaction-list-wrapper .emoji-group .emoji:hover{background:rgba(0, 0, 0, 0.2)}.tickets-reaction-list-collection .tickets-reaction-container .tickets-reaction-list-wrapper .emoji-group.hide{display:none}.tickets-reaction-list-collection .tickets-reaction-list--not-found{padding:8px;display:none}.tickets-reaction-list-collection .tickets-reaction-list--not-found.empty-search{display:block;background:var(--answer-color);color:white;border:1px solid currentColor;border-radius:0 0 10px 10px;border-top:none}.tickets-reaction-list-collection.is-comment .tickets-reaction-container{background:var(--comment-color)}.tickets-reaction-item-emoji{display:flex;align-items:center;justify-content:center;font-size:14px;width:26px;height:26px;background:var(--answer-color);border-radius:50%;flex-shrink:0}.emoji-group-list{display:flex;flex-wrap:wrap}.emoji-group-popular .emoji-group-list .emoji{line-height:1}.tickets-reaction-item-users{display:flex;padding:0;flex-shrink:0}.tickets-reaction-item-users .tickets-reaction-item-user-avatar{width:26px;height:26px;border-radius:50%;margin:0}.tickets-reaction-item-users .tickets-reaction-item-user-avatar+.tickets-reaction-item-user-avatar{margin-left:-8px}.tickets-reaction-item-count{margin-left:-8px;width:21px;height:21px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:var(--answer-color);font-size:10px;font-weight:600}.tickets-reaction-list--tickets .emoji,.tickets-reaction-item-emoji{font-family:"TicketsEmodji";line-height:0.65}body:not(.tickets-user--client) #thread-selected-messages div.message-wrapper.message-author-client .message-operations>.tickets-reaction-button,body:not(.tickets-user--client) #thread-messages div.message-wrapper.message-author-client .message-operations>.tickets-reaction-button{margin:0;color:inherit;text-align:center}body:not(.tickets-user--client) #thread-selected-messages div.message-wrapper.message-author-client .tickets-reaction-list .tickets-reaction-item,body:not(.tickets-user--client) #thread-messages div.message-wrapper.message-author-client .tickets-reaction-list .tickets-reaction-item{background:rgba(51, 51, 51, 0.1)}body:not(.tickets-user--client) #thread-selected-messages div.message-wrapper.message-author-client .tickets-reaction-list .tickets-reaction-item:hover,body:not(.tickets-user--client) #thread-messages div.message-wrapper.message-author-client .tickets-reaction-list .tickets-reaction-item:hover{color:var(--font-color)}body:not(.tickets-user--client) #thread-selected-messages div.message-wrapper.message-author-client .tickets-reaction-item-emoji,body:not(.tickets-user--client) #thread-messages div.message-wrapper.message-author-client .tickets-reaction-item-emoji{background:#efefef}body:not(.tickets-user--client) .tickets-reaction-list-collection.is-right .tickets-reaction-search,body:not(.tickets-user--client) .tickets-reaction-list-collection.is-right .tickets-reaction-container,body:not(.tickets-user--client) .tickets-reaction-list-collection.is-right .tickets-reaction-list--not-found.empty-search{background:var(--answer-color-reverse);color:var(--font-color)}body:not(.tickets-user--client) .tickets-reaction-list-collection.is-right .tickets-reaction-list-wrapper .emoji-group .emoji:hover{background:rgba(255, 255, 255, 0.8)}body.tickets-user--client .tickets-reaction-list-collection .tickets-reaction-container{background:var(--answer-color-reverse);color:var(--font-color)}body.tickets-user--client .tickets-reaction-list-collection .tickets-reaction-list-wrapper .emoji-group .emoji:hover{background:rgba(255, 255, 255, 0.8)}body.tickets-user--client #thread-selected-messages div.message-wrapper.message-author-staff .message-operations>.tickets-reaction-button,body.tickets-user--client #thread-messages div.message-wrapper.message-author-staff .message-operations>.tickets-reaction-button{margin:0;color:inherit;text-align:center}body.tickets-user--client #thread-selected-messages div.message-wrapper.message-author-staff .tickets-reaction-list .tickets-reaction-item,body.tickets-user--client #thread-messages div.message-wrapper.message-author-staff .tickets-reaction-list .tickets-reaction-item{border-color:rgba(51, 51, 51, 0.3);color:rgba(51, 51, 51, 0.3)}body.tickets-user--client #thread-selected-messages div.message-wrapper.message-author-staff .tickets-reaction-list .tickets-reaction-item:hover,body.tickets-user--client #thread-messages div.message-wrapper.message-author-staff .tickets-reaction-list .tickets-reaction-item:hover{color:var(--font-color)}body.tickets-user--client #thread-selected-messages div.message-wrapper.message-author-staff .tickets-reaction-item-emoji,body.tickets-user--client #thread-messages div.message-wrapper.message-author-staff .tickets-reaction-item-emoji{background:#efefef}body.tickets-user--client .tickets-reaction-list-collection.is-right .tickets-reaction-container{background:var(--answer-color)}body.tickets-user--client .tickets-reaction-list-collection.is-right .tickets-reaction-list-wrapper .emoji-group .emoji:hover{background:#3f454e}.tickets-reaction-list--telegram .tickets-reaction-search+.tickets-reaction-container{border-top:none}.tickets-reaction-list--telegram:has(.empty-search) .tickets-reaction-container{border-bottom:none}.tickets-reaction-list--telegram .tickets-reaction-container{align-items:flex-start;border-radius:0 0 10px 10px}.tickets-reaction-list--telegram .tickets-reaction-container .tickets-reaction-list-wrapper .emoji-group .emoji{font-size:17px}.tickets-reaction-list--telegram .tickets-reaction-container .tickets-reaction-list-wrapper .emoji-group .emoji+.emoji{border-left:0}@media screen and (max-width:767px){.message-operations>.tickets-reaction-button{order:-2}}.thread-comment-wrapper .tickets-reaction-list-collection .tickets-reaction-container{background:var(--comment-color) !important}.thread-comment-wrapper .tickets-reaction-item-emoji{background:rgba(255, 255, 255, 0.15)}.thread-comment-wrapper .card-text>.text-end{gap:10px}.thread-comment-wrapper .card-text>.text-end .thread-comment-other-info{flex-grow:1;display:flex;align-items:center;gap:5px}.thread-comment-wrapper .card-text>.text-end .tickets-reaction-list{justify-content:flex-start;order:1}/*# sourceMappingURL=reaction.css.map */