.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}.upload .sources i,.upload .sources i.text{display:flex;align-items:center;justify-content:center}.upload .sources i.text{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 .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 h3 i{padding:.5rem;display:inline-block;color:#fff;border-radius:.375rem;background-color:var(--primaryColor);margin-right:.5rem}.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}.upload section#feed ul{display:block}.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.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}@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}}@media screen and (max-width:480px){.upload .form .form-wrapper{padding:1.5rem}}@media screen and (max-height:800px)and (min-width:769px){.upload .controls{background-color:var(--bgElevated);position:fixed;bottom:0;left:0;right:0;height:3.75rem;z-index:1;max-width:none;border:none}.upload .controls .container{margin:auto;gap:3.25rem;justify-content:center}}