.upload .input-group{position:relative}.upload .input-group i{position:absolute;height:2.875rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center}.upload .input-group input{width:100%;padding-left:2.5rem}.upload .controls{display:flex;gap:2.5rem;justify-content:center;align-items:center;width:100%;border-top:1px solid var(--borderColorHighlight)}.upload .controls .container{display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.upload .controls .cta{padding:0 2.5rem}@media screen and (max-width:768px){.upload .controls .cta{padding:0 1.2rem}}.upload .controls .primary{margin-left:0}.upload .controls .secondary{margin-left:auto}.upload .controls a{color:var(--fontColor)}.upload .controls a:hover{color:var(--fontColorHighlight)}.upload small{color:var(--fontColorDim);font-weight:400}.upload .sources{display:flex;align-items:center;gap:1rem;font-size:.75rem;flex-wrap:wrap}.upload .sources span{display:flex;align-items:center;gap:.5rem}.upload .sources i{width:1.85rem;height:1.85rem;line-height:1.85rem;background-color:var(--bgButton);border-radius:1.25rem;text-align:center;font-size:.7rem;transition:all .15s ease-in-out;white-space:nowrap;display:flex;align-items:center;justify-content:center}.upload .sources i svg{width:.75rem;height:.75rem;fill:currentColor;flex-shrink:0}.upload .sources i.text{display:flex;align-items:center;justify-content:center;width:auto;padding:0 .75rem;gap:.25rem;font-style:normal}.upload .separator{position:relative;text-align:center}.upload .separator p{position:relative;display:inline-block;background-color:rgba(0,0,0,0);z-index:1;padding:0 1rem}.upload .section-toggle{display:flex;width:100%;justify-content:space-between;cursor:pointer;color:var(--fontColorDim);transition:all .15s ease-in-out;user-select:none}.upload .section-toggle.active,.upload .section-toggle:hover{color:var(--fontColorHighlight)}.upload .section-toggle i:before{rotate:0;display:block;transition:all .15s ease-in-out}.upload .section-toggle.active i:before{rotate:90deg}.upload .form{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.upload .form label{font-size:.85rem}.upload .form .form-container{border:1px solid var(--bgElevated);background-color:var(--bgElevated);border-radius:.375rem;padding:2rem;width:33rem}.upload .form label.form-container{cursor:pointer;display:flex;transition:all .3s ease-in-out}.upload .form label.form-container.dragging,.upload .form label.form-container:hover{border-color:var(--fontColorHighlight);background-color:var(--bgElevatedHighlight)}.upload .form label.form-container.dragging .upload-icon-image,.upload .form label.form-container:hover .upload-icon-image{box-shadow:0 0 0 2.5px var(--bgElevatedHighlight)}.upload .form h3 i{padding:.5rem;display:inline-block;color:#fff;border-radius:.375rem;background-color:var(--primaryColor);margin-right:.5rem}.upload .form h3 .upload-icon-image{box-shadow:0 0 0 2.5px var(--bgElevated);transition:box-shadow .3s ease-in-out}.upload .form .form-wrapper{padding:2.5rem}.upload .form button[type=submit]{padding:0 1.5625rem}.upload .form .error{font-size:.8rem;margin:1rem 0;white-space:pre}.upload .guidelines{text-align:center;font-size:.75rem;font-style:normal;font-weight:400;line-height:1.375rem;color:var(--fontColorDim)}.upload .guidelines strong{color:var(--fontColor)}.upload .input-wrapper{position:relative;height:3.75rem;color:var(--Transparent-button-background-Click,rgba(255,255,255,.4))}.upload .input-wrapper .check,.upload .input-wrapper .cta{position:absolute;top:.625rem;right:.625rem}.upload .input-wrapper .check .icon-check{display:block;width:2.5rem;height:2.5rem;line-height:2.5rem;text-align:center;background:var(--successColor);border-radius:50%;color:#fff;font-size:.75rem}.upload .input-wrapper input{height:3.75rem;padding-right:7rem}.upload section#feed{margin:0;max-width:400px;min-width:320px;flex-shrink:0;flex-basis:280px;position:sticky;top:var(--headerHeight)}.upload section#feed ul{display:block;margin:0}.upload section#feed .postInfo .tags{flex-wrap:wrap}.upload section#feed .tile{pointer-events:all}.upload section#feed .tile .feedLink,.upload section#feed .tile .postMeta{pointer-events:none}.upload .mobile-thumbnail{margin-bottom:.6rem;display:none}.upload .mobile-thumbnail img{aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:.15rem;border:1px solid var(--borderColor)}.upload .image-thumbnails{display:flex;gap:1rem;flex-wrap:wrap}.upload .image-thumbnails .image-preview{aspect-ratio:4/3;width:5.8125rem;border-radius:.1875rem;cursor:pointer;transition:all .15s ease-in;position:relative;outline:2px solid rgba(0,0,0,0)}.upload .image-thumbnails .image-preview:hover{background-color:var(--bgButton);color:var(--fontColorHighlight)}.upload .image-thumbnails .image-preview.active{outline:2px solid var(--primaryColor)}.upload .image-thumbnails .image-preview.dragging{opacity:.5;cursor:grabbing}.upload .image-thumbnails .image-preview.add{display:flex;justify-content:center;align-items:center;border:1px solid var(--bgElevatedHighlight);color:var(--bgElevatedHighlight)}.upload .image-thumbnails .image-preview img,.upload .image-thumbnails .image-preview video{aspect-ratio:4/3;object-fit:cover;border-radius:.1875rem}.upload .image-thumbnails .image-preview .remove-image{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:.1875rem;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s ease-in-out;z-index:2;font-size:10px;color:var(--fontColor);transition:all .15s ease-in}.upload .image-thumbnails .image-preview .remove-image:hover{color:var(--fontColorHighlight);background-color:#000}.upload .image-thumbnails .image-preview .icon-video{position:absolute;top:4px;left:4px}.upload .image-thumbnails .image-preview:hover .remove-image{opacity:1}.upload .file-drop{background:var(--bgButtonDim);border:1px dashed var(--bgButton);border-radius:.25rem;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;position:relative;overflow:hidden;padding:1rem;text-align:center}.upload .file-drop.narrow{aspect-ratio:5/2}.upload .file-drop.narrow small{margin:0}.upload .file-drop i.icon-camera{margin:auto;font-size:2.5rem;padding-top:42px}.upload .file-drop small{margin-bottom:1.2rem;flex-basis:1rem}.upload .file-drop img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;object-fit:contain;object-position:center}.upload .file-drop .prompt{content:"Click to Upload";position:absolute;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.5rem;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.5);transition:opacity .15s ease-in;opacity:0}.upload .file-drop .prompt i{background:#fff;border-radius:50%;width:3.75rem;height:3.75rem;line-height:3.75rem;text-align:center;color:var(--bgElevated);font-size:1.25rem}.upload .file-drop:hover .prompt{opacity:1}.upload .success{display:flex;line-height:1.625rem;padding:.625rem 1.25rem;align-items:center;align-self:stretch;border-radius:.25rem;border:1px solid var(--bgElevatedHighlight);font-size:1rem;background:var(--successColor)}.upload .success,.upload .success a{color:var(--fontColor)}.upload .error{font-weight:500;color:#ff4a4a}.upload .error a{color:#ff4a4a}.upload .info{font-weight:500;color:#4a90ff;background-color:rgba(74,144,255,.1);padding:1rem;border-radius:.375rem;display:flex;gap:.5rem}.upload .info p{padding:0;margin:0;text-align:left}.upload .info .cta{margin:0}.collaborators-list{overflow:hidden;display:flex;flex-direction:column;gap:.12rem}.collaborators-list .collaborator-item{display:flex;align-items:center;gap:.75rem;background-color:var(--bgElevated);padding:0 1.25rem 0 .9375rem;border-radius:.375rem;background:var(--bgButtonHighlight);height:2.875rem}.collaborators-list .collaborator-item:has(.new){background:var(--borderColor)}.collaborators-list .collaborator-item .collaborator-info{display:flex;gap:.5rem;align-items:center;width:100%}.collaborators-list .collaborator-item .collaborator-info .collaborator-header{display:flex;align-items:center;gap:.5rem}.collaborators-list .collaborator-item .collaborator-info .collaborator-header .collaborator-name{font-size:1rem;font-weight:400}.collaborators-list .collaborator-item .collaborator-info .collaborator-header .collaborator-username{font-size:.875rem;color:var(--fontColorDim);transition:all .15s ease-in-out}.collaborators-list .collaborator-item .collaborator-info .collaborator-header .collaborator-username:hover{color:var(--fontColorHighlight);text-decoration:underline}.collaborators-list .collaborator-item .collaborator-info .status-badge{display:flex;height:1.25rem;padding:0 .375rem;justify-content:center;align-items:center;background:#009649;border-radius:.25rem;font-size:.6875rem;font-style:normal;font-weight:500;margin-left:auto}.collaborators-list .collaborator-item .collaborator-info .status-badge.pending{background:#c70}.collaborators-list .collaborator-item .collaborator-info .status-badge.declined{background:#b20000}.collaborators-list .collaborator-item .collaborator-info .status-badge.new{background:var(--primaryColor)}.collaborators-list .collaborator-item .remove-collaborator{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--fontColorDim);display:flex;align-items:center;justify-content:center;transition:all .15s ease-in;font-size:.75rem}.collaborators-list .collaborator-item .remove-collaborator:hover{color:var(--fontColorHighlight)}.collaborators-list .collaborator-item .copy-invitation{background:none;border:none;cursor:pointer;padding:0 .5rem;color:var(--fontColorDim);display:flex;align-items:center;justify-content:center;transition:all .15s ease-in;font-size:1rem}.collaborators-list .collaborator-item .copy-invitation:hover{color:var(--fontColorHighlight)}.collaborator-option{display:flex;align-items:center;gap:.5rem}.collaborator-option .email-avatar{width:1.5rem;height:1.5rem;border-radius:50%;background:#000;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500}.collaborator-option .avatar .badge{white-space:nowrap}.collaborator-option .option-info{display:flex;gap:.5rem;align-items:center}.collaborator-option .option-info .option-name{font-weight:500}.collaborator-option .option-info .option-secondary{font-size:.875rem;color:var(--fontColorDim)}@media screen and (max-width:768px){.upload .elevated{background-color:rgba(0,0,0,0);display:block;padding:0}.upload .elevated.preloader{justify-content:center;align-items:center;display:flex}.upload .elevated.preview form{margin:0}.upload .elevated h1{text-align:center}.upload .elevated .form-container{width:auto;flex-direction:column}.upload .elevated .form-container form{width:100%}.upload .elevated .form-container .input-wrapper{height:auto}.upload .elevated .form-container .input-wrapper input{padding-right:0}.upload .elevated .form-container .input-wrapper .cta{position:static;margin:2rem auto 0}.upload .elevated .mobile-thumbnail{display:block}.upload .elevated .controls .back,.upload .elevated .controls .secondary,.upload .elevated .sources{display:none}.upload .elevated .file-drop{aspect-ratio:auto}.upload .elevated .separator:before{display:none}.upload .elevated .separator p{background:none}.upload .elevated #feed{display:none}.collaborators-list .collaborator-item .collaborator-info .collaborator-header{flex-direction:column;gap:0;align-items:flex-start;flex-shrink:1;flex-grow:0;overflow:hidden;max-width:8rem}.collaborators-list .collaborator-item .collaborator-info .collaborator-header .collaborator-name,.collaborators-list .collaborator-item .collaborator-info .collaborator-header .collaborator-username{font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media screen and (max-width:480px){.upload .form .form-wrapper{padding:1.5rem}}.upload .sticky-controls{background-color:var(--bg);position:fixed;bottom:0;left:0;right:0;height:3.75rem;z-index:100;max-width:none;border:none;margin:0;padding:0;border-top:1px solid var(--borderColorHighlight);animation:slideUp .15s ease-in-out}@media screen and (min-width:1920px){.upload .sticky-controls{height:4.75rem}}.upload .sticky-controls.animating-out{animation:slideDown .15s ease-in-out}.upload .sticky-controls .container{margin:auto;gap:1rem}@media screen and (max-width:768px){.upload .sticky-controls .back,.upload .sticky-controls .secondary{display:none}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}