.vk-attach{display:flex;flex-direction:column;gap:var(--space-2)}.vk-attach[hidden]{display:none}.vk-attach__label{font-weight:500;color:var(--vk-ink)}.vk-attach__box{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--vk-white);border:1px dashed var(--vk-graphite);border-radius:var(--vk-radius);cursor:pointer;transition:border-color .15s ease-out,background-color .15s ease-out}.vk-attach__box:hover{border-color:var(--vk-slate)}.vk-attach__box:focus-within{border-color:var(--vk-ink)}.vk-attach--done .vk-attach__box{border-style:solid;border-color:var(--vk-forest)}.vk-attach--error .vk-attach__box{border-color:var(--vk-red)}.vk-attach--dragover .vk-attach__box{border-color:var(--vk-ink);background:var(--vk-mist)}.vk-attach__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.vk-attach__icon{flex:0 0 auto;width:20px;height:20px;color:var(--vk-slate)}.vk-attach--done .vk-attach__icon{color:var(--vk-forest)}.vk-attach__text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.vk-attach__prompt{color:var(--vk-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vk-attach__hint{font-size:.875em;color:var(--vk-slate)}.vk-attach__bar{height:4px;background:var(--vk-graphite);border-radius:var(--radius-pill, 999px);overflow:hidden}.vk-attach__bar[hidden]{display:none}.vk-attach__bar-fill{height:100%;width:40%;background:var(--vk-ink);border-radius:var(--radius-pill, 999px)}.vk-attach--uploading .vk-attach__bar-fill{animation:vk-attach-indeterminate 1.1s ease-in-out infinite}@keyframes vk-attach-indeterminate{0%{margin-left:-40%}to{margin-left:100%}}.vk-attach--uploading .vk-attach__status-text:before{content:"";display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-2px;border:2px solid var(--vk-graphite);border-top-color:var(--vk-ink);border-radius:50%;animation:vk-attach-spin .9s linear infinite}@keyframes vk-attach-spin{to{transform:rotate(360deg)}}.vk-attach__status{font-size:.875em;color:var(--vk-slate);display:flex;align-items:baseline;gap:var(--space-2)}.vk-attach__status[hidden]{display:none}.vk-attach--done .vk-attach__status{color:var(--vk-forest)}.vk-attach--error .vk-attach__status{color:var(--vk-red)}.vk-attach__remove{background:none;border:none;padding:0;font:inherit;color:var(--vk-slate);text-decoration:underline;cursor:pointer}.vk-attach__remove:hover{color:var(--vk-ink)}@media(prefers-reduced-motion:reduce){.vk-attach__box{transition:none}.vk-attach--uploading .vk-attach__bar-fill{animation:none;width:100%;margin-left:0}.vk-attach--uploading .vk-attach__status-text:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/vk-attach.css.map */