.progress-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;pointer-events:none}.progress-fg{stroke:var(--color-white-text);transition:stroke-dashoffset .3s}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;color:var(--color-white-text)}#progressFileUploads{cursor:pointer}#progressFileUploads svg{fill:var(--color-white-text)}.upload-section{width:100%;display:flex;flex-direction:column;align-items:center;background:var(--color-purp);position:relative;height:250px;overflow:hidden}.upload-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.upload-input-container{height:100%;display:flex;flex-direction:row;align-items:center;width:100%;transition:height .3s}.input-with-clear{position:relative;min-width:120px;max-width:170px;margin:0 auto;border:1px solid var(--color-lightpurp);border-radius:60px;padding:0 20px}.input-with-clear input[type=text]{font-size:16px;background:0 0;outline:0;height:52px;border:0;box-sizing:border-box;color:var(--color-white-text);width:100%}.input-with-clear:focus-within{border-color:var(--color-white-text)}.input-with-clear input::-webkit-input-placeholder{color:var(--color-white-text);text-align:center}.input-with-clear input:-ms-input-placeholder{color:var(--color-white-text);text-align:center}.input-with-clear input::-moz-placeholder{color:var(--color-white-text);text-align:center}.input-with-clear input:focus::-webkit-input-placeholder{color:transparent}.input-with-clear input:focus:-moz-placeholder{color:transparent}.input-with-clear input:focus::-moz-placeholder{color:transparent}.input-with-clear input:focus:-ms-input-placeholder{color:transparent}.file-select-wrapper{text-align:center;color:var(--color-white-text);margin:10px;position:relative;width:200px}.upload-prompt{line-height:1.3em;font-size:1.7em;font-weight:700;padding:10px}.upload-prompt.small{font-size:1.5em}.inline-block{display:flex;height:100%;width:50%;align-items:center;position:relative;justify-content:center}.hidden{display:none}.status-message{background:var(--color-lightgray);width:100%;position:fixed;top:0;left:0;bottom:40px;display:flex;justify-content:center;align-items:center;z-index:101}.status-content{display:flex;justify-content:center;align-items:center;border-radius:8px;padding:14px 20px;max-width:90%;animation:.3s ease-in fadeIn;text-align:center}.status-text{font-size:min(3.5vh, 26px);color:var(--color-black);line-height:1.4;display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;word-break:break-word;text-align:center}.lock-icon{width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lock-icon svg{width:100%;height:100%;fill:var(--color-black)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.url-input-box{width:50%;height:100%;display:flex;align-items:center;margin:10px}.clear-button{display:inline-block;position:absolute;right:17px;top:50%;transform:translateY(-50%);width:20px;height:20px;cursor:pointer}.clear-button::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;z-index:-1}.clear-button svg{fill:var(--color-white-text);width:100%;height:100%}.clear-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px}.clean-p{padding-right:26px!important}.rounded-50{border-radius:50%}.share-button{width:200px;padding:18px 26px;background-color:var(--color-black-text);color:var(--color-white-text);box-sizing:border-box;font-size:19px;font-weight:700;text-align:center;cursor:pointer;display:flex;justify-content:space-evenly;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);align-items:center;animation:.4s bounce}.share-icon{width:19px;height:19px;fill:#fff;position:absolute;right:10px}#share{position:relative;width:100%;height:100%}#fileSelect{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}.error-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-hide);color:var(--color-white-text);display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700;text-align:center;padding:10px;box-sizing:border-box;z-index:9;flex-direction:column;text-shadow:0 1px 10px var(--color-gray2)}.error-overlay a{color:var(--color-white-text)}@keyframes bounce{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-10px)}}