.drag-inviter.svelte-ocnlri{position:relative;margin:30px 0;align-self:stretch}.drag-inviter.svelte-ocnlri .drag-inviter-border:where(.svelte-ocnlri) .in-border:where(.svelte-ocnlri) span:where(.svelte-ocnlri){transition:background-color .15s ease-in-out}.drag-inviter.active.svelte-ocnlri .drag-inviter-border:where(.svelte-ocnlri) .in-border:where(.svelte-ocnlri) span:where(.svelte-ocnlri){background:var(--cta-hover-bg)}.drag-inviter.svelte-ocnlri .drag-inviter-border:where(.svelte-ocnlri){border:1px dashed white;border-radius:8px;height:180px}@media (min-width: 576px){.drag-inviter.svelte-ocnlri .drag-inviter-border:where(.svelte-ocnlri){height:200px}}.drag-inviter.svelte-ocnlri .drag-inviter-border:where(.svelte-ocnlri) .in-border:where(.svelte-ocnlri){position:absolute;left:0;right:0;text-align:center;font-weight:300;font-size:14px}.drag-inviter.svelte-ocnlri .drag-inviter-border:where(.svelte-ocnlri) .in-border.bottom:where(.svelte-ocnlri){bottom:-10px}.drag-inviter.svelte-ocnlri .drag-inviter-border:where(.svelte-ocnlri) .in-border:where(.svelte-ocnlri) span:where(.svelte-ocnlri){background:var(--cta-bg);padding:0 11px}.drag-inviter-content.svelte-ocnlri .fa-light{font-size:42px;margin:0 10px}.drag-inviter-content.svelte-ocnlri p{font-size:16px;font-weight:700;margin-top:15px;text-align:center}@media (min-width: 576px){.drag-inviter-content.svelte-ocnlri .fa-light{font-size:58px}.drag-inviter-content.svelte-ocnlri p{font-size:24px}}.active.svelte-ocnlri .in-border:where(.svelte-ocnlri) span:where(.svelte-ocnlri){background:var(--cta-hover-bg)!important}.dropzone-backdrop.svelte-rqmmsc{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:1040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drag-zone.svelte-rqmmsc{position:relative;display:flex;justify-content:center;padding:var(--dragzone-padding, 0 10px);cursor:unset;min-height:425px;background:var(--cta-bg);border:2px solid var(--cta-hover-bg);outline:3px solid transparent;border-radius:3px;transition:background-color .15s ease-in-out,border-color .15s ease-in-out}.drag-zone.svelte-rqmmsc .in-border span{transition:background-color .15s ease-in-out}.drag-zone.isDragging.svelte-rqmmsc{z-index:1061}.drag-zone.active.svelte-rqmmsc{background:var(--cta-hover-bg)}@media (pointer: coarse){.drag-zone.tap-to-browse.svelte-rqmmsc{min-height:0}}.drag-zone-content.svelte-rqmmsc{flex:0 1 544px;display:flex;align-items:center;flex-direction:column;color:var(--dragzone-text)}.drag-zone-content.svelte-rqmmsc .pointer-dragzone:where(.svelte-rqmmsc){align-self:stretch}.drag-zone-content.svelte-rqmmsc .touch-sources:where(.svelte-rqmmsc){display:none;align-self:stretch;flex-direction:column;gap:12px;padding:20px 0}.drag-zone-content.svelte-rqmmsc .touch-sources:where(.svelte-rqmmsc) .btn-file:where(.svelte-rqmmsc){width:100%;margin-bottom:0;padding:0 16px}.drag-zone-content.svelte-rqmmsc .touch-sources:where(.svelte-rqmmsc) .secondary:where(.svelte-rqmmsc){color:var(--dragzone-text);background-color:transparent;box-shadow:inset 0 0 0 2px currentColor}.drag-zone-content.svelte-rqmmsc .touch-sources:where(.svelte-rqmmsc) .secondary:where(.svelte-rqmmsc):hover{color:var(--dragzone-text)}.drag-zone-content.svelte-rqmmsc .touch-prompt:where(.svelte-rqmmsc){text-align:center;margin-bottom:8px}.drag-zone-content.svelte-rqmmsc .touch-prompt:where(.svelte-rqmmsc) .fa-light{font-size:42px}.drag-zone-content.svelte-rqmmsc .touch-prompt:where(.svelte-rqmmsc) p{font-size:16px;font-weight:700;margin:12px 0 0}@media (pointer: coarse){.drag-zone-content.svelte-rqmmsc .touch-sources:where(.svelte-rqmmsc){display:flex}.drag-zone-content.svelte-rqmmsc .replaced-on-touch:where(.svelte-rqmmsc){display:none}}.drag-zone-content.svelte-rqmmsc .btn-file:where(.svelte-rqmmsc){line-height:54px;margin-bottom:20px;border:0;padding:0 43px;font-size:16px;font-weight:700;text-transform:uppercase;cursor:pointer;color:var(--cta-bg);background-color:var(--dragzone-text)}.drag-zone-content.svelte-rqmmsc .btn-file:where(.svelte-rqmmsc):hover{color:var(--color-almost-black)}.drag-zone-content.svelte-rqmmsc p:where(.svelte-rqmmsc){font-size:11px;text-align:center;margin-bottom:.8rem}@media (min-width: 576px){.drag-zone-content.svelte-rqmmsc p:where(.svelte-rqmmsc){padding:0 50px}}.drag-zone-content.svelte-rqmmsc p.processing:where(.svelte-rqmmsc){font-size:16px}