.template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: .5rem;
  border: 1px solid #ececec;
  box-shadow: 0 1px 3px rgba(50, 50, 93, 0.15), 0 1px 0 rgba(0, 0, 0, 0.02); }
  .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #backdrop {
    width: 100%;
    height: 128px;
    background-color: white;
    border-bottom: 1px solid #ececec;
    z-index: 1; }
  .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone {
    width: 168px;
    height: 168px;
    margin-top: -84px;
    margin-bottom: -84px;
    background-color: #fff;
    box-shadow: 0px 1px 14px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e5e5;
    border-radius: 50%;
    overflow: hidden;
    z-index: 3; }
    .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone .dropzone-state {
      display: none; }
    .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] {
      border-width: 2px;
      border-style: dashed; }
      .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo {
        height: 168px;
        width: 168px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: background-color .25s ease;
        will-change: background-color; }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo > * {
          pointer-events: none; }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo #drop-it {
          display: none;
          font-size: 16px;
          font-weight: 600; }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo > span#drag-and-drop,
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo > span#tap-to-upload {
          display: block; }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo.dragenter {
          background-color: #eaeafd; }
          .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo.dragenter span#drop-it {
            display: block; }
          .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo.dragenter > span#drag-and-drop,
          .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo.dragenter > span#tap-to-upload {
            display: none; }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo span#drag-and-drop {
          margin-bottom: 2px;
          font-size: 16px;
          font-weight: 600; }
          @media only screen and (max-width: 991px) {
            .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo span#drag-and-drop {
              display: none; } }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo span#tap-to-upload {
          font-size: 13px; }
          @media only screen and (max-width: 991px) {
            .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="no-logo"] div#no-logo span#tap-to-upload {
              font-size: 16px;
              font-weight: 600; } }
    .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="uploading"] div#uploading {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%; }
    .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="has-logo"] {
      border-width: 1px;
      border-style: solid; }
      .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="has-logo"] div#has-logo {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        position: relative; }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="has-logo"] div#has-logo div#logo {
          background-size: contain;
          background-position: center;
          width: 100%;
          height: 100%; }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="has-logo"] div#has-logo span#removeLogoHover {
          display: block;
          position: absolute;
          opacity: 0;
          transition: opacity .15s ease; }
        .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="has-logo"] div#has-logo:hover span#removeLogoHover {
          opacity: 1;
          font-size: 16px;
          font-weight: 600; }
          .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #logoDropzone[display="has-logo"] div#has-logo:hover span#removeLogoHover:hover {
            cursor: pointer;
            text-decoration: underline; }
  .template-wrapper.user-settings-wrapper #logoUploadCard #logo-dropzone-container #frontdrop {
    width: 100%;
    height: 168px;
    background-color: #fafafa;
    z-index: 2; }