.masterstudy-file-attachment{display:flex;flex-direction:column;width:100%;align-items:center;padding:10px 20px 10px 15px;border-radius:4px;background:#eef1f7}.masterstudy-file-attachment__image{display:flex;align-items:center;width:34px;height:30px;flex-shrink:0;margin-right:20px}.masterstudy-file-attachment__image.masterstudy-file-attachment__image_preview{border-radius:4px;-o-object-fit:cover;object-fit:cover}.masterstudy-file-attachment__wrapper{display:flex;flex-wrap:wrap;align-items:center;width:100%;background:0 0;overflow:hidden}.masterstudy-file-attachment__wrapper a:last-child.masterstudy-file-attachment__delete,.masterstudy-file-attachment__wrapper a:last-child.masterstudy-file-attachment__link{margin-right:0}.masterstudy-file-attachment__info{display:flex;width:100%;align-items:center}.masterstudy-file-attachment__title-wrapper{display:flex;flex:1 0 0;align-items:center;margin-right:20px}.masterstudy-file-attachment .masterstudy-audio-player{margin-top:10px;height:50px}.masterstudy-file-attachment a.masterstudy-file-attachment__title{display:flex;align-items:center;font-size:16px;font-style:normal;font-weight:500;line-height:normal;color:#001931;padding:0;margin:0}.masterstudy-file-attachment a.masterstudy-file-attachment__title:hover{text-decoration:none;color:var(--accent-100)}.masterstudy-file-attachment span.masterstudy-file-attachment__title{display:flex;flex:1 0 0;align-items:center;font-size:16px;font-style:normal;font-weight:500;line-height:normal;color:#001931;margin-right:20px}.masterstudy-file-attachment__size{display:flex;align-items:center;font-size:14px;font-style:normal;font-weight:500;line-height:normal;color:#808c98;margin-right:20px}.masterstudy-file-attachment a.masterstudy-file-attachment__link{display:flex;align-items:center;font-size:14px;font-style:normal;font-weight:500;line-height:normal;color:var(--accent-100);text-decoration:none;margin-right:20px}.masterstudy-file-attachment a.masterstudy-file-attachment__link::before{content:"\e941";font-family:stmlms;font-size:14px;color:var(--accent-100);margin-right:5px}.masterstudy-file-attachment a.masterstudy-file-attachment__link:hover{color:var(--accent-100)}.masterstudy-file-attachment .masterstudy-file-attachment__delete{display:flex;align-items:center;font-size:14px;font-style:normal;font-weight:500;line-height:normal;color:var(--accent-100);text-decoration:none;outline:0;box-shadow:none;margin-right:20px}.masterstudy-file-attachment .masterstudy-file-attachment__delete::before{content:"\e956";font-family:stmlms;font-size:14px;color:#4d5e6f;margin-right:5px;transition:.2s}.masterstudy-file-attachment.masterstudy-file-attachment_dark-mode{background:#2d2d2d}.masterstudy-file-attachment.masterstudy-file-attachment_dark-mode .masterstudy-file-attachment__title{color:#fff}.masterstudy-file-attachment.masterstudy-file-attachment_dark-mode a.masterstudy-file-attachment__delete::before{color:rgba(255,255,255,.7)}@media (max-width:576px){.masterstudy-file-attachment span.masterstudy-file-attachment__title,.masterstudy-file-attachment__title-wrapper{width:100%;flex:auto;margin-right:0;margin-bottom:4px}.masterstudy-file-attachment__image{margin-right:15px}.masterstudy-file-attachment a.masterstudy-file-attachment__delete,.masterstudy-file-attachment a.masterstudy-file-attachment__link,.masterstudy-file-attachment__size{margin-right:10px}}body.rtl .masterstudy-file-attachment__image,body.rtl .masterstudy-file-attachment__size,body.rtl .masterstudy-file-attachment__title-wrapper{margin-left:20px;margin-right:0}body.rtl .masterstudy-file-attachment a.masterstudy-file-attachment__link::before{margin-left:5px;margin-right:0}