@keyframes dotsBounceBefore{0{transform:translate3d(0,0,0)}
60%{transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53)}
80%{transform:translate3d(-0.5rem,0,0);animation-timing-function:cubic-bezier(0,1.11,0.7,1.43)}
100%{transform:translate3d(0,0,0)}
}
@keyframes dotsBounceAfter{0{transform:translate3d(0,0,0)}
60%{transform:translate3d(0,0,0);animation-timing-function:cubic-bezier(0.55,0.085,0.68,0.53)}
80%{transform:translate3d(0.5rem,0,0);animation-timing-function:cubic-bezier(0,1.11,0.7,1.43)}
100%{transform:translateX(0)}
}
.case-detail{position:relative;min-height:300px}
.case-detail__wrapper-response-error .case-detail__placeholder{display:block}
.case-detail__wrapper-response-error .case-detail__error-block{display:block;position:absolute;top:50%;left:50%;font-size:30px}
.case-detail__wrapper-ready .case-detail__placeholder{display:none}
.case-detail__utils{display:flex;margin-bottom:65px;justify-content:space-between}
.case-detail__breadcrumbs{margin-bottom:20px;font-size:16px}
.case-detail__main{display:flex;position:relative}
.case-detail__error-block{display:none}
.case-detail__aside{width:240px;margin-right:45px;flex-shrink:0}
.case-detail__info,.case-detail__content{border-radius:5px;background-color:#fff;font-size:16px;line-height:21px;padding:20px;min-height:245px}
.case-detail__info+.case-detail__info{margin-top:30px}
.case-detail__field{font-size:14px}
.case-detail__field+.case-detail__field{margin-top:10px}
.case-detail__field-text,.case-detail__author-name{font-weight:700;font-style:normal;color:#282828}
.case-detail__field-title{font-size:13px}
.case-detail__status-button{color:#000;font-weight:700;font-style:normal;width:fit-content}
.case-detail__status-button.case-detail__status-active{background-color:#4a6785}
.case-detail__status-button.case-detail__status-closed{background-color:#14892c}
.case-detail__status-button.case-detail__status-cancelled,.case-detail__status-button.case-detail__status-duplicate{background-color:#d04437}
.case-detail__status-button.case-detail__status-active,.case-detail__status-button.case-detail__status-closed,.case-detail__status-button.case-detail__status-cancelled,.case-detail__status-button.case-detail__status-duplicate{color:#fff}
.case-detail__info-title{font-size:18px;line-height:22px;margin-bottom:10px}
.case-detail__info-item+.case-detail__info-item{margin-top:10px}
.case-detail__info-link{font-size:16px;word-break:break-word;line-height:26px;color:#002fa7}
.case-detail__info-link:hover{text-decoration:underline}
.case-detail__attachments-block{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid #e4e5e6}
.case-detail__attachments-button{background-color:#0684bd;cursor:pointer;padding:7px 21px;outline:0;color:#fff;border-radius:3px;font-size:14px;align-items:center}
.case-detail__attachments-button-icon{width:16px;height:16px;margin-right:5px}
.case-detail__attachments-description{text-align:center;font-size:12px;color:#706e6b;max-width:120px;margin:0 auto}
.case-detail__attachments-content{overflow-y:auto;max-height:220px;flex:1;position:relative}
.case-detail__attachments-content .case-detail__placeholder,.case-detail__attachments-content .case-detail__spinner{display:none;opacity:1;z-index:5}
.case-detail__attachments-content-load{position:relative}
.case-detail__attachments-content-load:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background-color:#fff;opacity:.7;z-index:2}
.case-detail__attachments-content-load .case-detail__placeholder,.case-detail__attachments-content-load .case-detail__spinner{display:block}
.case-detail__attachments-list{list-style:none}
.case-detail__attachments-file{overflow:hidden;margin:5px 0;border:1px solid transparent;border-radius:4px;padding:5px 2px}
.case-detail__attachments-file:hover .case-detail__attachments-file-delete{display:block}
.case-detail__attachments-file-link{display:flex}
.case-detail__attachments-file-icon{padding:4px 10px 0;position:relative}
.case-detail__attachments-file-icon svg{width:18px;height:26px;color:#676767}
.case-detail__attachments-file-extension{position:absolute;background-color:#2098ce;padding:1px 2px;right:10px;text-align:center;top:12px;text-transform:uppercase;font-size:8px;color:#fff;height:14px;display:flex;justify-content:center;align-items:center}
.case-detail__attachments-file-label{font-size:14px;transition:color .5s;color:#282828;font-weight:600;font-style:normal;line-height:1;overflow:hidden;padding-bottom:20px;position:relative;word-break:break-all;flex:1;cursor:pointer}
.case-detail__attachments-file-label::after{content:attr(data-size);position:absolute;left:0;bottom:2px;font-size:11px;color:#706e6b}
.case-detail__attachments-file-delete{display:none;position:absolute;top:50%;transform:translateY(-50%);right:1px;vertical-align:middle;color:#6b6d70;border:1px solid #e8e8e8;width:32px;height:32px;background-color:#fff;border-radius:5px}
.case-detail__attachments-file-delete:hover{color:#ef4b23}
.case-detail__attachments-file-delete svg{width:14px;height:14px;margin:auto}
.case-detail__attachments-button,.case-detail__comments-send-button{display:flex;align-items:center;border:0}
.case-detail__attachments-button:hover,.case-detail__comments-send-button:hover{background-color:#2098ce}
.case-detail__additional-features-wrapper{display:flex;flex-wrap:wrap;min-height:0}
.case-detail__additional-features-wrapper--disabled{display:none}
.case-detail__escalate-button,.case-detail__reopen-button,.case-detail__close-button{border-radius:5px;justify-content:center;padding:5px 20px;font-weight:600;margin-right:10px;font-size:14px;cursor:default;width:50%;text-wrap:nowrap}
.case-detail__escalate-button{background:#fff;color:#ccc;border:2px solid #ccc;display:flex}
.case-detail__escalate-button--active{background:#0684bd;border-color:#0684bd;color:#fff;cursor:pointer}
.case-detail__escalate-button--escalated{background:#ffcf00;color:#282828;border-color:#ffcf00}
.case-detail__escalate-button--disabled{display:none}
.case-detail__reopen-button{display:none;background:#0684bd;color:#fff;border:2px solid #0684bd}
.case-detail__reopen-button--active{display:flex;cursor:pointer}
.case-detail__close-button{display:none;background:#0684bd;color:#fff;border:2px solid #0684bd;margin-right:0}
.case-detail__close-button--active{margin-top:15px;display:flex;cursor:pointer}
.case-detail__content{flex-grow:1;overflow:auto}
.case-detail__case-subject{font-size:28px;line-height:36px;color:#706e6b;margin-bottom:20px}
.case-detail__case-description{font-weight:500;font-style:normal;overflow:hidden;font-size:14px;line-height:24px;color:#000;padding-bottom:20px;border-bottom:1px solid #e4e5e6}
.case-detail__case-description-overview{padding:20px 0;font-size:13px}
.case-detail__comments-title{font-size:18px;color:#676767;margin-bottom:10px;line-height:27px;font-weight:500;font-style:normal}
.case-detail__comments-wrapper{padding:10px 0;margin-bottom:20px}
.case-detail__comments-input{width:100%;border-radius:0 4px 4px 0;border:1px solid #e4e5e6;padding:7px 42px 7px 10px;min-height:70px}
.case-detail__comments-input:focus{border-color:#1589ee;box-shadow:#0070d2 0 0 3px 0}
.case-detail__comments-input-wrapper{display:flex;position:relative}
.case-detail__comments-input-wrapper .case-detail__placeholder,.case-detail__comments-input-wrapper .case-detail__spinner{display:none}
.case-detail__comments-input-wrapper-load .case-detail__placeholder,.case-detail__comments-input-wrapper-load .case-detail__spinner{display:block}
.case-detail__comments-send-button{position:absolute;right:0;top:0;bottom:0;width:32px;cursor:pointer;justify-content:center;border-radius:0 4px 4px 0;background-color:#2098ce}
.case-detail__comments-send-button-icon{color:#fff}
.case-detail__comments-send-button-icon svg{width:14px;height:14px}
.case-detail__comments-send-button-active{background-color:#0684bd;cursor:pointer}
.case-detail__author-avatar{margin-bottom:5px}
.case-detail__author-avatar-img{height:52px;width:52px;border-radius:50%}
.case-detail__author-name{line-height:14px;text-align:center}
.case-detail__comment-item{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:10px}
.case-detail__comment-item.case-detail__comment-item-current{flex-direction:row-reverse}
.case-detail__comment-item.case-detail__comment-item-current .case-detail__comment-description{background-color:#55b0da}
.case-detail__comment-item.case-detail__comment-item-current .case-detail__comment-description::before{border:4px solid transparent;border-right:0;border-left:8px solid #55b0da;left:100%}
.case-detail__comment-item.case-detail__comment-item-current .case-detail__comment-date{text-align:left;color:#fff}
.case-detail__comment-author{width:120px;display:flex;align-items:center;overflow:hidden;max-width:120px;min-width:120px;flex-direction:column}
.case-detail__comment-description{position:relative;background:#f3f5f6;border-radius:4px;padding:10px 10px 5px;color:#000}
.case-detail__comment-description::before{content:"";width:0;height:0;border-top:4px solid transparent;border-right:8px solid #f3f5f6;border-bottom:4px solid transparent;position:absolute;left:-8px;top:15px}
.case-detail__comment-text{overflow-wrap:anywhere;white-space:pre-line}
.case-detail__comment-date{font-size:11px;line-height:12px;margin-top:5px;text-align:right;font-weight:300;font-style:normal;color:#676767}
.case-detail__placeholder{position:absolute;top:0;bottom:0;left:0;right:0;transition:all .3s;background:#fff;opacity:.6}
.case-detail__spinner{position:absolute;top:50%;left:48%;z-index:1;width:34px;transform:translate(-50%,-50%) rotate(90deg);will-change:transform}
.case-detail__spinner.case-detail__spinner-small{width:22px}
.case-detail__spinner-dot{position:absolute;top:0;left:0;width:100%}
.case-detail__spinner-dot--a{transform:rotate(60deg)}
.case-detail__spinner-dot--b{transform:rotate(120deg)}
.case-detail__spinner:before,.case-detail__spinner:after,.case-detail__spinner-dot::before,.case-detail__spinner-dot:after{width:8px;height:8px;content:"";position:absolute;background:#0684bd;border-radius:50%;animation-duration:1000ms;animation-iteration-count:infinite;transform:translate3d(0,0,0)}
.case-detail__spinner:before,.case-detail__spinner-dot::before{animation-name:dotsBounceBefore;top:-5px;left:-5px}
.case-detail__spinner:after,.case-detail__spinner-dot:after{animation-name:dotsBounceAfter;top:-5px;right:-5px}
.case-detail__spinner-small:before,.case-detail__spinner-small:after,.case-detail__spinner-small-dot::before,.case-detail__spinner-small-dot:after{width:5px;height:5px}
.case-detail__spinner-small:before,.case-detail__spinner-small-dot::before{top:-3px;left:-3px}
.case-detail__spinner-small:after,.case-detail__spinner-small-dot:after{top:-3px;right:-3px}
.case-detail__spinner:before{animation-delay:-83.3333ms}
.case-detail__spinner-dot--a:before{animation-delay:83.3333ms}
.case-detail__spinner-dot--b:before{animation-delay:250ms}
.case-detail__spinner:after{animation-delay:416.667ms}
.case-detail__spinner-dot--a:after{animation-delay:583.333ms}
.case-detail__spinner-dot--b:after{animation-delay:750ms}
.case-detail__attach-icon-placeholder{display:none}
.case-detail__delete-attach-icon-placeholder{display:none}
.case-detail__deactivate.case-detail__attachments-button{cursor:unset;background-color:#9a9999}
.case-detail__deactivate.case-detail__comments-input-wrapper{display:none}