@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-attachments__wrapper{display:flex;flex-direction:column;background:#fff;padding:16px 16px 32px;border-radius:3px;min-width:561px;max-width:600px;position:relative}
.case-detail-attachments__wrapper .case-detail-attachments__disable{display:none}
.case-detail-attachments__title{padding-bottom:16px;margin-bottom:32px;border-bottom:1px solid #e4e5e6;font-weight:300;font-style:normal;font-size:21px;text-align:center;width:100%}
.case-detail-attachments__text{font-size:14px;line-height:21px;color:#032d60}
.case-detail-attachments__filename{flex:1;display:block;font-size:18px;padding:10px 0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.case-detail-attachments__input-wrapper{display:flex;margin:5px auto}
.case-detail-attachments__load{position:absolute;top:-1000px}
.case-detail-attachments__upload{display:none}
.case-detail-attachments__choose-btn{background-color:#0684bd;padding:7px 21px;outline:0;cursor:pointer;border:0;line-height:16px;color:#fff;border-radius:3px;font-size:14px;font-weight:300;font-style:normal;text-decoration:none;margin:0 10px}
.case-detail-attachments__choose-btn span{display:flex;color:#fff}
.case-detail-attachments__message-text{font-size:18px;padding:20px 0}
.case-detail-attachments__choose-wrapper .case-detail-attachments__placeholder,.case-detail-attachments__choose-wrapper .case-detail-attachments__spinner{display:none}
.case-detail-attachments__choose-wrapper-upload .case-detail-attachments__placeholder,.case-detail-attachments__choose-wrapper-upload .case-detail-attachments__spinner{display:block}
.case-detail-attachments__success-wrapper svg{color:#00c6b7;width:48px;height:48px;margin:0 auto}
.case-detail-attachments__error-wrapper svg,.case-detail-attachments__limit-wrapper svg{color:#ef6e64;width:65px;height:65px;margin:0 auto}
.case-detail-attachments__message-wrapper{display:flex;flex-direction:column;justify-content:center;text-align:center}
.case-detail-attachments__placeholder{position:absolute;top:0;bottom:0;left:0;right:0;transition:all .3s;background:#fff;opacity:.6}
.case-detail-attachments__spinner{position:absolute;top:50%;left:48%;z-index:1;width:34px;transform:translate(-50%,-50%) rotate(90deg);will-change:transform}
.case-detail-attachments__spinner.case-detail-attachments__spinner-small{width:22px}
.case-detail-attachments__spinner-dot{position:absolute;top:0;left:0;width:100%}
.case-detail-attachments__spinner-dot--a{transform:rotate(60deg)}
.case-detail-attachments__spinner-dot--b{transform:rotate(120deg)}
.case-detail-attachments__spinner:before,.case-detail-attachments__spinner:after,.case-detail-attachments__spinner-dot::before,.case-detail-attachments__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-attachments__spinner:before,.case-detail-attachments__spinner-dot::before{animation-name:dotsBounceBefore;top:-5px;left:-5px}
.case-detail-attachments__spinner:after,.case-detail-attachments__spinner-dot:after{animation-name:dotsBounceAfter;top:-5px;right:-5px}
.case-detail-attachments__spinner:before{animation-delay:-83.3333ms}
.case-detail-attachments__spinner-dot--a:before{animation-delay:83.3333ms}
.case-detail-attachments__spinner-dot--b:before{animation-delay:250ms}
.case-detail-attachments__spinner:after{animation-delay:416.667ms}
.case-detail-attachments__spinner-dot--a:after{animation-delay:583.333ms}
.case-detail-attachments__spinner-dot--b:after{animation-delay:750ms}
@media only screen and (max-width:619px){.case-detail-attachments__wrapper{min-width:0}
.case-detail-attachments__input-wrapper{flex-direction:column;align-items:normal}
.case-detail-attachments__text,.case-detail-attachments__title,.case-detail-attachments__input{margin-bottom:10px}
}