@layer components{.dropzone{cursor:pointer;background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22none%22%20stroke%3D%22%23b7becc%22%20stroke-dasharray%3D%226%2C%2010%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%222%22%20rx%3D%2210%22%20ry%3D%2210%22%2F%3E%3C%2Fsvg%3E);border-radius:10px;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.dropzone--disabled .dropzone__icon,.dropzone--disabled .dropzone__label{color:var(--color-content-disabled-primary)}.dropzone:hover:not(.dropzone--disabled):not(.dropzone--accent){background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22none%22%20stroke%3D%22%230d0f15%22%20stroke-dasharray%3D%226%2C%2010%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%20rx%3D%2210%22%20ry%3D%2210%22%2F%3E%3C%2Fsvg%3E)}.dropzone--accent:hover:not(.dropzone--disabled){background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22none%22%20stroke%3D%22%2368a6e8%22%20stroke-dasharray%3D%226%2C%2010%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%20rx%3D%2210%22%20ry%3D%2210%22%2F%3E%3C%2Fsvg%3E)}.dropzone:focus-visible{outline:2px solid var(--color-content-main-muted);outline-offset:2px}.dropzone--dragging{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22none%22%20stroke%3D%22%230d0f15%22%20stroke-dasharray%3D%226%2C%2010%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%20rx%3D%2210%22%20ry%3D%2210%22%2F%3E%3C%2Fsvg%3E)}.dropzone--accent.dropzone--dragging{background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20fill%3D%22none%22%20stroke%3D%22%2368a6e8%22%20stroke-dasharray%3D%226%2C%2010%22%20stroke-linecap%3D%22square%22%20stroke-width%3D%223%22%20rx%3D%2210%22%20ry%3D%2210%22%2F%3E%3C%2Fsvg%3E)}.dropzone--disabled{cursor:not-allowed}.dropzone--small{min-height:calc(var(--spacing)*28);padding:var(--component-card-sm-padding)}.dropzone--medium{min-height:calc(var(--spacing)*32);padding:var(--component-card-md-padding)}.dropzone--large{min-height:calc(var(--spacing)*40);padding:var(--component-card-lg-padding)}.dropzone__icon,.dropzone__loading-icon{color:var(--color-content-main-muted);flex-shrink:0}.dropzone__label{color:var(--color-content-main-subtle);font-family:var(--typography-body-font-family);font-size:var(--typography-body-font-size-b2);font-weight:var(--typography-body-weight-sm);line-height:var(--typography-body-line-height-b2)}.dropzone--small .dropzone__action-button{margin:var(--component-card-sm-padding)}.dropzone--medium .dropzone__action-button{margin:var(--component-card-md-padding)}.dropzone--large .dropzone__action-button{margin:var(--component-card-lg-padding)}.dropzone__input{display:none}}