.pn-dropzone{background-color:var(--background);display:grid;min-height:100%;position:relative}.pn-dropzone .pn-file-selector{grid-column:1;grid-row:1;height:auto;margin-bottom:0;min-height:250px;position:relative}.pn-dropzone .pn-file-selector input{height:0;position:absolute;top:0}.pn-dropzone .pn-file-selector>label{background-color:var(--brand-background);border:2px dashed var(--brand-line);border-radius:12px;box-shadow:none;color:var(--brand-text-subtle);font-size:1rem;height:100%;overflow:hidden;transition:all .15s ease-in-out;width:100%}@media (min-width:640px){.pn-dropzone .pn-file-selector>label{min-height:250px}}.pn-dropzone .pn-file-selector>label:hover{background-color:var(--brand-background-subtle);border:2px dashed var(--brand-solid);box-shadow:none}.pn-dropzone .pn-file-selector.is-drag-hover>label{background-color:var(--brand-background-subtle);border-color:var(--brand-solid)}.pn-dropzone[data-has-images=true] .pn-file-selector{min-height:350px}.pn-dropzone .pn-dropzone-label-text{font-size:1.5rem;line-height:1.2;max-width:30ch}.pn-dropzone[data-size=lg] .pn-dropzone-label-text{font-size:1.25rem}@media (min-width:460px){.pn-dropzone[data-size=lg] .pn-dropzone-label-text{font-size:1.4rem}}@media (min-width:768px){.pn-dropzone[data-size=lg] .pn-dropzone-label-text{font-size:1.75rem}}[dir=ltr] .pn-dropzone .pn-file-selector input{left:0}[dir=rtl] .pn-dropzone .pn-file-selector input{right:0}.pn-dropzone-inner{align-items:center;display:flex;height:100%;justify-content:center;padding:var(--s2) var(--s0);pointer-events:none}.pn-dropzone-inner>*{position:relative;z-index:27}.pn-dropzone-label{align-items:center;border:0;border-radius:6px;display:flex;flex-direction:column;font-weight:700;gap:var(--s-1);line-height:1.2;max-height:100%;padding:var(--s1) 0}.pn-dropzone-inner .pn-dropzone-label{background-color:var(--brand-component);border:2px solid var(--brand-component);font-size:1.125rem;height:250px;justify-content:center;padding:0 var(--s1);transition:border .15s ease-in-out;width:250px}.pn-file-selector:hover .pn-dropzone-label{border-color:var(--brand-solid)}.pn-dropzone-illustration{aspect-ratio:1/1;flex:1 1 auto;max-height:270px;min-height:0}.pn-dropzone[data-size=md] .pn-dropzone-illustration{max-height:105px;max-width:105px}@media (max-width:639px){.pn-dropzone-illustration{max-height:105px;max-width:105px}}