@layer bcc-design-layer{.bcc-desktop-dropzone{max-width:640px;width:100%;display:flex;flex-direction:column}.bcc-desktop-dropzone_isDisabled{opacity:.6}.bcc-desktop-dropzone__header{margin:0 0 var(--g-spacing-3)}.bcc-desktop-dropzone__upload-section{position:relative;display:flex;flex-direction:column;text-align:center;gap:16px;padding:var(--g-spacing-6) var(--g-spacing-5);border-radius:var(--b-border-radius-cof-8);background:var(--b-color-object-bg-neutral-weak-0);cursor:pointer}.bcc-desktop-dropzone__upload-section:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-color:var(--b-color-stroke-neutral-strong-200);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' rx='16' ry='16' fill='none' stroke='black' stroke-width='1.4' stroke-dasharray='6 6'/%3E%3C/svg%3E");mask-size:100% 100%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Crect x='1' y='1' width='calc(100%25 - 2px)' height='calc(100%25 - 2px)' rx='16' ry='16' fill='none' stroke='black' stroke-width='1.4' stroke-dasharray='6 6'/%3E%3C/svg%3E");-webkit-mask-size:100% 100%}.bcc-desktop-dropzone__upload-section:hover:not(.bcc-desktop-dropzone__upload-section_disabled):not(.bcc-desktop-dropzone__upload-section_error):before{background-color:var(--b-color-object-bg-brand-strong-500)}.bcc-desktop-dropzone__upload-section_active{background-color:var(--b-color-object-bg-success-weak-100)}.bcc-desktop-dropzone__upload-section_active:before{background-color:var(--b-color-object-bg-brand-strong-500)}.bcc-desktop-dropzone__upload-section_error:before{background-color:var(--b-color-text-error-strong-500)}.bcc-desktop-dropzone__upload-section_disabled{cursor:not-allowed;background-color:var(--b-color-object-bg-neutral-weak-100)}.bcc-desktop-dropzone__upload-section_disabled:before{background-color:var(--b-color-object-bg-neutral-weak-200)}.bcc-desktop-dropzone__upload-button{height:36px;margin-top:var(--g-spacing-1)}.bcc-desktop-dropzone__error{color:var(--b-color-text-error-strong-500)}.bcc-desktop-dropzone__disabled-img{filter:grayscale(100%)}.bcc-uploaded-section{display:flex;flex-direction:column;width:100%;gap:var(--g-spacing-3)}.bcc-uploaded-section__file-content{display:flex;align-items:center;min-height:45px}.bcc-uploaded-section__icon img{object-fit:cover;border-radius:var(--b-border-radius-circle)}.bcc-uploaded-section__progress-details{width:100%}.bcc-uploaded-section__progress-details_clickable{cursor:pointer}.bcc-uploaded-section__progress-details_clickable:hover .bcc-uploaded-section__file-name{text-decoration:underline}.bcc-uploaded-section__file-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px;font-weight:var(--b-text-caption-medium-font-weight)}.bcc-uploaded-section__file-name,.bcc-uploaded-section__file-name_uploading{color:var(--b-color-text-neutral-weak-500)}.bcc-uploaded-section__file-name_completed{color:var(--b-color-text-success-strong-500)}.bcc-uploaded-section__file-name_failed{color:var(--b-color-text-neutral-weak-500)}.bcc-identifier{display:flex;align-items:center;gap:var(--g-spacing-2)}.bcc-identifier__status-description{font-size:var(--b-text-body-2-font-size);line-height:var(--b-text-body-2-line-height);color:var(--b-color-text-neutral-strong-700)}.bcc-identifier__status-description_error{color:var(--b-color-text-error-strong-500)}}