@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-creation-step-attachment{width:672px;max-width:100%;margin:auto;color:#222}
.case-creation-step-attachment__wrapper{position:relative}
.case-creation-step-attachment__title{margin-bottom:4px}
.case-creation-step-attachment__form{background:#fff;padding:32px 40px;border-radius:8px 8px 0 0;box-shadow:0 1px 1px 0 #00000029}
.case-creation-step-attachment__wrapper-buttons{background:#fff;display:flex;padding:0 40px 32px;border-radius:0 0 8px 8px;box-shadow:0 1px 1px 0 #00000029}
.case-creation-step-attachment__btn-next,.case-creation-step-attachment__btn-upload{margin-left:auto}
.case-creation-step-attachment__description{font-size:16px;line-height:24px;text-align:center;color:#4d4d5f}
.case-creation-step-attachment__drop-area{margin-top:24px;border-radius:8px;background-color:#fcfcfc;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J25vbmUnIHJ4PSc4JyByeT0nOCcgc3Ryb2tlPScjRDNEM0QzJyBzdHJva2Utd2lkdGg9JzEnIHN0cm9rZS1kYXNoYXJyYXk9JzEwJyBzdHJva2UtZGFzaG9mZnNldD0nMTEnIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnLz48L3N2Zz4=")}
.case-creation-step-attachment__drop-area.case-creation-step-attachment__drop-area_active{background-color:#f5f9fc;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMTAwJScgaGVpZ2h0PScxMDAlJyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxyZWN0IHdpZHRoPScxMDAlJyBoZWlnaHQ9JzEwMCUnIGZpbGw9J25vbmUnIHJ4PSc4JyByeT0nOCcgc3Ryb2tlPScjODNCN0Q2JyBzdHJva2Utd2lkdGg9JzEnIHN0cm9rZS1kYXNoYXJyYXk9JzEwJyBzdHJva2UtZGFzaG9mZnNldD0nMTEnIHN0cm9rZS1saW5lY2FwPSdzcXVhcmUnLz48L3N2Zz4=")}
.case-creation-step-attachment__label{cursor:copy;text-align:center;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;font-size:16px;line-height:24px}
.case-creation-step-attachment__label-text{margin-top:24px;margin-bottom:8px}
.case-creation-step-attachment__label b{font-weight:500;color:#066fac}
.case-creation-step-attachment__label svg{width:64px;height:64px;color:transparent}
.case-creation-step-attachment__maxsize-text{font-size:14px;line-height:21px;color:#4d4d5f}
.case-creation-step-attachment__upload{display:none}
.case-creation-step-attachment__list{margin-top:24px;display:flex;flex-direction:column;gap:24px}
.case-creation-step-attachment__item{color:#222;display:flex;align-items:center;border:1px solid #d3d3d3;border-radius:8px;min-height:56px;padding:8px 20px}
.case-creation-step-attachment__item .size{color:#6f6f6f}
.case-creation-step-attachment__item_disable{display:none}
.case-creation-step-attachment__item_valid .case-creation-step-attachment__status{display:none}
.case-creation-step-attachment__item_large{color:#be3933;border-color:#be3933}
.case-creation-step-attachment__item_large .size{color:#be3933}
.case-creation-step-attachment__item_large .case-creation-step-attachment__status{padding-left:2px;font-size:16px;line-height:24px}
.case-creation-step-attachment__limit{font-size:16px;color:#fff;margin-top:24px;display:flex;align-items:center;border:1px solid #d63e39;border-radius:8px;min-height:56px;padding:8px 20px;background:#d63e39}
.case-creation-step-attachment__limit--disabled{display:none}
.case-creation-step-attachment__icon{width:20px;height:20px;margin-right:16px;flex-shrink:0}
.case-creation-step-attachment__name{font-size:16px;padding-right:4px;line-height:24px;max-width:100%;overflow:hidden}
.case-creation-step-attachment__delete{cursor:pointer;width:20px;height:20px;margin-left:auto;flex-shrink:0}
.case-creation-step-attachment__delete span{pointer-events:none}
.case-creation-step-attachment .hide{display:none}
@media only screen and (max-width:619px){.case-creation-step-attachment__form{padding:24px 20px;margin-bottom:24px;border-radius:8px}
.case-creation-step-attachment__wrapper-buttons{padding:20px;border-radius:8px}
.case-creation-step-attachment__description{font-size:14px;line-height:21px}
.case-creation-step-attachment__drop-area{background:#f6f6f6;border:0}
.case-creation-step-attachment__label{min-height:200px}
.case-creation-step-attachment__label-text{font-size:15px;margin-bottom:4px}
.case-creation-step-attachment__item,.case-creation-step-attachment__limit{min-height:48px;padding:8px 16px}
.case-creation-step-attachment__limit{margin-top:16px}
.case-creation-step-attachment__item_large .case-creation-step-attachment__status{font-size:14px;line-height:21px}
.case-creation-step-attachment__list{gap:16px}
.case-creation-step-attachment__name,.case-creation-step-attachment__limit{font-size:14px;line-height:21px}
.case-creation-step-attachment__icon{margin-right:12px}
}