.form-media{font-family:'Averta', sans-serif}.form-media [hidden]{display:none !important}.form-media button{font-family:inherit;cursor:pointer}.form-media button:disabled{opacity:.5;cursor:default}.form-media__section{display:flex;flex-direction:column;margin-bottom:30px}.form-media__title{font-family:'Averta Bold', sans-serif;line-height:1.2;text-align:center;margin-bottom:16px}.form-media__box{display:flex;flex-direction:column;gap:12px;min-height:150px;padding:10px;background:#fff;border:1px solid #e3e3e3;border-radius:4px;transition:border-color .2s}.form-media__box.is-active{border-color:#8cc4ef}.form-media__box.is-error{border-color:#d50032}.form-media__text{display:flex;flex-direction:column;flex:1;margin:0;cursor:text}.form-media__text__label{display:none;font-size:10px;color:#6b6b6b;margin-bottom:2px}.form-media__text textarea{flex:1;width:100%;min-height:70px;padding:0;border:0;outline:0;resize:none;background:transparent;font:inherit;font-size:14px;font-weight:500;line-height:1.4;color:#1a1a1a}.form-media__text textarea::placeholder{color:#6b6b6b;font-weight:400}.form-media__box.has-value .form-media__text__label{display:block}.form-media__box.has-value .form-media__text textarea::placeholder{color:transparent}.form-media__toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.form-media__toolbar__side{display:flex;align-items:center;gap:8px}.form-media__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #d6d6d6;border-radius:50%;background:#fff;color:#1a1a1a}.form-media__icon-btn:hover{border-color:#aaa}.form-media__pill-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;border:1px solid #d6d6d6;border-radius:16px;background:#fff;color:#1a1a1a;font-size:12px;font-weight:700}.form-media__pill-btn:hover{border-color:#aaa}.form-media__red-btn{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 24px;border:0;border-radius:16px;background:#d50032;color:#fff;font-size:12px;font-weight:700}.form-media__red-btn:hover:not(:disabled){background:#b3002a}.form-media__audio{display:flex;align-items:center;gap:10px;height:36px;padding:0 12px 0 4px;background:#f0f0f0;border:1px solid #d6d6d6;border-radius:18px}.form-media__audio__toggle{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:0;border-radius:50%;background:#1a1a1a;color:#fff}.form-media__audio__wave{flex:1;display:flex;align-items:center;gap:3px;height:20px;overflow:hidden;font-size:12px;color:#6b6b6b;white-space:nowrap}.form-media__audio__wave span{flex:none;width:2px;min-height:2px;border-radius:1px;background:#1a1a1a}.form-media__audio__wave span.is-played{background:#d50032}.form-media__audio.is-recording .form-media__audio__wave span{background:#d50032}.form-media__audio.is-recording .form-media__audio__toggle{visibility:hidden}.form-media__audio__mic{flex:none;color:#1a1a1a}.form-media__audio__time{flex:none;font-size:13px;font-weight:700}.form-media__files{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.form-media__file{position:relative;display:flex;align-items:center;gap:6px;max-width:100%;height:44px;padding:4px 28px 4px 4px;background:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;font-size:12px}.form-media__file [data-role="file-thumb"]{display:flex;align-items:center}.form-media__file img,.form-media__file video{width:36px;height:36px;object-fit:cover;border-radius:2px;background:#ddd}.form-media__file__name{max-width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-media__file__remove{position:absolute;top:50%;right:4px;margin-top:-10px}.form-media__file__remove,.form-media__audio__remove{flex:none;width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:#6b6b6b;font-size:16px;line-height:20px}.form-media__file__remove:hover,.form-media__audio__remove:hover{color:#d50032}.form-media__field{display:flex;flex-direction:column;margin-bottom:12px}.form-media__field input[type="text"],.form-media__field input[type="email"],.form-media__field input[type="tel"]{width:100%;height:40px;padding:0 10px;background:#fff;border:1px solid #e3e3e3;border-radius:4px;outline:0;font:inherit;font-size:13px;color:#1a1a1a}.form-media__field input[type="text"]:focus,.form-media__field input[type="email"]:focus,.form-media__field input[type="tel"]:focus{border-color:#8cc4ef}.form-media__field.is-error input{border-color:#d50032}.form-media__checkbox{display:flex;align-items:flex-start;gap:8px;margin:0;font-size:12px;font-weight:500;line-height:16px;cursor:pointer}.form-media__checkbox input{flex:none;width:14px;height:14px;margin:1px 0 0;accent-color:#d50032}.form-media__checkbox a{color:inherit;text-decoration:underline}.form-media__field.is-error .form-media__checkbox{color:#d50032}.form-media__error{font-size:11px;color:#d50032;margin-top:4px}.form-media__error:empty{display:none}.form-media__submit{align-self:flex-start;height:36px;margin-top:8px;padding:0 32px;border-radius:18px;text-transform:uppercase}.form-media__status{margin-top:12px;font-size:13px;font-weight:600}.form-media__status:empty{display:none}.form-media__status.is-success{color:#1e8e3e}.form-media__status.is-error{color:#d50032}
